1<template>
 2  <div class="Oxygen">
 3    <a href="https://webpod.dev/?from=zx-site">
 4      <!--<img src="https://webpod.dev/img/banner.png" alt="Webpod - deploy JavaScript apps">-->
 5      <img src="https://webpod.dev/img/logo.svg" alt="Webpod - deploy JavaScript apps">
 6      <p>Webpod – deploy JavaScript apps to own cloud or private server</p>
 7    </a>
 8  </div>
 9</template>
10
11<style scoped>
12.Oxygen {
13  display: flex;
14  justify-content: center;
15  align-items: center;
16  padding: 24px;
17  border-radius: 12px;
18  min-height: 256px;
19  text-align: center;
20  line-height: 18px;
21  font-size: 12px;
22  font-weight: 500;
23  background-color: var(--vp-carbon-ads-bg-color);
24}
25
26.Oxygen :deep(img) {
27  margin: 0 auto;
28}
29
30.Oxygen :deep(p) {
31  display: block;
32  margin: 0 auto;
33  color: var(--vp-carbon-ads-text-color);
34  transition: color 0.25s;
35}
36
37.Oxygen :deep(p:hover) {
38  color: var(--vp-carbon-ads-hover-text-color);
39}
40</style>
41<script setup>
42</script>