82 lines
3.9 KiB
HTML
82 lines
3.9 KiB
HTML
<!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">© <a href="mailto:fredrick@amnehagen.com">Fredrick Amnehagen</a> 2024-03-19</p>
|
|
</footer>
|
|
</div>
|
|
</body>
|
|
</html> |