Fix slider images. Resize varly image and limit max width. Remove announcement.

This commit is contained in:
Lea Anthony 2022-09-19 12:02:41 +10:00 committed by Misite Bao
commit 3c17905155
17 changed files with 23 additions and 24 deletions

View file

@ -29,7 +29,7 @@ you'd expect from a modern native app.
```mdx-code-block
<p class="text--center">
<a href="https://varly.app/">
<img src={require("@site/static/img/varly.webp").default} width="75%" />
<img src={require("@site/static/img/showcase/varly2.webp").default} style={{'width': '75%', 'max-width': '800px'}}/>
</a>
</p>
```

View file

@ -232,13 +232,6 @@ const config = {
disableSwitch: false,
respectPrefersColorScheme: true,
},
announcementBar: {
id: "announcement-bar",
content: "Wails v2 is currently in Beta",
backgroundColor: "#b00",
textColor: "#FFF",
isCloseable: false,
},
algolia: {
appId: "AWTCNFZ4FF",
apiKey: "a6c0adbe611ee2535f3da5e8fd7b2200",

View file

@ -26,7 +26,7 @@ This is [varly](https://varly.app) - a desktop application for MacOS & Windows w
<p class="text--center">
<a href="https://varly.app/">
<img src={require("@site/static/img/varly.webp").default} width="75%" />
<img src={require("@site/static/img/showcase/varly2.webp").default} style={{'width': '75%', 'max-width': '800px'}} />
</a>
</p>

View file

@ -26,7 +26,7 @@ This is [varly](https://varly.app) - a desktop application for MacOS & Windows w
<p class="text--center">
<a href="https://varly.app/">
<img src={require("@site/static/img/varly.webp").default} width="75%" />
<img src={require("@site/static/img/showcase/varly2.webp").default} style={{'width': '75%', 'max-width': '800px'}} />
</a>
</p>

View file

@ -26,7 +26,7 @@ Consider it a lightweight and fast Electron alternative for Go. You can easily b
<p class="text--center">
<a href="https://varly.app/">
<img src={require("@site/static/img/varly.webp").default} width="75%" />
<img src={require("@site/static/img/showcase/varly2.webp").default} style={{'width': '75%', 'max-width': '800px'}} />
</a>
</p>

View file

@ -26,7 +26,7 @@ Consider it a lightweight and fast Electron alternative for Go. You can easily b
<p class="text--center">
<a href="https://varly.app/">
<img src={require("@site/static/img/varly.webp").default} width="75%" />
<img src={require("@site/static/img/showcase/varly2.webp").default} style={{'width': '75%', 'max-width': '800px'}} />
</a>
</p>

View file

@ -26,7 +26,7 @@ Wails - это проект, позволяющий писать настоль
<p class="text--center">
<a href="https://varly.app/">
<img src={require("@site/static/img/varly.webp").default} width="75%" />
<img src={require("@site/static/img/showcase/varly2.webp").default} style={{'width': '75%', 'max-width': '800px'}} />
</a>
</p>

View file

@ -26,7 +26,7 @@ Wails - это проект, позволяющий писать настоль
<p class="text--center">
<a href="https://varly.app/">
<img src={require("@site/static/img/varly.webp").default} width="75%" />
<img src={require("@site/static/img/showcase/varly2.webp").default} style={{'width': '75%', 'max-width': '800px'}} />
</a>
</p>

View file

@ -26,7 +26,7 @@ Wails 是一个可让您使用 Go 和 Web 技术编写桌面应用的项目。
```mdx-code-block
<p class="text--center">
<a href="https://varly.app/">
<img src={require("@site/static/img/varly.webp").default} width="75%" />
<img src={require("@site/static/img/showcase/varly2.webp").default} style={{'width': '75%', 'max-width': '800px'}} />
</a>
</p>
```

View file

@ -26,7 +26,7 @@ Wails 是一个可让您使用 Go 和 Web 技术编写桌面应用的项目。
<p class="text--center">
<a href="https://varly.app/">
<img src={require("@site/static/img/varly.webp").default} width="75%" />
<img src={require("@site/static/img/showcase/varly2.webp").default} style={{'width': '75%', 'max-width': '800px'}} />
</a>
</p>

View file

@ -310,3 +310,10 @@
width: 75%;
}
}
@media screen and (max-width: 966px) {
.carousel-root {
padding-left: 0;
width: 100%;
}
}

View file

@ -26,6 +26,8 @@ function HomepageHeader() {
infiniteLoop={true}
interval={4000}
transitionTime={1000}
centerMode={true}
>
<div className="slide-item-box">
<img src={useBaseUrl("/img/showcase/mac-app.png")}/>
@ -34,10 +36,10 @@ function HomepageHeader() {
<img src={useBaseUrl("/img/showcase/ytd.webp")}/>
</div>
<div className="slide-item-box">
<img src={useBaseUrl("/img/showcase/wombat.webp")}/>
<img src={useBaseUrl("/img/showcase/varly2.webp")}/>
</div>
<div className="slide-item-box">
<img src={useBaseUrl("/img/showcase/restic-browser-2.png")}/>
<img src={useBaseUrl("/img/showcase/wombat.webp")}/>
</div>
<div className="slide-item-box">
<img src={useBaseUrl("/img/showcase/wally.webp")}/>
@ -46,10 +48,7 @@ function HomepageHeader() {
<img src={useBaseUrl("/img/showcase/october.webp")}/>
</div>
<div className="slide-item-box">
<img
className="img"
src={useBaseUrl("/img/showcase/mollywallet.webp")}
/>
<img src={useBaseUrl("/img/showcase/restic-browser-2.png")}/>
</div>
</Carousel>

Binary file not shown.

After

Width:  |  Height:  |  Size: 17 KiB

Binary file not shown.

Before

Width:  |  Height:  |  Size: 11 KiB

After

Width:  |  Height:  |  Size: 19 KiB

Before After
Before After

Binary file not shown.

Before

Width:  |  Height:  |  Size: 132 KiB

View file

@ -17,7 +17,7 @@ you'd expect from a modern native app.
<p class="text--center">
<a href="https://varly.app/">
<img src="/img/varly.webp" width="75%"/>
<img src={require("@site/static/img/showcase/varly2.webp").default} style={{'width': '75%', 'max-width': '800px'}}/>
</a>
</p>

View file

@ -29,7 +29,7 @@ you'd expect from a modern native app.
<p class="text--center">
<a href="https://varly.app/">
<img src={require("@site/static/img/varly.webp").default} width="75%" />
<img src={require("@site/static/img/showcase/varly2.webp").default} style={{'width': '75%', 'max-width': '800px'}} />
</a>
</p>