hero layout
This commit is contained in:
parent
d0a3383f20
commit
47e705c6ed
|
@ -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>
|
||||
|
|
|
@ -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 }}"/>
|
||||
|
||||
|
|
|
@ -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 }}"/>
|
||||
|
||||
|
|
|
@ -34,4 +34,4 @@ Try it out\! I suggest you start by looking for a [community node that fits your
|
|||
|
||||
> Mastodon isn’t 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) :)
|
|
@ -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 {
|
||||
|
|
15
index.html
15
index.html
|
@ -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>
|
||||
|
||||
|
|
Loading…
Reference in a new issue