html-site/public/index.html

82 lines
3.9 KiB
HTML
Raw Normal View History

<!DOCTYPE html>
<html lang="sv">
<head>
<meta charset="UTF-8">
<title>Webb1 - Presentation - Fredrick Amnehagen</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="description" content="Presentation av mig.">
<meta name="author" content="Fredrick Amnehagen">
<link rel="icon" href="favicon.ico">
<link rel="icon" href="favicon.svg" type="image/svg+xml">
<link rel="apple-touch-icon" href="apple-touch-icon.png">
<link rel="stylesheet" href="styles.css?v=1.0">
<!-- Web fonts -->
<link href="https://fonts.cdnfonts.com/css/source-sans-pro" rel="stylesheet">
<link href="https://fonts.cdnfonts.com/css/montserrat" rel="stylesheet">
<link href="https://fonts.cdnfonts.com/css/journal" rel="stylesheet">
<!-- dev voodoo magic line to refresh the page every 5 seconds. Probably very old. -->
<!-- <meta http-equiv="refresh" content="10"> -->
</head>
<body>
<div class="grid-container">
<header class="grid-item header">
<h1>Webb1 - Presentation</h1>
</header>
<section class="grid-item content">
<h2>Presentation</h2>
<div class="presentation-box">
<div class="presentation-text">
<p>Hej,<br />
jag heter Fredrick Amnehagen och är småbarnspappa. <br />
Min fru jobbar nästan heltid som tandsköterska och jag jobbar deltid med serverunderhåll samt studerar för att ha tid med barnen och hemmet.</p>
<p>Förr när jag hade fritid så arbetade jag på digitala projekt, spelutveckling eller konstruktion av möbler.</p>
<p>Målet med mina studier är att hålla mig up-to-date inom IT-världen så att jag kan gå upp i tid när barnen är äldre och fortfarande vara attraktiv på arbetsmarknaden.</p>
<p>Mål, bli bättre på CSS och kanske JS (om det kommer i första kursen), jag kan ju alltid arbeta lite på egen hand. Siktet är fäst på högt betyg, A .</p>
</div>
</div>
</section>
<section class="grid-item image">
<img src="fredrick.jpg" class="portrait-image"/>
<div class="presentation-box extra-note">
<div class="presentation-text">
<p>Citat från filmer</p>
<ul>
<li>"Who throws a shoe, honestly?", <br />Austin Powers.</li>
<li>"Life, uh, finds a way", <br />Jurrasic park.</li>
<li>"He's tall, like some Greek God!", <br />Andromeda.</li>
</ul>
</div>
</div>
</section>
<section class="grid-item content2">
<h2>Arbetsprocessen</h2>
<ul>
<li>Arbetade i <a href="https://www.gnu.org/gnu/linux-and-gnu.en.html">GNU/Linux</a>, <a href="https://www.debian.org/">Debian 12 - Bookworm</a>.</li>
<li>Började skriva i <a href="https://www.gnu.org/software/emacs/">emacs</a>.</li>
<li>Utgick från exempel i på <a href="https://www.w3schools.com/">w3schools.com</a>.</li>
<li>Installerade <a href="https://www.eclipse.org/">eclipse</a> med <a href="https://eclipse.dev/webtools/ws/">webbtillägg</a> för att skriva koden med syntax highlighting.</li>
<li>Skapade favikoner i <a href="https://www.gimp.org/">gimp</a> och <a href="https://inkscape.org/">inkscape</a>.</li>
<li>Skapade porträtt i <a href="https://www.gimp.org/">gimp</a>, plockade bakgrundfärgen med den digitala pupletten.</li>
<li>Öppnade min <a href="https://forgejo.org/">Forgejo</a> server och skapade <a href="https://git-scm.com/">git</a> projektet, sedan skickade jag upp projektet <a href="https://forgejo.loopaware.com/Webb1">här</a>.</li>
<li>Arbetade hård med layouten, provade gammal tabell, float, flexbox och landade på css grid.</li>
<li>Stajlade texterna med fonter, färger och effekter.</li>
</ul>
</section>
<footer class="grid-item footer">
<p class="footer-text">&copy; <a href="mailto:fredrick@amnehagen.com">Fredrick Amnehagen</a> 2024-03-19</p>
</footer>
</div>
</body>
</html>