Freiraum
This commit is contained in:
1 parent
128af8a7d5
commit
cd99d22174
13 files changed
+3472
-49
No files matched your search
@@ -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