footer
This commit is contained in:
parent
20836cd502
commit
64efecfde2
@ -29,10 +29,12 @@ rustflags = ["-Z", "threads=8"]
|
||||
|
||||
[profile.dev]
|
||||
debug = true
|
||||
opt-level = 1
|
||||
opt-level = 0
|
||||
codegen-units = 16
|
||||
lto = "thin"
|
||||
panic = "unwind"
|
||||
strip = false
|
||||
incremental = true
|
||||
|
||||
[profile.dev.package.askama_derive]
|
||||
opt-level = 3
|
||||
|
||||
@ -48,4 +48,7 @@ async fn main() {
|
||||
axum::serve(listener, app).await.unwrap();
|
||||
}
|
||||
|
||||
// TODO displaying Image from netlify CDN
|
||||
// TODO footer
|
||||
// TODO Display blog posts
|
||||
// TODO responsive design
|
||||
// TODO go live pipeline
|
||||
|
||||
@ -624,6 +624,11 @@ video {
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.mx-1 {
|
||||
margin-left: 0.25rem;
|
||||
margin-right: 0.25rem;
|
||||
}
|
||||
|
||||
.mb-1 {
|
||||
margin-bottom: 0.25rem;
|
||||
}
|
||||
@ -692,6 +697,14 @@ video {
|
||||
height: 1.75rem;
|
||||
}
|
||||
|
||||
.h-10 {
|
||||
height: 2.5rem;
|
||||
}
|
||||
|
||||
.h-8 {
|
||||
height: 2rem;
|
||||
}
|
||||
|
||||
.min-h-full {
|
||||
min-height: 100%;
|
||||
}
|
||||
|
||||
@ -36,7 +36,6 @@
|
||||
<body class="bg-blue-50">
|
||||
{% include "site_header.html" %}
|
||||
{% block content %} Placeholder {% endblock %}
|
||||
{# footer, should be not dependant on the each individual handler but it should have it's own handler #}
|
||||
{{ site_footer|safe }}
|
||||
{% include "site_footer.html" %}
|
||||
</body>
|
||||
</html>
|
||||
|
||||
@ -64,54 +64,54 @@
|
||||
<section id="socials">
|
||||
<h2 class="text-blue-950 font-semibold text-2xl m-5">Socials</h2>
|
||||
{% call sc::social_card_start("twitch", "I stream (almost) regularly on <em>twitch.tv</em>") %}
|
||||
<script src= "https://player.twitch.tv/js/embed/v1.js"></script>
|
||||
<div id="twitch-player" class="h-64 aspect-video rounded overflow-hidden"></div>
|
||||
<script type="text/javascript">
|
||||
var options = {
|
||||
width: "100%",
|
||||
height: "100%",
|
||||
channel: "michalvankodev",
|
||||
parent: ["localhost"]
|
||||
};
|
||||
var player = new Twitch.Player("twitch-player", options);
|
||||
player.setVolume(0.5);
|
||||
<!-- <script src= "https://player.twitch.tv/js/embed/v1.js"></script> -->
|
||||
<!-- <div id="twitch-player" class="h-64 aspect-video rounded overflow-hidden"></div> -->
|
||||
<!-- <script type="text/javascript"> -->
|
||||
<!-- var options = { -->
|
||||
<!-- width: "100%", -->
|
||||
<!-- height: "100%", -->
|
||||
<!-- channel: "michalvankodev", -->
|
||||
<!-- parent: ["localhost"] -->
|
||||
<!-- }; -->
|
||||
<!-- var player = new Twitch.Player("twitch-player", options); -->
|
||||
<!-- player.setVolume(0.5); -->
|
||||
</script>
|
||||
{% call sc::social_card_end() %}
|
||||
|
||||
{% call sc::social_card_start("tiktok", "Highlights can be found on <em>TikTok</em>") %}
|
||||
<!-- STYLES needed to overwrite tiktok embed css -->
|
||||
<blockquote
|
||||
class="h-64 aspect-video overflow-hidden p-0 m-0 tiktok-embed bg-pink-200"
|
||||
cite="https://www.tiktok.com/@michalvankodev"
|
||||
data-unique-id="michalvankodev"
|
||||
data-embed-from="embed_page"
|
||||
data-embed-type="creator"
|
||||
style="max-width:780px; min-width:288px; margin: 0; padding: 0; border-radius: 8px"
|
||||
>
|
||||
<section>
|
||||
<a target="_blank" href="https://www.tiktok.com/@michalvankodev?refer=creator_embed">@michalvankodev</a>
|
||||
</section>
|
||||
</blockquote>
|
||||
<script async src="https://www.tiktok.com/embed.js"></script>
|
||||
<!-- <blockquote -->
|
||||
<!-- class="h-64 aspect-video overflow-hidden p-0 m-0 tiktok-embed bg-pink-200" -->
|
||||
<!-- cite="https://www.tiktok.com/@michalvankodev" -->
|
||||
<!-- data-unique-id="michalvankodev" -->
|
||||
<!-- data-embed-from="embed_page" -->
|
||||
<!-- data-embed-type="creator" -->
|
||||
<!-- style="max-width:780px; min-width:288px; margin: 0; padding: 0; border-radius: 8px" -->
|
||||
<!-- > -->
|
||||
<!-- <section> -->
|
||||
<!-- <a target="_blank" href="https://www.tiktok.com/@michalvankodev?refer=creator_embed">@michalvankodev</a> -->
|
||||
<!-- </section> -->
|
||||
<!-- </blockquote> -->
|
||||
<!-- <script async src="https://www.tiktok.com/embed.js"></script> -->
|
||||
{% call sc::social_card_end() %}
|
||||
|
||||
{% call sc::social_card_start("youtube", "Vlogs and highlights can be found on <em>YouTube</em>") %}
|
||||
<!-- TODO create our own youtube widget which will populate this window on build -->
|
||||
<iframe
|
||||
class="h-64 aspect-video"
|
||||
id="ytplayer"
|
||||
type="text/html"
|
||||
width="100%"
|
||||
height="100%"
|
||||
src="https://www.youtube.com/embed/?listType=playlist&list=PLjUl8tFKyR8rCsckLn93PAwQg6tf0cyBl&enablejsapi=1&color=white"
|
||||
frameborder="0"
|
||||
allowfullscreen
|
||||
></iframe>
|
||||
<!-- <iframe -->
|
||||
<!-- class="h-64 aspect-video" -->
|
||||
<!-- id="ytplayer" -->
|
||||
<!-- type="text/html" -->
|
||||
<!-- width="100%" -->
|
||||
<!-- height="100%" -->
|
||||
<!-- src="https://www.youtube.com/embed/?listType=playlist&list=PLjUl8tFKyR8rCsckLn93PAwQg6tf0cyBl&enablejsapi=1&color=white" -->
|
||||
<!-- frameborder="0" -->
|
||||
<!-- allowfullscreen -->
|
||||
<!-- ></iframe> -->
|
||||
{% call sc::social_card_end() %}
|
||||
|
||||
|
||||
{% call sc::social_card_start("instagram", "Photos and stories shared on <em>Instagram</em>") %}
|
||||
<blockquote class="instagram-media aspect-video h-64" data-instgrm-permalink="https://www.instagram.com/michalvankodev/" data-instgrm-version="12" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; height:256px; max-height:100%;"></blockquote><script async src="https://www.instagram.com/embed.js"></script>
|
||||
<!-- <blockquote class="instagram-media aspect-video h-64" data-instgrm-permalink="https://www.instagram.com/michalvankodev/" data-instgrm-version="12" style=" background:#FFF; border:0; border-radius:3px; box-shadow:0 0 1px 0 rgba(0,0,0,0.5),0 1px 10px 0 rgba(0,0,0,0.15); margin: 1px; max-width:540px; min-width:326px; padding:0; width:99.375%; height:256px; max-height:100%;"></blockquote><script async src="https://www.instagram.com/embed.js"></script> -->
|
||||
{% call sc::social_card_end() %}
|
||||
|
||||
</section>
|
||||
|
||||
@ -1,2 +1,41 @@
|
||||
<footer>
|
||||
<p
|
||||
class="text-center"
|
||||
xmlns:cc="http://creativecommons.org/ns#"
|
||||
xmlns:dct="http://purl.org/dc/terms/"
|
||||
>
|
||||
<a
|
||||
property="dct:title"
|
||||
rel="cc:attributionURL"
|
||||
href="https://michalvanko.dev/"
|
||||
>michalvanko.dev</a
|
||||
>
|
||||
by
|
||||
<a
|
||||
rel="cc:attributionURL dct:creator"
|
||||
property="cc:attributionName"
|
||||
href="https://michalvanko.dev/"
|
||||
>Michal Vanko</a
|
||||
>
|
||||
is licensed under
|
||||
<a
|
||||
href="http://creativecommons.org/licenses/by-nc-nd/4.0/?ref=chooser-v1"
|
||||
target="_blank"
|
||||
rel="license noopener noreferrer"
|
||||
style="display: inline-block"
|
||||
>CC BY-NC-ND 4.0<img
|
||||
src="https://mirrors.creativecommons.org/presskit/icons/cc.svg?ref=chooser-v1"
|
||||
alt="cc"
|
||||
class="inline-block h-6 mx-0.5" /><img
|
||||
src="https://mirrors.creativecommons.org/presskit/icons/by.svg?ref=chooser-v1"
|
||||
alt="by"
|
||||
class="inline-block h-6 mx-0.5" /><img
|
||||
src="https://mirrors.creativecommons.org/presskit/icons/nc.svg?ref=chooser-v1"
|
||||
alt="nc"
|
||||
class="inline-block h-6 mx-0.5" /><img
|
||||
src="https://mirrors.creativecommons.org/presskit/icons/nd.svg?ref=chooser-v1"
|
||||
alt="nd"
|
||||
class="inline-block h-6 mx-0.5"
|
||||
/></a>
|
||||
</p>
|
||||
</footer>
|
||||
|
||||
Loading…
Reference in New Issue
Block a user