html-site/public/index.html

<!DOCTYPE html>
<html lang="sv">
<head>
<meta charset="UTF-8">
  <title>Webbutveckling 1 - 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="css/common.css?v=1.0">
  <link rel="stylesheet" href="css/page-presentation.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 paper">
    <header class="grid-item header">
      <h1>Webbutveckling 1</h1>
    </header>
    
    <nav class="grid-item navigation grid-container-navigation">
      <a href="index.html"><div class="grid-item nav-element nav-button">Presentation</div></a>
      <a href="internet-history.html"><div class="grid-item nav-element nav-button">Internets historia & samhällspåverkan</div></a>
      <a href="ethics.html"><div class="grid-item nav-element nav-button">Etik och integritet på nätet</div></a>
      <a href="wordpress-installation.html"><div class="grid-item nav-element nav-button">Installation av Wordpress</div></a>
    </nav>
  
    <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="images/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 target="_blank" href="https://www.gnu.org/gnu/linux-and-gnu.en.html">GNU/Linux</a>, <a target="_blank" href="https://www.debian.org/">Debian 12 - Bookworm</a>.</li>
        <li>Började skriva i <a target="_blank" href="https://www.gnu.org/software/emacs/">emacs</a>.</li>
        <li>Utgick från exempel i på <a target="_blank" href="https://www.w3schools.com/">w3schools.com</a>.</li>
        <li>Installerade <a target="_blank" href="https://www.eclipse.org/">eclipse</a> med <a target="_blank" href="https://eclipse.dev/webtools/ws/">webbtillägg</a> för att skriva koden med syntax highlighting.</li>
        <li>Skapade favikoner i <a target="_blank" href="https://www.gimp.org/">gimp</a> och <a target="_blank" href="https://inkscape.org/">inkscape</a>.</li>
        <li>Skapade porträtt i <a target="_blank" href="https://www.gimp.org/">gimp</a>, plockade bakgrundfärgen med den digitala pupletten.</li>
        <li>Öppnade min <a target="_blank" href="https://forgejo.org/">Forgejo</a> server och skapade <a target="_blank" href="https://git-scm.com/">git</a> projektet, sedan skickade jag upp projektet <a target="_blank" href="https://forgejo.loopaware.com/Webb1">här</a>.</li>
        <li>Arbetade hårt 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-04-06</p>
    </footer>
  </div>
</body>
</html>
Initial commit Initial commit of my draft. 2024-03-19 11:43:29 +01:00			`<!DOCTYPE html>`
			`<html lang="sv">`
			`<head>`
			`<meta charset="UTF-8">`
Finished assignment 2. 2024-04-06 23:38:29 +02:00			`<title>Webbutveckling 1 - Presentation - Fredrick Amnehagen</title>`
Initial commit Initial commit of my draft. 2024-03-19 11:43:29 +01:00			`<meta name="viewport" content="width=device-width, initial-scale=1">`

			`<meta name="description" content="Presentation av mig.">`
			`<meta name="author" content="Fredrick Amnehagen">`

Added a grid. - Changed the bg color. - Added a grid, but no layout yet. 2024-03-19 11:54:15 +01:00			`<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">`
Initial commit Initial commit of my draft. 2024-03-19 11:43:29 +01:00
Finished assignment 2. 2024-04-06 23:38:29 +02:00			`<link rel="stylesheet" href="css/common.css?v=1.0">`
			`<link rel="stylesheet" href="css/page-presentation.css?v=1.0">`
Added a grid. - Changed the bg color. - Added a grid, but no layout yet. 2024-03-19 11:54:15 +01:00
Layout and fonts - Worked som more on the layout. - Implemented web fonts. - Some effects. 2024-03-19 13:26:39 +01:00			`<!-- 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. -->`
Finished the assignment - Added the text. - Some cleaning. 2024-03-19 15:37:29 +01:00			`<!-- <meta http-equiv="refresh" content="10"> -->`
Initial commit Initial commit of my draft. 2024-03-19 11:43:29 +01:00			`</head>`
			`<body>`
Finished assignment 2. 2024-04-06 23:38:29 +02:00			`<div class="grid-container paper">`
Styling - Added lots of effects and styling. 2024-03-19 14:46:05 +01:00			`<header class="grid-item header">`
Finished assignment 2. 2024-04-06 23:38:29 +02:00			`<h1>Webbutveckling 1</h1>`
Styling - Added lots of effects and styling. 2024-03-19 14:46:05 +01:00			`</header>`
Finished assignment 2. 2024-04-06 23:38:29 +02:00
			`<nav class="grid-item navigation grid-container-navigation">`
			`<a href="index.html"><div class="grid-item nav-element nav-button">Presentation</div></a>`
			`<a href="internet-history.html"><div class="grid-item nav-element nav-button">Internets historia & samhällspåverkan</div></a>`
			`<a href="ethics.html"><div class="grid-item nav-element nav-button">Etik och integritet på nätet</div></a>`
			`<a href="wordpress-installation.html"><div class="grid-item nav-element nav-button">Installation av Wordpress</div></a>`
			`</nav>`
