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