mirror of
https://github.com/Pantonius/pantosite-astro.git
synced 2026-04-26 17:34:39 +00:00
Freiraum
This commit is contained in:
@@ -1,25 +1,11 @@
|
||||
---
|
||||
const today = new Date();
|
||||
import Socials from "./Socials.astro";
|
||||
---
|
||||
|
||||
<footer>
|
||||
© {today.getFullYear()} <a href="/about">Anton Pogrebnjak</a>. All rights reserved.
|
||||
<div class="social-links">
|
||||
<a href="https://github.com/Pantonius" target="_blank">
|
||||
<span class="sr-only">Go to my GitHub repo</span>
|
||||
<svg
|
||||
viewBox="0 0 16 16"
|
||||
aria-hidden="true"
|
||||
width="32"
|
||||
height="32"
|
||||
astro-icon="social/github"
|
||||
><path
|
||||
fill="currentColor"
|
||||
d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"
|
||||
></path></svg
|
||||
>
|
||||
</a>
|
||||
</div>
|
||||
<Socials />
|
||||
</footer>
|
||||
<style>
|
||||
footer {
|
||||
@@ -28,12 +14,6 @@ const today = new Date();
|
||||
width: 100%;
|
||||
}
|
||||
|
||||
.social-links {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 1em;
|
||||
margin-top: 1em;
|
||||
}
|
||||
.social-links a {
|
||||
text-decoration: none;
|
||||
color: var(--text);
|
||||
|
||||
25
src/components/Freiraum/UKNMap.astro
Normal file
25
src/components/Freiraum/UKNMap.astro
Normal file
@@ -0,0 +1,25 @@
|
||||
<div id="map" style="height: 400px;">
|
||||
|
||||
</div>
|
||||
|
||||
<script>
|
||||
let map = L.map('map').setView([47.689749, 9.187857], 16);
|
||||
L.tileLayer('https://sgx.geodatenzentrum.de/wmts_basemapde/tile/1.0.0/de_basemapde_web_raster_grau/default/GLOBAL_WEBMERCATOR/{z}/{y}/{x}.png', {
|
||||
minZoom: 0,
|
||||
maxZoom: 20,
|
||||
attribution: 'Map data: © <a href="http://www.govdata.de/dl-de/by-2-0">dl-de/by-2-0</a>',
|
||||
ext: 'png'
|
||||
}).addTo(map);
|
||||
|
||||
let geojson = await fetch('/geojson/freiraum/uni_konstanz.geojson', {
|
||||
method: 'GET',
|
||||
credentials: 'same-origin',
|
||||
headers: {
|
||||
'Content-Type': 'application/json'
|
||||
}
|
||||
}).then(res => res.json());
|
||||
|
||||
let geoLayer = L.geoJson(geojson, {
|
||||
style: { fillColor: 'rgba(18, 174, 225, .2)', fillOpacity: 1, stroke: true, color: 'rgba(18, 174, 225, .6)' },
|
||||
}).addTo(map);
|
||||
</script>
|
||||
@@ -1,6 +1,7 @@
|
||||
---
|
||||
import { ClientRouter } from "astro:transitions";
|
||||
import HeaderLink from "./HeaderLink.astro";
|
||||
import Socials from "./Socials.astro";
|
||||
---
|
||||
|
||||
<header>
|
||||
@@ -12,22 +13,8 @@ import HeaderLink from "./HeaderLink.astro";
|
||||
<HeaderLink href="/">Home</HeaderLink>
|
||||
<HeaderLink href="/projects">Projects</HeaderLink>
|
||||
<HeaderLink href="/blog">Blog</HeaderLink>
|
||||
</div>
|
||||
<div class="social-links">
|
||||
<a href="https://github.com/Pantonius" target="_blank">
|
||||
<span class="sr-only">Go to my GitHub repo</span>
|
||||
<svg
|
||||
viewBox="0 0 16 16"
|
||||
aria-hidden="true"
|
||||
width="32"
|
||||
height="32"
|
||||
><path
|
||||
fill="currentColor"
|
||||
d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"
|
||||
></path></svg
|
||||
>
|
||||
</a>
|
||||
</div>
|
||||
</div>
|
||||
<Socials />
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
@@ -72,10 +59,6 @@ import HeaderLink from "./HeaderLink.astro";
|
||||
border-bottom-color: var(--primary);
|
||||
}
|
||||
|
||||
.social-links,
|
||||
.social-links a {
|
||||
display: flex;
|
||||
}
|
||||
|
||||
@media (max-width: 720px) {
|
||||
header .logo img {
|
||||
|
||||
@@ -28,6 +28,7 @@ import { ClientRouter } from "astro:transitions";
|
||||
document.addEventListener("mousemove", (e) => {
|
||||
mouse.x = e.clientX;
|
||||
mouse.y = e.clientY;
|
||||
draw();
|
||||
});
|
||||
|
||||
let distanceThreshold = .2;
|
||||
@@ -66,7 +67,5 @@ import { ClientRouter } from "astro:transitions";
|
||||
}
|
||||
};
|
||||
|
||||
setInterval(() => {
|
||||
draw();
|
||||
}, 1000 / 60);
|
||||
draw();
|
||||
</script>
|
||||
|
||||
@@ -78,6 +78,7 @@ const color = Astro.props.color || 'var(--text)';
|
||||
margin: 0;
|
||||
color: var(--color);
|
||||
line-height: 1;
|
||||
font-variant-caps: small-caps;
|
||||
}
|
||||
.date {
|
||||
margin: 0;
|
||||
|
||||
28
src/components/Socials.astro
Normal file
28
src/components/Socials.astro
Normal file
@@ -0,0 +1,28 @@
|
||||
<div class="social-links">
|
||||
<a href="https://github.com/Pantonius" target="_blank">
|
||||
<span class="sr-only">Go to my GitHub repo</span>
|
||||
<svg
|
||||
viewBox="0 0 16 16"
|
||||
aria-hidden="true"
|
||||
width="32"
|
||||
height="32"
|
||||
><path
|
||||
fill="currentColor"
|
||||
d="M8 0C3.58 0 0 3.58 0 8c0 3.54 2.29 6.53 5.47 7.59.4.07.55-.17.55-.38 0-.19-.01-.82-.01-1.49-2.01.37-2.53-.49-2.69-.94-.09-.23-.48-.94-.82-1.13-.28-.15-.68-.52-.01-.53.63-.01 1.08.58 1.23.82.72 1.21 1.87.87 2.33.66.07-.52.28-.87.51-1.07-1.78-.2-3.64-.89-3.64-3.95 0-.87.31-1.59.82-2.15-.08-.2-.36-1.02.08-2.12 0 0 .67-.21 2.2.82.64-.18 1.32-.27 2-.27.68 0 1.36.09 2 .27 1.53-1.04 2.2-.82 2.2-.82.44 1.1.16 1.92.08 2.12.51.56.82 1.27.82 2.15 0 3.07-1.87 3.75-3.65 3.95.29.25.54.73.54 1.48 0 1.07-.01 1.93-.01 2.2 0 .21.15.46.55.38A8.012 8.012 0 0 0 16 8c0-4.42-3.58-8-8-8z"
|
||||
></path></svg>
|
||||
</a>
|
||||
<a href="https://mastodon.social/@pantonius" target="_blank">
|
||||
<span class="sr-only">Go to my Mastodon profile</span>
|
||||
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 640 640" width="46" height="46"><!--!Font Awesome Free v7.2.0 by @fontawesome - https://fontawesome.com License - https://fontawesome.com/license/free Copyright 2026 Fonticons, Inc.--><path fill="currentColor" d="M529 243.1C529 145.9 465.3 117.4 465.3 117.4C402.8 88.7 236.7 89 174.8 117.4C174.8 117.4 111.1 145.9 111.1 243.1C111.1 358.8 104.5 502.5 216.7 532.2C257.2 542.9 292 545.2 320 543.6C370.8 540.8 399.3 525.5 399.3 525.5L397.6 488.6C397.6 488.6 361.3 500 320.5 498.7C280.1 497.3 237.5 494.3 230.9 444.7C230.3 440.1 230 435.4 230 430.8C315.6 451.7 388.7 439.9 408.7 437.5C464.8 430.8 513.7 396.2 519.9 364.6C529.7 314.8 528.9 243.1 528.9 243.1zM453.9 368.3L407.3 368.3L407.3 254.1C407.3 204.4 343.3 202.5 343.3 261L343.3 323.5L297 323.5L297 261C297 202.5 233 204.4 233 254.1L233 368.3L186.3 368.3C186.3 246.2 181.1 220.4 204.7 193.3C230.6 164.4 284.5 162.5 308.5 199.4L320.1 218.9L331.7 199.4C355.8 162.3 409.8 164.6 435.5 193.3C459.2 220.6 453.9 246.3 453.9 368.3L453.9 368.3z"/></svg>
|
||||
</a>
|
||||
</div>
|
||||
|
||||
<style>
|
||||
.social-links,
|
||||
.social-links a {
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
align-items: center;
|
||||
color: var(--text);
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user