<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Magasinet</title>
- <link rel="icon" href="assets/images/jättevitbanan.png">
- <link rel="stylesheet" href="css/reset.css">
- <link rel="stylesheet" href="css/main.css">
- <script src="js/functions.js"></script>
+ <link rel="icon" href="/assets/images/jättevitbanan.png">
+ <link rel="stylesheet" href="/css/reset.css">
+ <link rel="stylesheet" href="/css/main.css">
+ <link rel="stylesheet" href="/css/start.css">
+ <script src="/js/functions.js"></script>
</head>
<body>
<div class="title-div">
- <img class="superimage_left" src="assets/images/jättevitbanan.png" width="135" height="135">
- <img class="superimage_right" src="assets/images/jättevitbanan.png" width="135" height="135">
+ <img class="superimage_left" src="../assets/images/jättevitbanan.png" width="135" height="135">
+ <img class="superimage_right" src="../assets/images/jättevitbanan.png" width="135" height="135">
<header>
<h1>Nils Forssén | Magasinet</h1>
</header>
<li><a href="/index.html">Start</a></li>
<li><a href="/projects.html">Projekt</a></li>
<li><a href="/about.html">Om Mig</a></li>
- <li><a href="https://gitweb.forssennils.se"><img src="assets/images/git.png" width="15" height="15"> Gitweb</a></li>
- <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>
+ <li><a href="https://nextcloud.forssennils.se"><img src="/assets/images/nextcloud.png" height="15"> Nextcloud</a></li>
+ <li><a href="https://jellyfin.forssennils.se"><img src="/assets/images/jellyfin.png" height="15"> Jellyfin</a></li>
+ <li><a href="https://gitweb.forssennils.se"><img src="/assets/images/git.png" width="15" height="15"> Gitweb</a></li>
+ <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="/assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>
</ul>
</nav>
</div>
Utöver elektronik så gillar jag det mesta som grundar sig i hemmaprojekt. Jag brygger egen öl på
en hobbynivå och gillar att laga mat. Blir det så att morfar visar upp sin gamla veteran-motorcykel
han svetsade ihop från skrot på 70-talet så tänker jag direkt, "Svintufft, en sådan skall jag göra någon
- dag." osv.
+ dag.".
</p>
<p>
</p>
<p>
- Jag sitter även som ordförande för andra året i studentföreningen <a href="https://admittansen.se/" data-type="URL" data-id="https://admittansen.se/">Elektronikföreningen Admittansen</a>.
+ Jag sitter även som ordförande för andra året i studentföreningen <a href="https://admittansen.se/">Elektronikföreningen Admittansen</a>.
En perfekt förening för den som gillar att grotta ner sig i allt ifrån gamla radioprylar från -54 eller hellre tämjer guden Tor
och bygger en liten taser. I Admittansens labb finns finns allt man behöver (även en det man inte vet om att man behöver)
som oscilloskåp, lödpenna, spänningsagregat och självklart en logikanalysator från -82 som säkert väger som en dräktig ko
--- /dev/null
+body {
+ background-image: url("/assets/images/YF_kilt.jpg");
+ background-size: 200px 200px;
+ background-repeat: repeat;
+ display: flex;
+ justify-content: center;
+ align-items: center;
+ margin: 30px;
+}
+
+
+
+.img_container {
+ display: flex;
+ width: 60%;
+ padding: 30px;
+ justify-content: center;
+}
+
+img {
+ max-width:70%;
+ max-height:70%;
+}
+
+h1 {
+ display: flex;
+ justify-content: center;
+ color: white;
+ font-size: 4em;
+ padding:30px;
+ text-align:center;
+}
+
+.rectangle {
+ width: 70%;
+ background-color: black;
+ border-radius: 30px;
+ align-items: center;
+ display: flex;
+ flex-direction: column;
+}
--- /dev/null
+
+body {
+ font-family: monospace;
+}
+
+.title-div {
+ background-color: #999;
+ padding-top: 15px;
+}
+
+.superimage_right {
+ position: absolute;
+ top: 0;
+ right: 0;
+ margin: 0px 10px 0px 0px;
+}
+
+.superimage_left {
+ position: absolute;
+ top: 0;
+ left: 0;
+ margin: 0px 0px 0px 10px;
+}
+
+header {
+ background-color: #444;
+ color: #fff;
+ width: fit-content;
+ border-radius: 15px;
+ outline: 6px solid #000;
+}
+
+header h1 {
+ padding: 10px 10px;
+ font-size: 30px;
+}
+
+nav {
+ background-color: #444;
+ width: 65%;
+ margin: 20px auto 0;
+ border-radius: 15px;
+ outline: 6px solid #000;
+ overflow: hidden; /* Ensure content does not overflow */
+}
+
+nav ul {
+ list-style-type: none;
+ padding: 0;
+ margin: 0;
+ overflow: hidden;
+}
+
+nav ul li {
+ float: left;
+ width: 14.2%;
+}
+
+nav ul li a {
+ display: block;
+ padding: 10px 10px;
+ text-align: center;
+ text-decoration: none;
+ color: #fff;
+ border-radius: 0;
+ font-size:15px;
+ transition: background-color 0.3s;
+}
+
+nav ul li a:hover {
+ background-color: #555;
+}
+
+.main {
+ position: relative;
+ display: flex;
+ flex-wrap: wrap;
+}
+
+.block {
+ background-color: #ddd;
+ border-radius: 15px;
+ outline: 3px solid #000;
+ width: calc(100% - 470px); /* Experimental value */
+}
+
+.description {
+ width: calc(100% - 470px); /* Experimental value */
+}
+
+.block {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+}
+
+.post {
+ display: flex;
+ flex-direction: row;
+ flex-wrap: wrap;
+}
+
+.img_container img {
+ width: 100%;
+ max-width: 600px;
+ border-radius: 15px;
+ outline: 3px solid #000;
+}
+
+.img_container embed {
+ width:100%;
+ max-width: 600px;
+ border-radius: 15px;
+ outline: 3px solid #000;
+}
+
+.img_container video {
+ width:100%;
+ max-width:600px;
+ border-radius: 15px;
+ outline: 3px solid #000;
+}
+
+.img_container {
+ width: 100%;
+ margin: 0 auto 15px;
+}
+
+.block p {
+ width: 100%;
+}
+
+.status h2 {
+ margin: 10px auto;
+}
+
+.status table {
+ table-layout: fixed;
+ width: 100%;
+}
+
+.status table button {
+ background-color: #fff;
+ border-radius: 15px;
+ width: 90%;
+ padding: 5px 5px;
+ margin: 2px 2px;
+ outline: 1px solid #000;
+ font-size: 16px;
+}
+
+.status table button:hover {
+ background-color: #aaa !important;
+ outline: 1px solid #000;
+}
+
+.status table button:active {
+ background-color: #aaa;
+ outline: 1px solid #000;
+}
+
+.title-div::after {
+ content: "";
+ display: block;
+ clear: both;
+ margin-top: 15px;
+ border-bottom: 3px solid #000;
+}
+
+p {
+ margin: 10px;
+ font-size: 16px;
+}
+
+ul {
+ margin: 15px;
+ font-size: 16px;
+}
+
+.bullets li {
+ list-style-type: circle;
+ margin: 10px 10px 10px 15px;
+}
+
+iframe {
+ margin: 0 auto;
+ display:block;
+}
+
+@media only screen and (max-width: 1100px) {
+ nav {
+ width: 97%;
+ }
+ header {
+ width: 80%;
+ }
+ .superimage_left {
+ visibility: hidden;
+ }
+ .superimage_right {
+ visibility: hidden;
+ }
+ .block {
+ width: 100%;
+ }
+ .post {
+ margin: 0px;
+ }
+ .status {
+ visibility: hidden;
+ }
+ iframe {
+ width:360px;
+ height:200px;
+ }
+ nav ul li {
+ width: 25%;
+ }
+}
nav ul li {
float: left;
- width: 20%;
+ width: 14.2%;
}
nav ul li a {
width:360px;
height:200px;
}
-}
\ No newline at end of file
+ nav ul li {
+ width: 25%;
+ }
+}
--- /dev/null
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>Flygblad</title>
+ <link rel="stylesheet" href="/css/flygblad.css">
+ <script src="/js/functions.js"></script>
+</head>
+<body>
+ <div>
+ <header>
+ <h1>Rolig och cool rödhårig tjej sökes!</h1>
+ </header>
+ <div class="main">
+ <div class="img_container">
+ <img src="/assets/images/flygblad.jpg">
+ </div>
+ <div class="post block">
+ <p>
+ Tjohoj! Här har du mig, en energisk och lite busig grabb på 45 halvår (snart medelålders ju!) som jagar likasinnad. Obs, jag är inte rödhårig förutom en viss nyans i skägget.
+ </p>
+ <p>
+ <b>Om mig:</b>
+ jag heter Nils och har som mål att bli den coola farbrorn som alla önskar att de hade. Att bygga feta prylar, valla skidor,
+ meka på någon gammal cykel och spela hårdrock så högt att grannen kommer och bjuder på öl hör till min natur!
+
+ Jag ogillar att sova åt fel håll i sängen, ibland föredrar jag istället att inte sova alls och låtsas vara produktiv (hjälp mig, snälla :|).
+ Jag är trots min flyktbenägna hårlinje inte den den bästa på att bära huvudbonad. Kanske har jag bara inte hittat den rätta?
+ </p>
+ <ul>
+ <li>Hellre en fredagkväll med livemusik, i tält eller på upptäcksfärd än i soffan framför TVn.</li>
+ <li>Alla borde åka på en långresa någon gång i livet, ju mindre planering desto bättre.</li>
+ <li>Det finns en värld utanför skärmen! (Typiskt att jag skriver detta på en hemsida...)</li>
+ </ul>
+
+ <p>
+ <b>Om dig:</b> Mina krav är enkla och förhandlingsbara. Du behöver hålla med ovanstående poståenden, vara rolig, glad, rödhårig och tjej.
+ Bonus om du är FETT SNYGG!
+ </p>
+ <p>
+ Tror du dig uppfylla fler än hälften av kraven så slå mig en signal! Du hittar mitt nummer i telefonboken under "Nils Forssén" om du inte redan
+ har det.
+ </p>
+
+ <p>
+ Adjöken fröken!
+ </p>
+ </div>
+ </div>
+ </div>
+</body>
+</html>
\ No newline at end of file
<meta charset="UTF-8">\r
<meta name="viewport" content="width=device-width, initial-scale=1.0">\r
<title>Magasinet</title>\r
- <link rel="icon" href="assets/images/jättevitbanan.png">\r
- <link rel="stylesheet" href="css/reset.css">\r
- <link rel="stylesheet" href="css/main.css">\r
- <link rel="stylesheet" href="css/start.css">\r
- <script src="js/functions.js"></script>\r
+ <link rel="icon" href="/assets/images/jättevitbanan.png">\r
+ <link rel="stylesheet" href="/css/reset.css">\r
+ <link rel="stylesheet" href="/css/main.css">\r
+ <link rel="stylesheet" href="/css/start.css">\r
+ <script src="/js/functions.js"></script>\r
</head>\r
<body>\r
<div class="title-div">\r
- <img class="superimage_left" src="assets/images/jättevitbanan.png" width="135" height="135">\r
- <img class="superimage_right" src="assets/images/jättevitbanan.png" width="135" height="135">\r
+ <img class="superimage_left" src="../assets/images/jättevitbanan.png" width="135" height="135">\r
+ <img class="superimage_right" src="../assets/images/jättevitbanan.png" width="135" height="135">\r
<header>\r
<h1>Nils Forssén | Magasinet</h1>\r
</header>\r
<li><a href="/index.html">Start</a></li>\r
<li><a href="/projects.html">Projekt</a></li>\r
<li><a href="/about.html">Om Mig</a></li>\r
- <li><a href="https://gitweb.forssennils.se"><img src="assets/images/git.png" width="15" height="15"> Gitweb</a></li>\r
- <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>\r
+ <li><a href="https://nextcloud.forssennils.se"><img src="/assets/images/nextcloud.png" height="15"> Nextcloud</a></li>\r
+ <li><a href="https://jellyfin.forssennils.se"><img src="/assets/images/jellyfin.png" height="15"> Jellyfin</a></li>\r
+ <li><a href="https://gitweb.forssennils.se"><img src="/assets/images/git.png" width="15" height="15"> Gitweb</a></li>\r
+ <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="/assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>\r
</ul>\r
</nav>\r
</div>\r
</tr>\r
</table>\r
</div>\r
+ <div class="post_preview block cat_2025 cat_music cat_guitar" onclick="location.href='/posts/the_price.html';" style="cursor: pointer;">\r
+ <h2>THE PRICE - TWISTED SISTER COVER</h2>\r
+ <h3>24 juni 2025</h3>\r
+ <div class="img_container">\r
+ <img src="/assets/images/stay_hungry.jpg">\r
+ </div>\r
+ <p>För skojs skull.</p>\r
+ </div>\r
+ <div class="post_preview block cat_2025" onclick="location.href='/posts/skruv_rant.html';" style="cursor: pointer;">\r
+ <h2>SKRUV-RANT!</h2>\r
+ <h3>7 april 2025</h3>\r
+ <div class="img_container">\r
+ <img src="/assets/images/skruv.jpg">\r
+ </div>\r
+ <p>Någon som råkar ha en passande mejsel hemma?</p>\r
+ </div>\r
+ <div class="post_preview block cat_2025 cat_update cat_welcome" onclick="location.href='/posts/welcome_2.html';" style="cursor: pointer;">\r
+ <h2>VÄLKOMMEN IGEN!</h2>\r
+ <h3>22 mars 2025</h3>\r
+ <p>Shit, upptäckte precis att mitt gamla <a href="/posts/welcome.html">välkomstinlägg</a> är utdaterat. Här har ni en uppdatering!</p>\r
+ </div>\r
+ <div class="post_preview block cat_2025 cat_music" onclick="location.href='/posts/ny_gitarr.html';" style="cursor: pointer;">\r
+ <h2>NY GITARR!</h2>\r
+ <h3>21 mars 2025</h3>\r
+ <div class="img_container">\r
+ <img src="/assets/images/ny_gitarr.jpg">\r
+ </div>\r
+ <p>Har just blivit stolt ägare av en Telecaster. Givetvis behöver prylen invigas!</p>\r
+ </div>\r
<div class="post_preview block cat_2024 cat_update cat_music" onclick="location.href='/posts/uppdatering.html';" style="cursor: pointer;">\r
<h2>UPPDATERING 2024</h2>\r
<h3>31 oct 2024</h3>\r
<div class="img_container">\r
<img src="/assets/images/distpedal-proto.jpg">\r
</div>\r
- <p>Shitpost för internetpoäng.</p>\r
+ <p>Skräpinlägg för internetpoäng.</p>\r
</div>\r
<div class="post_preview block cat_2023 cat_music" onclick="location.href='/posts/star_rider.html';" style="cursor: pointer;">\r
<h2>HÄLLAS - STAR RIDER</h2>\r
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Magasinet</title>
- <link rel="icon" href="../assets/images/jättevitbanan.png">
- <link rel="stylesheet" href="../css/reset.css">
- <link rel="stylesheet" href="../css/main.css">
- <script src="../js/functions.js"></script>
+ <link rel="icon" href="/assets/images/jättevitbanan.png">
+ <link rel="stylesheet" href="/css/reset.css">
+ <link rel="stylesheet" href="/css/main.css">
+ <link rel="stylesheet" href="/css/start.css">
+ <script src="/js/functions.js"></script>
</head>
<body>
<div class="title-div">
<nav>
<ul>
- <li><a href="../index.html">Start</a></li>
- <li><a href="../projects.html">Projekt</a></li>
- <li><a href="../about.html">Om Mig</a></li>
- <li><a href="https://gitweb.forssennils.se"><img src="../assets/images/git.png" width="15" height="15"> Gitweb</a></li>
- <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="../assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>
+ <li><a href="/index.html">Start</a></li>
+ <li><a href="/projects.html">Projekt</a></li>
+ <li><a href="/about.html">Om Mig</a></li>
+ <li><a href="https://nextcloud.forssennils.se"><img src="/assets/images/nextcloud.png" height="15"> Nextcloud</a></li>
+ <li><a href="https://jellyfin.forssennils.se"><img src="/assets/images/jellyfin.png" height="15"> Jellyfin</a></li>
+ <li><a href="https://gitweb.forssennils.se"><img src="/assets/images/git.png" width="15" height="15"> Gitweb</a></li>
+ <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="/assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>
</ul>
</nav>
</div>
säkert sätt i Indonesien så bör vi svenskar lära oss tuta och olära
oss att använda blinkers.
</p>
+
+ <p>
+ Jag lägger in en halvfet surfbild här också hihi!
+ </p>
+
+ <div class="img_container">
+ <img src="../assets/images/surfbild.jpg">
+ </div>
+
</div>
</div>
--- /dev/null
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>Magasinet</title>
+ <link rel="icon" href="/assets/images/jättevitbanan.png">
+ <link rel="stylesheet" href="/css/reset.css">
+ <link rel="stylesheet" href="/css/main.css">
+ <link rel="stylesheet" href="/css/start.css">
+ <script src="/js/functions.js"></script>
+</head>
+<body>
+ <div class="title-div">
+ <img class="superimage_left" src="../assets/images/jättevitbanan.png" width="135" height="135">
+ <img class="superimage_right" src="../assets/images/jättevitbanan.png" width="135" height="135">
+ <header>
+ <h1>Nils Forssén | Magasinet</h1>
+ </header>
+
+ <nav>
+ <ul>
+ <li><a href="/index.html">Start</a></li>
+ <li><a href="/projects.html">Projekt</a></li>
+ <li><a href="/about.html">Om Mig</a></li>
+ <li><a href="https://nextcloud.forssennils.se"><img src="/assets/images/nextcloud.png" height="15"> Nextcloud</a></li>
+ <li><a href="https://jellyfin.forssennils.se"><img src="/assets/images/jellyfin.png" height="15"> Jellyfin</a></li>
+ <li><a href="https://gitweb.forssennils.se"><img src="/assets/images/git.png" width="15" height="15"> Gitweb</a></li>
+ <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="/assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>
+ </ul>
+ </nav>
+ </div>
+
+
+ <div class="main">
+ <div class="post block">
+ <h2>NY GITARR!</h2>
+ <h3>21 mars 2025</h3>
+
+ <div class="img_container">
+ <img src="/assets/images/ny_gitarr.jpg">
+ </div>
+
+ <p>
+ Till varje människas naturliga behov hör ju att lite titt som tätt bläddra blocket.
+ Oftast gör man det på dass, på bussen eller i soffan medans det dragna fläsket (pulled pork, jag undviker gärna svengenska :|)
+ puttrar färdigt i ugnen. Summa summarum, jag hadde lite draget kött i ugnen och snubblade över en gitarr till kanonpris på facebook marketplace.
+ 1300 riksdaler för en begagnad Telecaster. Modellen är ju kanske inget att hurra för, en Pasadena TL-10 som kostar typ en tusenlapp ny.
+ Det som gjorde just denna annonsen intressant var att gitarren var uppgraderad med nya Alnico-5 mickar, nytt stall, nya vred och omkopplare samt skärmad med koppartejp.
+ Efter lite snack med säljaren så blev det också tydligt att han var ordentligt erfaren och lagt en hel del tid på att
+ slipa fram en pärla utan större egenintresse av affären. En hyfsad gitarr till billigt pris helt enkelt. Efter att ha spelat nu i några timmar så skulle jag tro att gitarren
+ kostat minst det dubbla om jag köpt den i butik.
+ </p>
+
+ <p>
+ Det tar emot lite säga att gitarren var ett rent impulsköp för jag har ändå jagat efter antingen en relativt billigTelecaster eller en Stratocaster
+ nu i något år nu. Min tidigare elgitarr, en Epiphone Les Paul Classic 60s, har jag nu ägt i runt 4 år och är allmänt supernöjd med, men någonstans
+ har jag alltid kännt att det vore riktigt fett att kunna efterlikna ljudet av
+ Ritchie Blackmore, Dire Straits, typ all modern pop och Led Zeppelins första skivor också. Humabuckers är najs till mycket, men dem det är svårt att få fram ett härligt klang ur dem.
+ </p>
+
+ <p>
+ Min gamla gitarr, Epiphonen, behåller jag såklart. Gjorde aldrig något inlägg om den då den är äldre än hemsida men ni kan se den i
+ <a href="/posts/star_rider.html"> detta inlägg</a>. Opethtröja igen är inte ett sammanträffande.
+ </p>
+
+ <p>
+ Nåväl, givetvis ska prylen också invigas. På sistonde har jag lyssnat en hel del på Tom Petty and the Heartbreakers, så vad passar
+ bättre än att spela in en cover på en av Telecasterns signaturartister? Refugee kändes spontant som en ganska enkel låt och efter
+ någon timmes övande så har ni resultatet nedan.
+ </p>
+
+ <p>
+ På grund av tidsbristen för att få fram en video till detta inlägg samma dag så valde jag att spela in till en
+ <a href="https://www.youtube.com/watch?v=89EuDUyuoeA"> bakgrundsvideo</a>. Jag skippade också solot och gjorde någon hybrid mellan
+ rytm och lead som jag kände passade. Jäkla kul och gitarren låter som sagt fantastiskt bra.
+ </p>
+
+ <div class="img_container">
+ <video controls>
+ <source src="../assets/videos/refugee.mp4" type="video/mp4">
+ </video>
+ </div>
+
+ <p>
+ Ursäkta skägget, kan hända att det är något kul på gång i studentvärlden.
+ </p>
+
+ </div>
+ </div>
+
+
+
+
+</body>
+</html>
\ No newline at end of file
--- /dev/null
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>Magasinet</title>
+ <link rel="icon" href="/assets/images/jättevitbanan.png">
+ <link rel="stylesheet" href="/css/reset.css">
+ <link rel="stylesheet" href="/css/main.css">
+ <link rel="stylesheet" href="/css/start.css">
+ <script src="/js/functions.js"></script>
+</head>
+<body>
+ <div class="title-div">
+ <img class="superimage_left" src="../assets/images/jättevitbanan.png" width="135" height="135">
+ <img class="superimage_right" src="../assets/images/jättevitbanan.png" width="135" height="135">
+ <header>
+ <h1>Nils Forssén | Magasinet</h1>
+ </header>
+
+ <nav>
+ <ul>
+ <li><a href="/index.html">Start</a></li>
+ <li><a href="/projects.html">Projekt</a></li>
+ <li><a href="/about.html">Om Mig</a></li>
+ <li><a href="https://nextcloud.forssennils.se"><img src="/assets/images/nextcloud.png" height="15"> Nextcloud</a></li>
+ <li><a href="https://jellyfin.forssennils.se"><img src="/assets/images/jellyfin.png" height="15"> Jellyfin</a></li>
+ <li><a href="https://gitweb.forssennils.se"><img src="/assets/images/git.png" width="15" height="15"> Gitweb</a></li>
+ <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="/assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>
+ </ul>
+ </nav>
+ </div>
+
+
+ <div class="main">
+ <div class="post block">
+ <h2>SKRUV-RANT!</h2>
+ <h3>7 april 2025</h3>
+
+ <div class="img_container">
+ <img src="/assets/images/skruv.jpg">
+ </div>
+
+ <p>
+ Det här är det det värsta jag vet. Till viss del kan jag ändå respektera beslutet att försluta produkter som mobiltelefoner eller andra höginnovativa, kompakta prylar
+ med otraditionella metoder för att avskräcka hobbyfixare och kinesföretag från att försöka sig på reparationer eller kopiering av intellektuell egendom. Men när Clas Ohlson
+ säljer en batteriladdare för C-batterier (eh, visste inte ens att sådana klumpar fanns) som redan är kineskopierad i minsta detalj och dessutom så pass billig att ingen återkommande
+ konsument skulle ge sig på en reparation så behöver man väl för i helvete inte stänga igen skitlådan med skruvar avsedda just för att produkten ska sluta på soptippen. Det är ju
+ för fan inte ens ett bra försök, det gick ju fortfarande att skruva upp den med en helt vanlig plattmejsel förutom att det tog en kvart extra. Hade dem faktiskt velat försvara sin
+ kinesiumteknologi så hade de ju åtminstonde kunnat gjuta för skruvhålen eller nånting.
+ </p>
+
+ <p>
+ <i>
+ Kort förklaring för er som inte fattar grejen, skruvarna illustrerade på bilden är ett exempel på en så kallad "säkerhets-skruv" som är avsedd att förhindra att konsumenter öppnar
+ upp produkten. Den passar helt enkelt igna av standardmejslarna.
+ </i>
+ </p>
+
+ <div class="img_container">
+ <img src="/assets/images/skruvlåda.jpg">
+ </div>
+
+ <p>
+ Och inte tala om att varan är skit, anledningen till varför jag spenderade en halvtimme på att skruva isär skiten visade sig vara för att en sladd lossnat från det sämst lödda kretskortet jag någonsin sett ur fabrik.
+ Fler av de hålmonterade sladdarna hade inte ens tenn nog för att täcka hela hålet de satt i, förfärligt. Utan att verka för nedlåtande så finns det helt enkelt en speciellt plats i helvetet för företag som dessa.
+ </p>
+
+ </div>
+ </div>
+
+
+
+
+</body>
+</html>
\ No newline at end of file
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Magasinet</title>
- <link rel="icon" href="../assets/images/jättevitbanan.png">
- <link rel="stylesheet" href="../css/reset.css">
- <link rel="stylesheet" href="../css/main.css">
- <script src="../js/functions.js"></script>
+ <link rel="icon" href="/assets/images/jättevitbanan.png">
+ <link rel="stylesheet" href="/css/reset.css">
+ <link rel="stylesheet" href="/css/main.css">
+ <link rel="stylesheet" href="/css/start.css">
+ <script src="/js/functions.js"></script>
</head>
<body>
<div class="title-div">
<nav>
<ul>
- <li><a href="../index.html">Start</a></li>
- <li><a href="../projects.html">Projekt</a></li>
- <li><a href="../about.html">Om Mig</a></li>
- <li><a href="https://gitweb.forssennils.se"><img src="../assets/images/git.png" width="15" height="15"> Gitweb</a></li>
- <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="../assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>
+ <li><a href="/index.html">Start</a></li>
+ <li><a href="/projects.html">Projekt</a></li>
+ <li><a href="/about.html">Om Mig</a></li>
+ <li><a href="https://nextcloud.forssennils.se"><img src="/assets/images/nextcloud.png" height="15"> Nextcloud</a></li>
+ <li><a href="https://jellyfin.forssennils.se"><img src="/assets/images/jellyfin.png" height="15"> Jellyfin</a></li>
+ <li><a href="https://gitweb.forssennils.se"><img src="/assets/images/git.png" width="15" height="15"> Gitweb</a></li>
+ <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="/assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>
</ul>
</nav>
</div>
så är inte mitt syfte att skapa en felfri inspelning utan istället att spara och dokumentera mina färdigheter. Det är även därför jag väljer
att behålla orginallåten i bakgrunden och inte producera ett cover från grunden. hursomhelst, varsågod!
</p>
- <iframe width="720" height="400" src="https://www.youtube.com/embed/TBtRrQKv-uU?si=uHfwfwhcMdxjBzfD" title="YouTube video player" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe>
+
+ <div class="img_container">
+ <video controls>
+ <source src="../assets/videos/star_rider.mp4" type="video/mp4">
+ </video>
+ </div>
</div>
</div>
--- /dev/null
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>Magasinet</title>
+ <link rel="icon" href="/assets/images/jättevitbanan.png">
+ <link rel="stylesheet" href="/css/reset.css">
+ <link rel="stylesheet" href="/css/main.css">
+ <link rel="stylesheet" href="/css/start.css">
+ <script src="/js/functions.js"></script>
+</head>
+<body>
+ <div class="title-div">
+ <img class="superimage_left" src="../assets/images/jättevitbanan.png" width="135" height="135">
+ <img class="superimage_right" src="../assets/images/jättevitbanan.png" width="135" height="135">
+ <header>
+ <h1>Nils Forssén | Magasinet</h1>
+ </header>
+
+ <nav>
+ <ul>
+ <li><a href="/index.html">Start</a></li>
+ <li><a href="/projects.html">Projekt</a></li>
+ <li><a href="/about.html">Om Mig</a></li>
+ <li><a href="https://nextcloud.forssennils.se"><img src="/assets/images/nextcloud.png" height="15"> Nextcloud</a></li>
+ <li><a href="https://jellyfin.forssennils.se"><img src="/assets/images/jellyfin.png" height="15"> Jellyfin</a></li>
+ <li><a href="https://gitweb.forssennils.se"><img src="/assets/images/git.png" width="15" height="15"> Gitweb</a></li>
+ <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="/assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>
+ </ul>
+ </nav>
+ </div>
+
+
+ <div class="main">
+ <div class="post block">
+ <h2>THE PRICE - TWISTED SISTER COVER</h2>
+ <h3>24 juni 2025</h3>
+ <p>
+ För skojs skull. Jäklar vad mycket skägg (och lite hår :|) jag börjar få.
+ <div class="img_container">
+ <video controls>
+ <source src="../assets/videos/the_price.mkv" type="video/mp4">
+ </video>
+ </div>
+ </div>
+ </div>
+
+
+
+
+</body>
+</html>
\ No newline at end of file
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Magasinet</title>
- <link rel="icon" href="../assets/images/jättevitbanan.png">
- <link rel="stylesheet" href="../css/reset.css">
- <link rel="stylesheet" href="../css/main.css">
- <script src="../js/functions.js"></script>
+ <link rel="icon" href="/assets/images/jättevitbanan.png">
+ <link rel="stylesheet" href="/css/reset.css">
+ <link rel="stylesheet" href="/css/main.css">
+ <link rel="stylesheet" href="/css/start.css">
+ <script src="/js/functions.js"></script>
</head>
<body>
<div class="title-div">
<nav>
<ul>
- <li><a href="../index.html">Start</a></li>
- <li><a href="../projects.html">Projekt</a></li>
- <li><a href="../about.html">Om Mig</a></li>
- <li><a href="https://gitweb.forssennils.se"><img src="../assets/images/git.png" width="15" height="15"> Gitweb</a></li>
- <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="../assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>
+ <li><a href="/index.html">Start</a></li>
+ <li><a href="/projects.html">Projekt</a></li>
+ <li><a href="/about.html">Om Mig</a></li>
+ <li><a href="https://nextcloud.forssennils.se"><img src="/assets/images/nextcloud.png" height="15"> Nextcloud</a></li>
+ <li><a href="https://jellyfin.forssennils.se"><img src="/assets/images/jellyfin.png" height="15"> Jellyfin</a></li>
+ <li><a href="https://gitweb.forssennils.se"><img src="/assets/images/git.png" width="15" height="15"> Gitweb</a></li>
+ <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="/assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>
</ul>
</nav>
</div>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Magasinet</title>
- <link rel="icon" href="../assets/images/jättevitbanan.png">
- <link rel="stylesheet" href="../css/reset.css">
- <link rel="stylesheet" href="../css/main.css">
- <script src="../js/functions.js"></script>
+ <link rel="icon" href="/assets/images/jättevitbanan.png">
+ <link rel="stylesheet" href="/css/reset.css">
+ <link rel="stylesheet" href="/css/main.css">
+ <link rel="stylesheet" href="/css/start.css">
+ <script src="/js/functions.js"></script>
</head>
<body>
<div class="title-div">
<nav>
<ul>
- <li><a href="../index.html">Start</a></li>
- <li><a href="../projects.html">Projekt</a></li>
- <li><a href="../about.html">Om Mig</a></li>
- <li><a href="https://gitweb.forssennils.se"><img src="../assets/images/git.png" width="15" height="15"> Gitweb</a></li>
- <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="../assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>
+ <li><a href="/index.html">Start</a></li>
+ <li><a href="/projects.html">Projekt</a></li>
+ <li><a href="/about.html">Om Mig</a></li>
+ <li><a href="https://nextcloud.forssennils.se"><img src="/assets/images/nextcloud.png" height="15"> Nextcloud</a></li>
+ <li><a href="https://jellyfin.forssennils.se"><img src="/assets/images/jellyfin.png" height="15"> Jellyfin</a></li>
+ <li><a href="https://gitweb.forssennils.se"><img src="/assets/images/git.png" width="15" height="15"> Gitweb</a></li>
+ <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="/assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>
</ul>
</nav>
</div>
--- /dev/null
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>Magasinet</title>
+ <link rel="icon" href="/assets/images/jättevitbanan.png">
+ <link rel="stylesheet" href="/css/reset.css">
+ <link rel="stylesheet" href="/css/main.css">
+ <link rel="stylesheet" href="/css/start.css">
+ <script src="/js/functions.js"></script>
+</head>
+<body>
+ <div class="title-div">
+ <img class="superimage_left" src="../assets/images/jättevitbanan.png" width="135" height="135">
+ <img class="superimage_right" src="../assets/images/jättevitbanan.png" width="135" height="135">
+ <header>
+ <h1>Nils Forssén | Magasinet</h1>
+ </header>
+
+ <nav>
+ <ul>
+ <li><a href="/index.html">Start</a></li>
+ <li><a href="/projects.html">Projekt</a></li>
+ <li><a href="/about.html">Om Mig</a></li>
+ <li><a href="https://nextcloud.forssennils.se"><img src="/assets/images/nextcloud.png" height="15"> Nextcloud</a></li>
+ <li><a href="https://jellyfin.forssennils.se"><img src="/assets/images/jellyfin.png" height="15"> Jellyfin</a></li>
+ <li><a href="https://gitweb.forssennils.se"><img src="/assets/images/git.png" width="15" height="15"> Gitweb</a></li>
+ <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="/assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>
+ </ul>
+ </nav>
+ </div>
+
+
+ <div class="main">
+ <div class="post block">
+ <h2>VÄLKOMMEN IGEN!</h2>
+ <h3>22 mars 2025</h3>
+ <p>
+ Ja alltså, jag är ska inte bli en <i>influencer</i>, jag klarar ju inte av att hålla er uppdaterade av min servers liv för fem öre.
+ Det är alltså så att jag har flyttat (för ett typ ett år sedan faktiskt, vi behöver inte tala om det) och därmed har min server också flyttat.
+ Det gamla <a href="/posts/welcome.html">välkomstinlägget</a> är alltså inte längre aktuellt. Jag ska bättra mig.
+ </p>
+
+ <p>
+ <i>Har ni inte läst det tidigare välkomstinlägget rekomenderar jag att ni gör dett. Jag gör mitt bästa för att göra läsupplevelsen så rolig som möjligt hehe.</i>
+ </p>
+
+ <p>
+ Mitt första steg i att gottgöra mitt rykte som influencer är att rätta mina tidigare misstag. Jag ska därför uppdatera er hur min server mår.
+ Nedan följer en bild på min server idag. Som illustrerat på bilden så är min server oförändrad. Hotbilden och säkerhetsberedskapen likaså.
+ Julen är bortstädad trots allt.
+ </p>
+
+ <div class="img_container">
+ <img src="../assets/images/beredskap_2.jpg">
+ </div>
+
+ <p>
+ I äkta Influencer-anda så ska jag också ge er en liten room-tour, whohoo! I betalt sammarbete med <a href="https://www.ikea.com/se/sv/">IKEA</a>.
+ </p>
+
+ <div class="img_container">
+ <img src="../assets/images/rum.jpg">
+ </div>
+
+ <div class="img_container">
+ <img src="../assets/images/tjackhörnet.jpg">
+ </div>
+
+ <p>
+ Ovan ser ni mitt rum (tror ni jag har råd med mer eller? Vem fan tror ni att jag är?) och en liten hörna jag byggt upp (obs kolla inte vad bildkällan heter).
+ Efter att jag kommit över ett gammalt oscilloskop, nätagg och funktionsgenerator så har jag faktiskt möjlighet att bygga lite skit hemma och behöver inte alltid gå till <a href="https://admittansen.se/">Admittansenlabbet</a>.
+ Jäklar, jag sparar ju flera hundra steg per dag! Det var egentligen allt jag ville ha sagt med min room-tour. Kul med bilder att kolla tillbaks på också antar jag.
+ </p>
+
+ <p>
+ Nej men seriöst, det som förändrats med min server är egentligen bara mjukvara. Hemsidan är uppdaterad (no shit Sherlock?) men framförallt så använder jag
+ den externa hårddisken i lite större utssträckning. Dels så kör jag diverse backup-script på alla mina datorer så skulle säkerhetsberedskapen falle på något annat än hotbilden
+ så har jag förhoppningsvis saker sparat på andra ställen också. Men kanske mest nämnvärt så kör jag nu också en egen plex-server. Filmer är kul, ibland, och TV-serier är också kul, ibland, så därför
+ är det väl självklart att jag ska ha snabb och enkel tillgång till dem vart jag än befinner mig. Alltså, jag har en plex-server med massa piratkopierade (för komisk effekt?) filmer och serier som jag
+ kommer nyttja en gång om året när jag sitter på tåget hem till Östersund. Ja, jag är ett geni!
+ </p>
+
+ <p>
+ P.s jag använder också servern till lite nyttigheter. En gitserver, HA-server (se länkar i sidrubriken) och en ESP32-MQTT-kopplad LED-list.
+ </p>
+ </div>
+ </div>
+
+
+
+
+</body>
+</html>
\ No newline at end of file
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Magasinet</title>
- <link rel="icon" href="assets/images/jättevitbanan.png">
- <link rel="stylesheet" href="css/reset.css">
- <link rel="stylesheet" href="css/main.css">
- <link rel="stylesheet" href="css/projects.css">
- <script src="js/functions.js"></script>
+ <link rel="icon" href="/assets/images/jättevitbanan.png">
+ <link rel="stylesheet" href="/css/reset.css">
+ <link rel="stylesheet" href="/css/main.css">
+ <link rel="stylesheet" href="/css/start.css">
+ <script src="/js/functions.js"></script>
</head>
<body>
<div class="title-div">
- <img class="superimage_left" src="assets/images/jättevitbanan.png" width="135" height="135">
- <img class="superimage_right" src="assets/images/jättevitbanan.png" width="135" height="135">
+ <img class="superimage_left" src="../assets/images/jättevitbanan.png" width="135" height="135">
+ <img class="superimage_right" src="../assets/images/jättevitbanan.png" width="135" height="135">
<header>
<h1>Nils Forssén | Magasinet</h1>
</header>
<li><a href="/index.html">Start</a></li>
<li><a href="/projects.html">Projekt</a></li>
<li><a href="/about.html">Om Mig</a></li>
- <li><a href="https://gitweb.forssennils.se"><img src="assets/images/git.png" width="15" height="15"> Gitweb</a></li>
- <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>
+ <li><a href="https://nextcloud.forssennils.se"><img src="/assets/images/nextcloud.png" height="15"> Nextcloud</a></li>
+ <li><a href="https://jellyfin.forssennils.se"><img src="/assets/images/jellyfin.png" height="15"> Jellyfin</a></li>
+ <li><a href="https://gitweb.forssennils.se"><img src="/assets/images/git.png" width="15" height="15"> Gitweb</a></li>
+ <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="/assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>
</ul>
</nav>
</div>
<div class="main">
<div class="description block">
<p>
- Nedan följer en liten samling av personiga projekt som jag tycker
+ Nedan följer en liten samling av personliga projekt som jag tycker
förtjänar sin egna sida. Där står en del om utvecklingsprocessen
och övergriplig dokumentation som jag tycker är värt att spara.
</p>
</table>
</div>
+
+ <div class="post_preview block cat_2025 cat_kurser" onclick="location.href='/projects/gitarrpedaler.html';" style="cursor: pointer;">
+ <h2>VLSI-KONSTRUKTION (CDIO-PROJEKTET)</h2>
+ <h3>24 juni 2025</h3>
+ <div class="img_container">
+ <img src="/assets/images/pedaler_framsida.jpg">
+ </div>
+ <p><a href="https://studieinfo.liu.se/kurs/TSEK06/">Kurs i VLSI-konstruktion</a>, design av en 8-bitars SAR-ADC. CDIO-Projektet på Linköpings universitet för masterprogram/civilingenjör inom elektronik och system-on-chip.</p>
+ </div>
<div class="post_preview block cat_2025 cat_ljud cat_guitar" onclick="location.href='/projects/gitarrpedaler.html';" style="cursor: pointer;">
<h2>GITARRPEDALER</h2>
--- /dev/null
+<!DOCTYPE html>
+<html lang="en">
+<head>
+ <meta charset="UTF-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
+ <title>Magasinet</title>
+ <link rel="icon" href="/assets/images/jättevitbanan.png">
+ <link rel="stylesheet" href="/css/reset.css">
+ <link rel="stylesheet" href="/css/main.css">
+ <link rel="stylesheet" href="/css/start.css">
+ <script src="/js/functions.js"></script>
+</head>
+<body>
+ <div class="title-div">
+ <img class="superimage_left" src="../assets/images/jättevitbanan.png" width="135" height="135">
+ <img class="superimage_right" src="../assets/images/jättevitbanan.png" width="135" height="135">
+ <header>
+ <h1>Nils Forssén | Magasinet</h1>
+ </header>
+
+ <nav>
+ <ul>
+ <li><a href="/index.html">Start</a></li>
+ <li><a href="/projects.html">Projekt</a></li>
+ <li><a href="/about.html">Om Mig</a></li>
+ <li><a href="https://nextcloud.forssennils.se"><img src="/assets/images/nextcloud.png" height="15"> Nextcloud</a></li>
+ <li><a href="https://jellyfin.forssennils.se"><img src="/assets/images/jellyfin.png" height="15"> Jellyfin</a></li>
+ <li><a href="https://gitweb.forssennils.se"><img src="/assets/images/git.png" width="15" height="15"> Gitweb</a></li>
+ <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="/assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>
+ </ul>
+ </nav>
+ </div>
+
+
+ <div class="main">
+ <div class="post block">
+ <h2>VLSI-KONSTRUKTION (CDIO-PROJEKTET)</h2>
+ <h3>24 juni 2025</h3>
+ // TODO
+ </div>
+ </div>
+ </div>
+</body>
+</html>
\ No newline at end of file
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Magasinet</title>
- <link rel="icon" href="../assets/images/jättevitbanan.png">
- <link rel="stylesheet" href="../css/reset.css">
- <link rel="stylesheet" href="../css/main.css">
- <script src="../js/functions.js"></script>
+ <link rel="icon" href="/assets/images/jättevitbanan.png">
+ <link rel="stylesheet" href="/css/reset.css">
+ <link rel="stylesheet" href="/css/main.css">
+ <link rel="stylesheet" href="/css/start.css">
+ <script src="/js/functions.js"></script>
</head>
<body>
<div class="title-div">
<nav>
<ul>
- <li><a href="../index.html">Start</a></li>
- <li><a href="../projects.html">Projekt</a></li>
- <li><a href="../about.html">Om Mig</a></li>
- <li><a href="https://gitweb.forssennils.se"><img src="../assets/images/git.png" width="15" height="15"> Gitweb</a></li>
- <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="../assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>
+ <li><a href="/index.html">Start</a></li>
+ <li><a href="/projects.html">Projekt</a></li>
+ <li><a href="/about.html">Om Mig</a></li>
+ <li><a href="https://nextcloud.forssennils.se"><img src="/assets/images/nextcloud.png" height="15"> Nextcloud</a></li>
+ <li><a href="https://jellyfin.forssennils.se"><img src="/assets/images/jellyfin.png" height="15"> Jellyfin</a></li>
+ <li><a href="https://gitweb.forssennils.se"><img src="/assets/images/git.png" width="15" height="15"> Gitweb</a></li>
+ <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="/assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>
</ul>
</nav>
</div>
<a href="https://gitweb.forssennils.se/?p=rojsagen.git;a=summary">Röjsågen</a> och <a href="https://gitweb.forssennils.se/?p=ludden.git;a=summary">Ludden</a>.
</p>
+ <p>
+ Strömförsöjning till dessa pedaler löste jag genom ytterliggare en liten enhed, Rinhals 5.
+ Namnet gör prylen lite roligare än vad den egentligen är, 5 parallelkopplade 9V-DC linjära spänningsregulatorer drivna
+ från en gammal laptop-laddare. <a href="https://gitweb.forssennils.se/?p=ringhals_5.git;a=summary" >Ringhals 5</a> finns också på git-servern.
+ </p>
+
<p>
Som vanligt så valde jag att etsa kretskort i Admittansen labb för den äkta hemmabyggekänslan. Det är kort sagt lite roligare än att beställa från Kina,
hoppas att de lämnar fabriken inom en månad, att inte tullen lägger beslag på dem och sen be till Jesus att man ännu har motivationen att färdigställa projektet
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Magasinet</title>
- <link rel="icon" href="../assets/images/jättevitbanan.png">
- <link rel="stylesheet" href="../css/reset.css">
- <link rel="stylesheet" href="../css/main.css">
- <script src="../js/functions.js"></script>
+ <link rel="icon" href="/assets/images/jättevitbanan.png">
+ <link rel="stylesheet" href="/css/reset.css">
+ <link rel="stylesheet" href="/css/main.css">
+ <link rel="stylesheet" href="/css/start.css">
+ <script src="/js/functions.js"></script>
</head>
<body>
<div class="title-div">
<nav>
<ul>
- <li><a href="../index.html">Start</a></li>
- <li><a href="../projects.html">Projekt</a></li>
- <li><a href="../about.html">Om Mig</a></li>
- <li><a href="https://gitweb.forssennils.se"><img src="../assets/images/git.png" width="15" height="15"> Gitweb</a></li>
- <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="../assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>
+ <li><a href="/index.html">Start</a></li>
+ <li><a href="/projects.html">Projekt</a></li>
+ <li><a href="/about.html">Om Mig</a></li>
+ <li><a href="https://nextcloud.forssennils.se"><img src="/assets/images/nextcloud.png" height="15"> Nextcloud</a></li>
+ <li><a href="https://jellyfin.forssennils.se"><img src="/assets/images/jellyfin.png" height="15"> Jellyfin</a></li>
+ <li><a href="https://gitweb.forssennils.se"><img src="/assets/images/git.png" width="15" height="15"> Gitweb</a></li>
+ <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="/assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>
</ul>
</nav>
</div>
<!DOCTYPE html>
<html lang="en">
-
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Magasinet</title>
- <link rel="icon" href="../assets/images/jättevitbanan.png">
- <link rel="stylesheet" href="../css/reset.css">
- <link rel="stylesheet" href="../css/main.css">
- <script src="../js/functions.js"></script>
+ <link rel="icon" href="/assets/images/jättevitbanan.png">
+ <link rel="stylesheet" href="/css/reset.css">
+ <link rel="stylesheet" href="/css/main.css">
+ <link rel="stylesheet" href="/css/start.css">
+ <script src="/js/functions.js"></script>
</head>
-
<body>
- <div class="title-div">
+ <div class="title-div">
<img class="superimage_left" src="../assets/images/jättevitbanan.png" width="135" height="135">
<img class="superimage_right" src="../assets/images/jättevitbanan.png" width="135" height="135">
- <header>
- <h1>Nils Forssén | Magasinet</h1>
- </header>
-
- <nav>
- <ul>
- <li><a href="../index.html">Start</a></li>
- <li><a href="../projects.html">Projekt</a></li>
- <li><a href="../about.html">Om Mig</a></li>
- <li><a href="https://gitweb.forssennils.se"><img src="../assets/images/git.png" width="15" height="15">
- Gitweb</a></li>
- <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img
- src="../assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>
- </ul>
- </nav>
- </div>
+ <header>
+ <h1>Nils Forssén | Magasinet</h1>
+ </header>
+
+ <nav>
+ <ul>
+ <li><a href="/index.html">Start</a></li>
+ <li><a href="/projects.html">Projekt</a></li>
+ <li><a href="/about.html">Om Mig</a></li>
+ <li><a href="https://nextcloud.forssennils.se"><img src="/assets/images/nextcloud.png" height="15"> Nextcloud</a></li>
+ <li><a href="https://jellyfin.forssennils.se"><img src="/assets/images/jellyfin.png" height="15"> Jellyfin</a></li>
+ <li><a href="https://gitweb.forssennils.se"><img src="/assets/images/git.png" width="15" height="15"> Gitweb</a></li>
+ <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="/assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>
+ </ul>
+ </nav>
+ </div>
<div class="main">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Magasinet</title>
- <link rel="icon" href="../assets/images/jättevitbanan.png">
- <link rel="stylesheet" href="../css/reset.css">
- <link rel="stylesheet" href="../css/main.css">
- <script src="../js/functions.js"></script>
+ <link rel="icon" href="/assets/images/jättevitbanan.png">
+ <link rel="stylesheet" href="/css/reset.css">
+ <link rel="stylesheet" href="/css/main.css">
+ <link rel="stylesheet" href="/css/start.css">
+ <script src="/js/functions.js"></script>
</head>
<body>
<div class="title-div">
<nav>
<ul>
- <li><a href="../index.html">Start</a></li>
- <li><a href="../projects.html">Projekt</a></li>
- <li><a href="../about.html">Om Mig</a></li>
- <li><a href="https://gitweb.forssennils.se"><img src="../assets/images/git.png" width="15" height="15"> Gitweb</a></li>
- <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="../assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>
+ <li><a href="/index.html">Start</a></li>
+ <li><a href="/projects.html">Projekt</a></li>
+ <li><a href="/about.html">Om Mig</a></li>
+ <li><a href="https://nextcloud.forssennils.se"><img src="/assets/images/nextcloud.png" height="15"> Nextcloud</a></li>
+ <li><a href="https://jellyfin.forssennils.se"><img src="/assets/images/jellyfin.png" height="15"> Jellyfin</a></li>
+ <li><a href="https://gitweb.forssennils.se"><img src="/assets/images/git.png" width="15" height="15"> Gitweb</a></li>
+ <li><a href="https://homeassistant.forssennils.se/lovelace/default_view"><img src="/assets/images/homeassistant.png" width="15" height="15"> HASS</a></li>
</ul>
</nav>
</div>