hero layout

This commit is contained in:
sakrecoer 2020-12-14 20:18:16 +01:00
parent d0a3383f20
commit 47e705c6ed
10 changed files with 31 additions and 21 deletions

View file

@ -1,3 +1,3 @@
<!-- Scripts -->
{% include relBase.html %}
<script src="{{ relBase }}/assets/js/set-20201211.js"></script>
<script src="{{ relBase }}/assets/js/set-20201214.js"></script>

View file

@ -12,12 +12,12 @@ layout: nil
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="/assets/css/all.min.css" />
<link rel="stylesheet" href="/assets/css/colors-20201211.css" />
<link rel="stylesheet" href="/assets/css/main-20201211.css" />
<link rel="stylesheet" href="/assets/css/colors-20201214.css" />
<link rel="stylesheet" href="/assets/css/main-20201214.css" />
<link rel="apple-touch-icon" href="{{ site.url }}/apple-touch-icon.png">
<link rel="icon" type="image/png" href="{{ site.url }}/touch-icon.png" sizes="192x192">
<link rel="shortcut icon" href="{{ site.url }}{{ site.icon }}" type="image/png" />
<noscript><link rel="stylesheet" href="/assets/css/noscripts-20201211.css" /></noscript>
<noscript><link rel="stylesheet" href="/assets/css/noscripts-20201214.css" /></noscript>
<meta name="theme-color" content="{{ site.data.colors.bg }}"/>

View file

@ -11,12 +11,12 @@
{% include relBase.html %}
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=yes" />
<link rel="stylesheet" href="{{ relBase }}/assets/css/all.min.css" />
<link rel="stylesheet" href="{{ relBase }}/assets/css/colors-20201211.css" />
<link rel="stylesheet" href="{{ relBase }}/assets/css/main-20201211.css" />
<link rel="stylesheet" href="{{ relBase }}/assets/css/colors-20201214.css" />
<link rel="stylesheet" href="{{ relBase }}/assets/css/main-20201214.css" />
<link rel="apple-touch-icon" href="{{ site.url }}/apple-touch-icon.png">
<link rel="icon" type="image/png" href="{{ site.url }}/touch-icon.png" sizes="192x192">
<link rel="shortcut icon" href="{{ site.url }}{{ site.icon }}" type="image/png" />
<noscript><link rel="stylesheet" href="{{ relBase }}/assets/css/noscripts-20201211.css" /></noscript>
<noscript><link rel="stylesheet" href="{{ relBase }}/assets/css/noscripts-20201214.css" /></noscript>
<meta name="theme-color" content="{{ site.data.colors.bg }}"/>

View file

@ -34,4 +34,4 @@ Try it out\! I suggest you start by looking for a [community node that fits your
> Mastodon isnt a single website like Twitter or Facebook, it's a network of thousands of communities operated by different organizations and individuals that provide a seamless social media experience.
Get your self an identity on there and once logged in, search for "@setto@v.basspistol.org" That is my PeerTube identity. If you follow that you'll get my videos as soon as they hit the world wild web. You can also ass me directly from my Channel\!
Get your self an identity on there and once logged in, search for "@setto@v.basspistol.org" That is my PeerTube identity. Wonder how? Ask [me on matrix!](/chat/#read) :)

View file

@ -118,12 +118,21 @@ body {
> * {
margin: 40px !important;
}
.button {
background-image: linear-gradient(228deg, var(--accent1-alt), var(--accent2-alt));
background-size: 400% 400%;
-webkit-animation: backgroundBlink 2s ease infinite;
-moz-animation: backgroundBlink 2s ease infinite;
animation: backgroundBlink 2s ease infinite;
> ul {
display: flex;
justify-content: space-around;
flex-wrap: wrap;
font-size: xxx-large;
.button {
background-image: linear-gradient(228deg, var(--accent1-alt), var(--accent2-alt));
background-size: 400% 400%;
-webkit-animation: backgroundBlink 2s ease infinite;
-moz-animation: backgroundBlink 2s ease infinite;
animation: backgroundBlink 2s ease infinite;
flex: 0 0 25px;
margin: 0 0 20px 0;
padding: 0 10px;
}
}
}
h1, h2 {

View file

@ -22,13 +22,14 @@ video_path:
<h1>{{ site.title }}</h1>
<p>{{ page.description }}</p>
<p>
<a href="#support" class="button">🦸‍♀️ Support</a>
<a href="https://v.basspistol.org/video-channels/tosettosetto/" rel="noopener" target="_blank" class="button">📺 Watch</a>
<a href="#read" class="button">👀 Read</a>
<a href="https://t.basspistol.org/setto/" rel="noopener" target="_blank" class="button">📢 Talk</a>
{% for post in site.categories.releases limit: 1%}<a href="{{ post.url }}#play" class="button">🔥 Boom</a>{% endfor %}
</p>
<ul>
<li><a href="#support" class="button">🦸‍♀️</a></li>
<li><a href="https://v.basspistol.org/video-channels/tosettosetto/" rel="noopener" target="_blank" class="button">📺</a></li>
<li><a href="#read" class="button">👀</a></li>
<li><a href="https://t.basspistol.org/setto/" rel="noopener" target="_blank" class="button">📢</a></li>
<li>{% for post in site.categories.releases limit: 1%}<a href="{{ post.url }}#play" class="button">🔥</a>{% endfor %}</li>
</ul>
</div>
</div>