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);
|
||||
|
||||
@@ -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;
|
||||
|
||||
@@ -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