145 lines
5.5 KiB
Markdown
145 lines
5.5 KiB
Markdown
---
|
|
title: Start
|
|
---
|
|
|
|
<script>
|
|
function scrollToContent() {
|
|
const element = document.getElementById("main-content");
|
|
const yOffset = -60; // scrolla 20px ovanför elementet
|
|
const y = element.getBoundingClientRect().top + window.pageYOffset + yOffset;
|
|
|
|
window.scrollTo({ top: y, behavior: 'smooth' });
|
|
}
|
|
|
|
window.addEventListener('scroll', () => {
|
|
const button = document.getElementById('scrollButton');
|
|
if (window.scrollY > 10) {
|
|
button.style.opacity = '0';
|
|
button.style.pointerEvents = 'none';
|
|
} else {
|
|
button.style.opacity = '1';
|
|
button.style.pointerEvents = 'auto';
|
|
}
|
|
});
|
|
</script>
|
|
|
|
<script>
|
|
window.addEventListener("scroll", () => {
|
|
const content = document.getElementById("main-content");
|
|
const header = document.querySelector(".md-header");
|
|
const sidebar = document.querySelector(".md-sidebar");
|
|
|
|
const contentY = content.getBoundingClientRect().top;
|
|
const windowHeight = window.innerHeight;
|
|
|
|
// Hur många pixlar innan "main-content" som menyn ska börja synas
|
|
const fadeStart = windowHeight * 0.2;
|
|
const fadeEnd = windowHeight * 0.8;
|
|
|
|
// Beräkna scrollbaserad opacitet (0 till 1)
|
|
let opacity = 1 - (contentY - fadeStart) / (fadeEnd - fadeStart);
|
|
opacity = Math.max(0, Math.min(1, opacity)); // begränsa mellan 0 och 1
|
|
|
|
// Tillämpa opacitet
|
|
header.style.opacity = opacity;
|
|
sidebar.style.opacity = opacity;
|
|
|
|
// Hantera klickbarhet så man inte klickar på osynlig meny
|
|
if (opacity < 0.05) {
|
|
header.style.pointerEvents = "none";
|
|
sidebar.style.pointerEvents = "none";
|
|
} else {
|
|
header.style.pointerEvents = "auto";
|
|
sidebar.style.pointerEvents = "auto";
|
|
}
|
|
});
|
|
|
|
window.addEventListener("load", () => {
|
|
// Initiera rätt opacitet direkt vid sidladdning
|
|
window.dispatchEvent(new Event("scroll"));
|
|
});
|
|
</script>
|
|
|
|
<video autoplay loop muted playsinline
|
|
style="position: absolute; top: 0; left: 0;
|
|
height: 100vh; width: 100%;
|
|
object-fit: cover;
|
|
filter: blur(10px) brightness(0.7);
|
|
/*transform: scale(1.2); /* lite zoom för att dölja kanter */
|
|
z-index: -2;">
|
|
<source src="assets/drone.webm" type="video/webm">
|
|
</video>
|
|
|
|
|
|
<video autoplay loop muted playsinline
|
|
style="position: absolute; top: 0; left: 50%;
|
|
transform: translate(-50%, -50px);
|
|
height: 105vh;
|
|
object-fit: cover; z-index: -1;">
|
|
<source src="assets/drone.webm" type="video/webm">
|
|
Din webbläsare stödjer inte video.
|
|
</video>
|
|
|
|
<button id="scrollButton" onclick="scrollToContent()"
|
|
style="position: fixed; bottom: 70px; left: 50%; transform: translateX(-50%);
|
|
padding: 12px 24px; font-size: 1.2rem;
|
|
background-color: #ffffffcc; border: none; border-radius: 8px;
|
|
cursor: pointer; z-index: 10;">
|
|
↓
|
|
</button>
|
|
|
|
<!-- Mellanrum -->
|
|
<div style="height: 95vh;"></div>
|
|
|
|
<div id="main-content" class="ascii-wrapper">
|
|
<pre><code><div align="center">
|
|
______ ______ ______ ______ __ __ __ __
|
|
/\ ____\ /\ ____\ /\ ____\ /\ ____\ |\_\ |\_\ |\_\ _ |\_\
|
|
|\ XXXXXX\ |\ XXXXXX\ |\ XXXXXX\ |\ XXXXXX\ | XX\ | XX | XX /\\ | XX
|
|
| XX___\XX | XX__| XX | XX___\XX | XX__| XX | XXX\| XX | XX/ X\| XX
|
|
\XX ___\ | XX __\XX | XX ___\ | XX __\XX | XXXX\ XX | XX XXX\ XX
|
|
_\XXXXXX\ | XXXXXXXX | XXXXXXX\ | XXXXXXXX | XX\XX XX | XX XX\XX\XX
|
|
|\_\__| XX | XX | XX | XX__/\XX | XX | XX | XX \XXXX | XXXX \XXXX
|
|
\XX __\XX | XX | XX \XX _\ XX | XX | XX | XX \XXX | XXX \XXX
|
|
\XXXXXX \XX \XX \XXXXXX \XX \XX \XX \XX \XX \XX
|
|
|
|
SA6ANW 20240105
|
|
</div></code></pre>
|
|
</div>
|
|
|
|
**Filmen**
|
|
|
|
Min mast med antenner i trädgården filmad 18:e april 2025. Saker i masten uppifrån och ner:
|
|
|
|
- **Diamond X-200N**
|
|
Mer info: [https://sa6anw.se/vhfuhfdmr/](https://sa6anw.se/vhfuhfdmr/)
|
|
<br><br>
|
|
|
|
- **Meshtastic nod**<br>
|
|
Solcellsdriven, mer info: [https://sa6anw.se/meshtastic/](https://sa6anw.se/meshtastic/)
|
|
<br><br>
|
|
|
|
- **Kelemen DP-804020**<br>
|
|
Min HF-antenn, mer info: [https://sa6anw.se/hf/](https://sa6anw.se/hf/)
|
|
<br><br>
|
|
|
|
**Logg**
|
|
|
|
- **20250418**<br>
|
|
Film på första sidan och att alla ASCII-bilder skalar lite för att passa t.ex. mobiler bättre.<br>
|
|
<br>
|
|
- **20240417**<br>
|
|
Utökat tjänsterna med smokeping<br>
|
|
<br>
|
|
- **20240104**<br>
|
|
Första publicering av HF. Sidan beskriver min setup för HF-trafik<br>
|
|
[https://sa6anw.se/hf.html](https://sa6anw.se/hf.html)<br>
|
|
<br>
|
|
Första publicering av AREDN. Sidan beskriver mitt AREDN-nätverk<br>
|
|
[https://sa6anw.se/aredn.html](https://sa6anw.se/aredn.html)
|
|
|
|
**Övrig info**<br>
|
|
Det kan nog förekomma cookies på sa6anw.se och dess subdomäner men i så fall är det bara för att det måste finnas. Det finns i alla fall inga spårpixlar eller något annat dolt (såvitt jag vet) som medvetet kränker din rättigheter som internetmedborgare. Det jag har skrivit är fritt att kopiera eller dela vidare. Mycket av det som finns här har dock andra upphovspersoner och då gäller deras villkor. Det ska finnas källa på allt som inte är mitt men som alla vet har även solen sina fläckar.
|
|
|
|
Om något behöver fixas eller förbättras som en otydlig instruktion t.ex. är det bara att höra av sig!
|