eightequal/AstralRinth
1
0
Fork 0
forked from didirus/AstralRinth
Code Pull Requests Activity

Small Landing Page Fixes (#226)

Browse Source 
* Front Page Fixes

* add webm video format
This commit is contained in:
Johan Novak
2021-05-25 22:24:44 -07:00
committed by GitHub
parent 001c2c88cd
commit eb14193b23
3 changed files with 16 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
assets/images/search.webm Normal file
View File

Binary file not shown.

3
assets/styles/highlightjs.scss
View File

@@ -84,7 +84,8 @@ pre {
border-width: 5px; border-width: 5px;
border-radius: 2em; border-radius: 2em;
border-color: var(--color-brand); border-color: var(--color-brand);
overflow-x: hidden;
code { code {
line-height: 100%; line-height: 100%;
padding: 0.2em; padding: 0.2em;

25
pages/index.vue
View File

@@ -23,13 +23,10 @@
</p> </p>
</div> </div>
<div class="right hero-image"> <div class="right hero-image">
<video <video loading="lazy" loop muted autoplay>
src="~/assets/images/search.mp4" <source src="~/assets/images/search.webm" />
loading="lazy" <source src="~/assets/images/search.mp4" />
loop </video>
muted
autoplay
/>
</div> </div>
</div> </div>
<div class="default-hero columns"> <div class="default-hero columns">
@@ -64,7 +61,7 @@
<polyline points="8 6 2 12 8 18"></polyline> <polyline points="8 6 2 12 8 18"></polyline>
</svg> </svg>
</div> </div>
<img class="char" src="~/assets/images/right-arrow.svg" alt="logo" /> <span class="char" alt="logo"><RightArrowIcon /></span>
<div> <div>
<h3>Build</h3> <h3>Build</h3>
<svg <svg
@@ -107,7 +104,7 @@
></path> ></path>
</svg> </svg>
</div> </div>
<img class="char" src="~/assets/images/right-arrow.svg" alt="logo" /> <span class="char" alt="logo"><RightArrowIcon /></span>
<div> <div>
<h3>Publish</h3> <h3>Publish</h3>
<svg <svg
@@ -127,7 +124,7 @@
/> />
</svg> </svg>
</div> </div>
<img class="char" src="~/assets/images/right-arrow.svg" alt="logo" /> <span class="char" alt="logo"><RightArrowIcon /></span>
<div> <div>
<h3>Earn</h3> <h3>Earn</h3>
<svg <svg
@@ -163,7 +160,7 @@
</div> </div>
<div class="right hero-image less-margin"> <div class="right hero-image less-margin">
<pre v-highlightjs> <pre v-highlightjs>
<code class="javascript">const fetch = require('node-fetch'); <code class="javascript example-code">const fetch = require('node-fetch');
fetch('https://api.modrinth.com/api/v1/mod').then(res => res.json()).then(data => { fetch('https://api.modrinth.com/api/v1/mod').then(res => res.json()).then(data => {
console.log(data); console.log(data);
// hits: [Object {author: "mezz", author_url: …, …}, …] // hits: [Object {author: "mezz", author_url: …, …}, …]
@@ -180,10 +177,12 @@ fetch('https://api.modrinth.com/api/v1/mod').then(res => res.json()).then(data =
<script> <script>
import MFooter from '~/components/layout/MFooter' import MFooter from '~/components/layout/MFooter'
import RightArrowIcon from '~/assets/images/right-arrow.svg?inline'
export default { export default {
components: { components: {
MFooter, MFooter,
RightArrowIcon,
}, },
auth: false, auth: false,
data() { data() {
@@ -362,6 +361,10 @@ export default {
} }
} }
.example-code {
color: #cecece;
}
.footer { .footer {
margin-top: 150px; margin-top: 150px;
} }