michalvankodev/michalvankodev-site
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

footer

Browse Source
This commit is contained in:
Michal Vanko 2024-09-06 11:23:44 +02:00
parent 20836cd502
commit 64efecfde2
6 changed files with 95 additions and 39 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
axum_server/Cargo.toml
View File

@ -29,10 +29,12 @@ rustflags = ["-Z", "threads=8"]
[profile.dev] [profile.dev]
debug = true debug = true
opt-level = 1 opt-level = 0
codegen-units = 16
lto = "thin" lto = "thin"
panic = "unwind" panic = "unwind"
strip = false strip = false
incremental = true
[profile.dev.package.askama_derive] [profile.dev.package.askama_derive]
opt-level = 3 opt-level = 3

5
axum_server/src/main.rs
View File

@ -48,4 +48,7 @@ async fn main() {
axum::serve(listener, app).await.unwrap(); 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

13
axum_server/styles/output.css
View File

@ -624,6 +624,11 @@ video {
margin-bottom: 1.5rem; margin-bottom: 1.5rem;
} }
.mx-1 {
margin-left: 0.25rem;
margin-right: 0.25rem;
}
.mb-1 { .mb-1 {
margin-bottom: 0.25rem; margin-bottom: 0.25rem;
} }
@ -692,6 +697,14 @@ video {
height: 1.75rem; height: 1.75rem;
} }
.h-10 {
height: 2.5rem;
}
.h-8 {
height: 2rem;
}
.min-h-full { .min-h-full {
min-height: 100%; min-height: 100%;
} }

3
axum_server/templates/base.html
View File

@ -36,7 +36,6 @@
<body class="bg-blue-50"> <body class="bg-blue-50">
{% include "site_header.html" %} {% include "site_header.html" %}
{% block content %} Placeholder {% endblock %} {% block content %} Placeholder {% endblock %}
{# footer, should be not dependant on the each individual handler but it should have it's own handler #} {% include "site_footer.html" %}
{{ site_footer|safe }}
</body> </body>
</html> </html>

70
axum_server/templates/index.html
View File

@ -64,54 +64,54 @@
<section id="socials"> <section id="socials">
<h2 class="text-blue-950 font-semibold text-2xl m-5">Socials</h2> <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>") %} {% 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> <!-- <script src= "https://player.twitch.tv/js/embed/v1.js"></script> -->
<div id="twitch-player" class="h-64 aspect-video rounded overflow-hidden"></div> <!-- <div id="twitch-player" class="h-64 aspect-video rounded overflow-hidden"></div> -->
<script type="text/javascript"> <!-- <script type="text/javascript"> -->
var options = { <!-- var options = { -->
width: "100%", <!-- width: "100%", -->
height: "100%", <!-- height: "100%", -->
channel: "michalvankodev", <!-- channel: "michalvankodev", -->
parent: ["localhost"] <!-- parent: ["localhost"] -->
}; <!-- }; -->
var player = new Twitch.Player("twitch-player", options); <!-- var player = new Twitch.Player("twitch-player", options); -->
player.setVolume(0.5); <!-- player.setVolume(0.5); -->
</script> </script>
{% call sc::social_card_end() %} {% call sc::social_card_end() %}
{% call sc::social_card_start("tiktok", "Highlights can be found on <em>TikTok</em>") %} {% call sc::social_card_start("tiktok", "Highlights can be found on <em>TikTok</em>") %}
<!-- STYLES needed to overwrite tiktok embed css --> <!-- STYLES needed to overwrite tiktok embed css -->
<blockquote <!-- <blockquote -->
class="h-64 aspect-video overflow-hidden p-0 m-0 tiktok-embed bg-pink-200" <!-- class="h-64 aspect-video overflow-hidden p-0 m-0 tiktok-embed bg-pink-200" -->
cite="https://www.tiktok.com/@michalvankodev" <!-- cite="https://www.tiktok.com/@michalvankodev" -->
data-unique-id="michalvankodev" <!-- data-unique-id="michalvankodev" -->
data-embed-from="embed_page" <!-- data-embed-from="embed_page" -->
data-embed-type="creator" <!-- data-embed-type="creator" -->
style="max-width:780px; min-width:288px; margin: 0; padding: 0; border-radius: 8px" <!-- style="max-width:780px; min-width:288px; margin: 0; padding: 0; border-radius: 8px" -->
> <!-- > -->
<section> <!-- <section> -->
<a target="_blank" href="https://www.tiktok.com/@michalvankodev?refer=creator_embed">@michalvankodev</a> <!-- <a target="_blank" href="https://www.tiktok.com/@michalvankodev?refer=creator_embed">@michalvankodev</a> -->
</section> <!-- </section> -->
</blockquote> <!-- </blockquote> -->
<script async src="https://www.tiktok.com/embed.js"></script> <!-- <script async src="https://www.tiktok.com/embed.js"></script> -->
{% call sc::social_card_end() %} {% call sc::social_card_end() %}
{% call sc::social_card_start("youtube", "Vlogs and highlights can be found on <em>YouTube</em>") %} {% 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 --> <!-- TODO create our own youtube widget which will populate this window on build -->
<iframe <!-- <iframe -->
class="h-64 aspect-video" <!-- class="h-64 aspect-video" -->
id="ytplayer" <!-- id="ytplayer" -->
type="text/html" <!-- type="text/html" -->
width="100%" <!-- width="100%" -->
height="100%" <!-- height="100%" -->
src="https://www.youtube.com/embed/?listType=playlist&list=PLjUl8tFKyR8rCsckLn93PAwQg6tf0cyBl&enablejsapi=1&color=white" <!-- src="https://www.youtube.com/embed/?listType=playlist&list=PLjUl8tFKyR8rCsckLn93PAwQg6tf0cyBl&enablejsapi=1&color=white" -->
frameborder="0" <!-- frameborder="0" -->
allowfullscreen <!-- allowfullscreen -->
></iframe> <!-- ></iframe> -->
{% call sc::social_card_end() %} {% call sc::social_card_end() %}
{% call sc::social_card_start("instagram", "Photos and stories shared on <em>Instagram</em>") %} {% 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() %} {% call sc::social_card_end() %}
</section> </section>

39
axum_server/templates/site_footer.html
View File

@ -1,2 +1,41 @@
<footer> <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> </footer>