From 0fc43827f27be00cc97d9fd7cfcfc0a1c8ab9295 Mon Sep 17 00:00:00 2001 From: Fredrick Amnehagen Date: Tue, 19 Mar 2024 11:54:15 +0100 Subject: [PATCH] Added a grid. - Changed the bg color. - Added a grid, but no layout yet. --- public/index.html | 65 +++++++++++++++++++++++++++++------------------ public/styles.css | 11 ++++++-- 2 files changed, 49 insertions(+), 27 deletions(-) diff --git a/public/index.html b/public/index.html index d7c3658..b97d5e4 100644 --- a/public/index.html +++ b/public/index.html @@ -8,35 +8,50 @@ - - - + + + - + + + + -

Webb1 - Presentation

+
+
+

Webb1 - Presentation

+
-

Presentation

- -

Hej,
-jag heter Fredrick Amnehagen och är småbarnspappa. Min fru jobbar nästa heltid och jag jobbar deltid och studerar för att ha tid med barnen och hemmet.

-

Förr när jag hade fritid så arbetade jag på digitala projekt, spelutveckling eller konstruktion av möbler.

-

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.

-

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.

- - - -

Arbetsprocessen

- - +

Presentation

+ +
+

Hej,
+ jag heter Fredrick Amnehagen och är småbarnspappa. Min fru jobbar nästa heltid och jag jobbar deltid och studerar för att ha tid med barnen och hemmet.

+

Förr när jag hade fritid så arbetade jag på digitala projekt, spelutveckling eller konstruktion av möbler.

+

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.

+

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.

+
+ +
+ +
+ +
+

Arbetsprocessen

+
+ +
+
    +
  • Arbetade i Linux, Debian 12.
    • +
  • Började skriva i emacs.
    • +
  • Utgick från exempel i på w3schools.com.
    • +
  • Installerade eclipse med webbtillägg för att skriva koden med syntax highlighting.
    • +
  • Skapade favikoner i gimp och inkscape.
    • +
  • Skapade porträtt i gimp, plockade bakgrundfärgen med den digitala pupletten.
    • +
+
+
\ No newline at end of file diff --git a/public/styles.css b/public/styles.css index 42c0f3b..d3eaee1 100644 --- a/public/styles.css +++ b/public/styles.css @@ -1,12 +1,19 @@ @charset "UTF-8"; +body { + font-family: "Helvetica", Sans-Serif; + background-color: #dadada; +} + /* Definition av mitt rutnät för sidans layout. */ /* Behållaren för cellerna, tabellen. */ .grid-container { - + display: grid; + column-gap: 0px; + row-gap: 0px; } /* Gemensant för cellerna i tabellen. */ .grid-item { - + display: grid; } \ No newline at end of file