Initial commit Initial commit of my draft. 2024-03-19 11:43:29 +01:00
Finished the assignment - Added the text. - Some cleaning. 2024-03-19 15:37:29 +01:00			`<section class="grid-item content">`
Layout and fonts - Worked som more on the layout. - Implemented web fonts. - Some effects. 2024-03-19 13:26:39 +01:00			`<h2>Presentation</h2>`
Added a grid. - Changed the bg color. - Added a grid, but no layout yet. 2024-03-19 11:54:15 +01:00
Styling - Added lots of effects and styling. 2024-03-19 14:46:05 +01:00			`<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>`
More styling, started another text note - Added more effects. Tried some and then removed. - Added another postit note. 2024-03-19 15:17:19 +01:00			`<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>`
Styling - Added lots of effects and styling. 2024-03-19 14:46:05 +01:00			`</div>`
			`</div>`
			`</section>`
Added a grid. - Changed the bg color. - Added a grid, but no layout yet. 2024-03-19 11:54:15 +01:00
Styling - Added lots of effects and styling. 2024-03-19 14:46:05 +01:00			`<section class="grid-item image">`
Finished assignment 2. 2024-04-06 23:38:29 +02:00			`<img src="images/fredrick.jpg" class="portrait-image"/>`
More styling, started another text note - Added more effects. Tried some and then removed. - Added another postit note. 2024-03-19 15:17:19 +01:00
			`<div class="presentation-box extra-note">`
			`<div class="presentation-text">`
Finished the assignment - Added the text. - Some cleaning. 2024-03-19 15:37:29 +01:00			`<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>`
More styling, started another text note - Added more effects. Tried some and then removed. - Added another postit note. 2024-03-19 15:17:19 +01:00			`</div>`
			`</div>`
Styling - Added lots of effects and styling. 2024-03-19 14:46:05 +01:00			`</section>`
Added a grid. - Changed the bg color. - Added a grid, but no layout yet. 2024-03-19 11:54:15 +01:00
Styling - Added lots of effects and styling. 2024-03-19 14:46:05 +01:00			`<section class="grid-item content2">`
Added a grid. - Changed the bg color. - Added a grid, but no layout yet. 2024-03-19 11:54:15 +01:00			`<h2>Arbetsprocessen</h2>`
Layout and fonts - Worked som more on the layout. - Implemented web fonts. - Some effects. 2024-03-19 13:26:39 +01:00
Added a grid. - Changed the bg color. - Added a grid, but no layout yet. 2024-03-19 11:54:15 +01:00			`<ul>`
Finished assignment 2. 2024-04-06 23:38:29 +02:00			`<li>Arbetade i <a target="_blank" href="https://www.gnu.org/gnu/linux-and-gnu.en.html">GNU/Linux</a>, <a target="_blank" href="https://www.debian.org/">Debian 12 - Bookworm</a>.</li>`
			`<li>Började skriva i <a target="_blank" href="https://www.gnu.org/software/emacs/">emacs</a>.</li>`
			`<li>Utgick från exempel i på <a target="_blank" href="https://www.w3schools.com/">w3schools.com</a>.</li>`
			`<li>Installerade <a target="_blank" href="https://www.eclipse.org/">eclipse</a> med <a target="_blank" href="https://eclipse.dev/webtools/ws/">webbtillägg</a> för att skriva koden med syntax highlighting.</li>`
			`<li>Skapade favikoner i <a target="_blank" href="https://www.gimp.org/">gimp</a> och <a target="_blank" href="https://inkscape.org/">inkscape</a>.</li>`
			`<li>Skapade porträtt i <a target="_blank" href="https://www.gimp.org/">gimp</a>, plockade bakgrundfärgen med den digitala pupletten.</li>`
			`<li>Öppnade min <a target="_blank" href="https://forgejo.org/">Forgejo</a> server och skapade <a target="_blank" href="https://git-scm.com/">git</a> projektet, sedan skickade jag upp projektet <a target="_blank" href="https://forgejo.loopaware.com/Webb1">här</a>.</li>`
			`<li>Arbetade hårt med layouten, provade gammal tabell, float, flexbox och landade på css grid.</li>`
Layout and fonts - Worked som more on the layout. - Implemented web fonts. - Some effects. 2024-03-19 13:26:39 +01:00			`<li>Stajlade texterna med fonter, färger och effekter.</li>`
Added a grid. - Changed the bg color. - Added a grid, but no layout yet. 2024-03-19 11:54:15 +01:00			`</ul>`
Styling - Added lots of effects and styling. 2024-03-19 14:46:05 +01:00			`</section>`
Initial commit Initial commit of my draft. 2024-03-19 11:43:29 +01:00
Styling - Added lots of effects and styling. 2024-03-19 14:46:05 +01:00			`<footer class="grid-item footer">`
Finished assignment 2. 2024-04-06 23:38:29 +02:00			`<p class="footer-text">© <a href="mailto:fredrick@amnehagen.com">Fredrick Amnehagen</a> 2024-04-06</p>`
Styling - Added lots of effects and styling. 2024-03-19 14:46:05 +01:00			`</footer>`
Added a grid. - Changed the bg color. - Added a grid, but no layout yet. 2024-03-19 11:54:15 +01:00			`</div>`
Initial commit Initial commit of my draft. 2024-03-19 11:43:29 +01:00			`</body>`
			`</html>`