From 1ab6d00176f70a1066f7e3a5cbfea811b804a169 Mon Sep 17 00:00:00 2001 From: Fredrick Amnehagen Date: Tue, 19 Mar 2024 15:17:19 +0100 Subject: [PATCH] More styling, started another text note - Added more effects. Tried some and then removed. - Added another postit note. --- public/index.html | 10 ++++++++-- public/styles.css | 15 ++++++++++----- 2 files changed, 18 insertions(+), 7 deletions(-) diff --git a/public/index.html b/public/index.html index 8d5fb0c..3ca90ef 100644 --- a/public/index.html +++ b/public/index.html @@ -20,7 +20,7 @@ - +
@@ -38,13 +38,19 @@ 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.

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.

+

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 .

+ +
+
+

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

+
+
diff --git a/public/styles.css b/public/styles.css index d14a7e8..617e91f 100644 --- a/public/styles.css +++ b/public/styles.css @@ -24,11 +24,8 @@ h2 { color: #ffffff; text-shadow: 2px 2px 4px #000000; } -p { - -} - +/* Spacing i listan, mycket jobb för att lösa denna snyggt. */ li:not(:last-child) { margin-bottom: 3px; } @@ -107,8 +104,8 @@ a:hover { .grid-container { grid-template-areas: "header" - "image" "content" + "image" "content2" "footer"; padding: 0px; @@ -156,6 +153,8 @@ a:hover { background-color: #f3ee9e; border-radius: 3px; box-shadow: 10px 10px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19); + + transform: rotate(-1deg); } /* Min coolare stil för presentationstexten. */ @@ -165,5 +164,11 @@ a:hover { color: #212151; margin: 15px; } + + /* Begränsande stil för extra postit lapp. */ + .extra-note { + max-width: 320px; + transform: rotate(3deg); + } }