Treningsplan - Uke 16

dav

Jeg syns selv at jeg har gode rutiner for tiden, og skal få til minst tre økter denne uka og! Dette er planen: 

 

Mandag: Rygg og kondis

- Pyramidepullups

- 45 min Cardio Pulse (gruppetime)

- Lette ryggøvelser

Onsdag: Ben

- Knebøy: 5 sett med 6 repetisjoner

- Bulgarske utfall: 45/15 sek øvelse/pause x 5

- Hip thrust i kabel: 45/15 sek øvelse/pause x 5

- Planke:  45/15 sek øvelse/pause x 5

- Kettlebellswing:  45/15 sek øvelse/pause x 5

- Diverse lette øvelser for innside lår og rumpe

 

Torsdag: Kondis

- Pyramideintervaller

- Magetrening

Lørdag/Søndag: Crossfit

4 runder av: 
5 pullups (lov med strikk etterhvert) 
10 benhev
15 pushups
30 bokshopp
20 sek sideplanke hver side
20 situps
10 burpees
10 kettlebellswing

dav

Har du en treningsplan for uka?

Lær å lage hjemmeside - Leksjon 8

I forrige leksjon gikk vi gjennom forskjellige layout-elementer. Om du gikk glipp av den, kan du lese den her. Vi startet å bygge opp en side ved å bruke mange forskjellige layout-elementer. Til nå har vi kun fått på plass headeren. Vi skal få på plass ett element per leksjon framover, og i dag er det nav-baren som står for tur. Dersom du har mistet koden fra forrige gang, lager du en ny mappe med en index.html-fil og en style.css-fil. Her er koden:

HTML

<!DOCTYPE html>
<html>
<head>
    <title>Layout elementer</title>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
    <div class="wrapper">
        <header>
            <img src="bannerbilde.jpg" />
        </header>
        <nav>
            Navigasjonsbar
        </nav>
        <main>
            Main
            <section>
                Seksjon
            </section>
            <article>
                Artikkel
            </article>
            <aside>
                Sidebar
            </aside>
        </main>
        <footer>
            Footer
        </footer>
    </div>
</body>
</html>

 

CSS

.wrapper
{
    width: 80%;
    margin: auto;
}

header, nav, main, footer, section, aside, article
{
    border: 1px solid red;
    padding: 10px;
}

header
{
    padding: 0px;
}

header img
{
    width: 100%;
}

I tillegg lastet vi ned et bilde og kalte det "bannerbilde.jpg" (dersom bildet du laster ned er av et annet filformat må du skrive noe annet i <img>-tagen enn .jpg).

 

Nav-baren

Nav-baren brukes som meny på siden vår. Det er hovedmenyen helt øverst, der det typisk på en blogg vil være linker til "Hjem", "Kategorier", "Profil" og "Arkiv". Man kan velge å ha hva man vil i disse nav-barene.

Vi bygger den opp ved å putte dette inn i <nav>-tagen:

        <nav>
            <ul class="menu">
                <li><a href="#nowhere" title="Link til forsiden">Hjem</a></li>
                <li><a href="#nowhere" title="Link til kategorier">Kategorier</a>
                    <ul>
                        <li><a href="#nowhere" title="Link til kategori1">Kategori 1</a></li>
                        <li><a href="#nowhere" title="Link til kategori2">Kategori 2</a></li>
                        <li><a href="#nowhere" title="Link til kategori3">Kategori 3</a></li>
                        <li><a href="#nowhere" title="Link til kategori4">Kategori 4</a></li>
                        <li><a href="#nowhere" title="Link til kategori5">Kategori 5</a></li>
                    </ul>
                </li>
                <li><a href="#nowhere" title="Link til arkiv">Arkiv</a>
                    <ul>
                        <li><a href="#nowhere" title="Link til kategori1">Januar 2018</a></li>
                        <li><a href="#nowhere" title="Link til kategori2">Februar 2018</a></li>
                        <li><a href="#nowhere" title="Link til kategori3">Mars 2018</a></li>
                        <li><a href="#nowhere" title="Link til kategori4">April 2018</a></li>
                    </ul>
                </li>
                <li><a href="#nowhere" title="Link til profil">Profil</a></li>
            </ul>
        </nav>

Har man litt god hukommelse kan man legge merke til at man bygger opp menyen av en "unordered-list". Som en påminnelse for andre er <ul>-tagen noe som lager en punktliste bestående av <li>-elementer. Derfor vil dette se veldig rart ut om man nå bare lagrer og ser på uten noe css til:

Legg også merke til at jeg har lagt en <ul> inne i en annen <li> to steder. Dette er for å lage undermenyer under punktene. Det er jo vanlig at for eksempel "Kategori" og "Arkiv" har under menyer med måneder og kategorinavn under seg. 

Alle <li>-tagene har en <a>-tag inne i seg. Denne lager linken, for en meny skal jo bestå av forskjellige linker. Foreløpig står det bare "#nowhere" i linken (href), slik at når du trykker på dem, så havner du ingen steder. Det du skriver i "title" vil ikke bli synlig på nettsiden, annet enn når du holder musa over ordet. Dette følger regler for universell utforming, så en dataoppleser kan vite hvor linken skal hen. 

Men vi trenger jo litt styling og, for det kan ikke være en slik punktliste nedover. Derfor legger vi først inn denne linken i head:

<link href='https://fonts.googleapis.com/css?family=Raleway:400,500,600,300' rel='stylesheet' type='text/css'>

Det er for å kunne bruke skrifttypen Raleway. 

Deretter legger vi dette i CSS'en: 

/* Nav */

nav
{
    position: sticky;
    top: 0;
    padding: 0px;
    text-transform: uppercase;
    border-width: 1px 0px 1px 0px;
    border-color: #ccc;
}

nav ul.menu {
    list-style-type: none;
    margin: 0;
    padding: 0;
    background-color: #ffffff;
    display: flex;
}

nav > ul.menu > li {
    position: relative;
}

li a {
    display: block;
    color: #000000;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

nav ul.menu li ul {
    display: none;
    position: absolute;
    border: 1px solid transparent;
    border-width: 0px 1px 1px 1px;
    box-shadow: 0px 3px 5px 0px #e8e8e8;
    top: 47px;
}

nav ul.menu li:hover ul {
    display: block;
}

nav ul.menu li a:hover {
    background-color: #f8f8f8;
}

Nå skal jeg gå gjennom og forklare: 

  • Øverst har jeg skrevet "/* Nav */". /* brukes for å skrive kommentarer i et css-dokument. Det vil ikke bli lest av websiden, og ødelegger derfor ikke valideringen.
  • Vi starter med å bare legge styling på nav-tagen. 
    • Først legger vi "position: sticky". Det gjør at posisjonen til elementet blir "klistret" til toppen sammen med parameteret "top: 0" som vi ser under. 
    • Vi fjerner paddingen la vi til for å illustrere med "padding: 0;".
    • For å pynte litt legger vi på litt text-transform og border. For å få til at det bare blir border oppe og nede kan man gjøre slik jeg har gjort her med "border-width". 
  • Vi går videre til å style selve <ul>-tagen. Vi har gitt ul'en klassenavnet "menu", så vi skriver derfor "nav ul.menu" når vi skal style den. Det betyr ul med klasse "menu" som ligger inni nav. 
    • For å fjerne "dottene" bak listeelementene bruker vi "list-style-type: none". 
    • Vi fjerner alt av autogenerert margin og padding. 
    • Vi setter bakgrunnsfarge. 
    • Vi gjør at elementene i nav-baren "flexer". Vi kommer til å ha en helt egen leksjon om flex og hvordan det fungerer en gang. Nå bruker vi det til å få alle elementene under "ul" til å legge seg pent på rekke.
  • Vi velger at li, som er direkte under ul, som er direkte under nav, skal ha "position: relative". Man setter denne posisjonen om elementene inne i dette elementet skal forholde seg til dette. Altså om man skal ha et element med "position: absolute", vil dette bruke det nærmeste elementet oppover med relativ posisjon som "ramme". 
  • Så begynner vi å style selve linken. 
    • Vi setter at linken skal være vist i blokkvisning, slik at vi kan legge margin og padding på den. 
    • Vi setter farge på skriven, sentrerer den og legger på padding, så det blir litt luft inne i boksen. 
    • Til slutt fjerner vi understreken under linken med "text-decoration: none;".
  • Vi har jo en dropdown-meny, og for å få denne til å fungere som den skal må vi også style denne. Det gjør vi ved å velge ul, som er under li, som er under ul igjen og som er under nav. Da blir det spesifikt undermenyen som blir stylet. 
    • Først skjuler vi den med "display: none". Vi vil jo ikke at den skal vises før man holder musa over den.
    • Deretter setter vi "position: absolute" for at elementets plassering ikke skal påvirke noen andre objekter på nettsiden. Dette er grunnen til at vi satte "position: relative" på li-tagen, for nå legger den seg direkte under sin egen li-tag.
    • Vi pynter med border og box-shadow.
    • Så sier vi at det skal være 47px opp til toppen av elementet. Dette er for at den skal legge seg under <li>-tagen, og ikke oppå.
  • På "nav ul.menu li:hover ul" sier vi at når vi holder musen over en li-tag, skal ul være "display: block". Dette overstyrer "display:none" som vi satte i stad. 
  • Til slutt setter vi bakgrunnsfarge på a-tagen når den blir hovret over. 

 

Var dette forståelig? 

Lagre dokumentene og se på siden i nettleseren din! Det skal se slik ut: 

 

Gleder meg til neste leksjon når vi skal ta for oss hovedseksjonen! 

Følg med!

Morning bliss

dav

Morning bliss: 
The best part of waking up

dav

sdr

På lørdag sto jeg opp før alle andre og tilbragte morgenen alene nede på brygga. Det var deilig å våkne til bølgeskvulp og måkeskrik. Lufta var så salt og frisk.

Altså, finnes det en bedre måte å våkne på? Dette var idyll på sitt beste. Hvem trenger sommer når våren kan være så fin? Det hadde vært en drøm å kunne våkne slik hver dag. Kanskje det skjer en gang? Det er viktig med drømmer.

dav

Jeg ble til og med vitne til våryre ender. Det var koselig.

 

Hvordan er din perfekte morgen?

To do-list: Uke 16

dav

God mandag!

Det ble en litt hard start på uka med lite søvn og dermed en tung morgen. Men det er viktig å tenke positivt, og det er jo tross alt ny uke og nye muligheter. Det som skal gjøres denne uka er dette:

Tiden er kommet for litt vårrengjøring, og det er på tide å vaske bak de tunge møblene. Vi pleier ikke å gå over bak sofaene og under pulten så nøye. Men en gang i blant må man jo trå til og få gått over bak der og, og tiden er kommet. 

Utenom det er det bare "vanlige" punkter denne uka. Jeg vil prøve å trene minst tre ganger, som er målet for denne måneden å gjøre hver uke. I tillegg vil jeg fortsette å spare til at jeg kan gå berserk på turutstyr en gang i framtiden! Det blir så gøy. Jeg vil sette pris på de små tingene og jeg vil være snill mot de rundt meg. Det er de andre målene jeg har for uka!

Jeg kjenner allerede det skal bli godt med lønningspils med jobben på fredag, altså! Ha en super uke videre ♥

Uka som gikk - Uke 15

Akkurat nå

Akkurat nå har jeg kommet hjem fra en super hyttetur med gode venner. Det har vært en fin, morsom og koselig helg, og nå er jeg sliten og skal tilbringe resten av dagen under dette teppet i sofaen. 

 

Ukas høydepunkt

Denne uka har vi vært på hyttetur i mitt ferieparadis, Portør! Det var helt herlig å komme seg vekk til et så fint sted. Luften var frisk, været var bra, vi var en bra gjeng og alt var supert. Vi har laget masse mat, spilt spill og gått turer. Deilig!

sdr

Ukas nedtur

Jeg har egentlig aldri noen ukas nedtur, men jeg fant nettopp ut noe jeg syntes var en klar definisjon på en "nedtur", og det var at den nye "Story"-funksjonen til blogg.no ikke fungerte som den skulle. Jeg laget et langt innlegg med oppskrift tidligere denne uka, som skulle publiseres automatisk i går, men så fungerte det ikke! Sykt flaut, haha! Innlegget er sletta, og jeg skal gjøre det godt igjen med oppskriften i vanlig innlegg-format. 

 

Ukas stolteste øyeblikk

Vi klarte faktisk noe mange tvilte på at vi skulle klare, nemlig å lage Beef Wellington fra bunnen av! Ja, faktisk butterdeigen og! Det ble såå godt. Etter min mening ble det faktisk helt perfekt. Det var kanskje ganske vanskelig å feile når vi hadde kjøpt ordentlig god indrefilet, men det var mange som var skeptiske til oss! Det var gøy å kokkelere på et ordentlig kjøkken med mye benkeplate og mange kasseroller, noe vi ikke har hjemme. 

dav

Ukas mest leste innlegg

Det innlegget som ble mest lest denne uka var innlegget med treningsplanen for denne uka. Kanskje det blir flere slike innlegg? Du kan lese det her

Ukas jobbøyeblikk

På fredag hadde vi den månedlige "Show 'n tell", som vi arrangerer for å samle alle i bedriften til "foredrag". Alle må rullere på å holde halvtimelange foredrag, og det er to stykker per gang. Det er for å lære hverandre ting som vi ellers ville sittet inne på og ikke tenkt på at var lurt å dele med andre. 

I den anledning hadde prosjektlederen på jobben bakt sinnsykt gode brownies! I tillegg hadde hun kjøpt is til alle sammen. Slike gleder, altså!

dav

Ukas måltid

Middagen vi lagde på lørdag. MMmmmm! Vi hadde kremet aspargiessuppe til forrett, beef wellington med rødvinssaus, mandelpotetstappe og sjalottløk til hovedrett, og daimiskake til dessert. Det var himmelsk! Det kommer senere et mer utdypende innlegg om akkurat dette. 

dav

 

God søndag videre!

 

 

 

Kofferten pakket

I morgen drar vi av sted på hyttetur direkte etter jobb. Det blir så deilig! Det er godt å komme seg vekk noen ganger, og jeg gleder meg så veldig til å treffe et vennepar vi ikke har truffet på lenge. Og til et så fantastisk vakkert sted som Portør! 

dav

På lørdag skal vi diske opp med ordentlig god middag! Vi må derfor lage tidsskjema, handleliste, printe ut oppskrifter og alt på forhånd før avreise. Jeg skal poste disse listene i et innlegg på bloggen senere. tillegg må vi ha med litt utstyr, i tilfelle det ikke ligger i Portør. 

Beklager dårlig kvalitet

dav

Innleggene på bloggen kommer til å være laget på forhånd, så ikke bli overrasket om det kommer bilder og innlegg som ikke passer helt til skjærgård og hytteliv.

Lær å lage hjemmeside - Leksjon 7

Nå har vi lært mye av det grunnleggende i det å lage hjemmeside, men foreløpig har vi bare hatt en lang rekke av elementer etter hverandre, uten noen form for struktur. Vi har brukt <head> og <body> for å samle de elementene som er synlige og "usynlige", men nå skal vi strukturere siden med enda flere tager. 

Layout-elementer

HTML tilbyr noen tager man kan bruke for å definere enkelte elementer på siden. Dette er de forskjellige layout-elementene: 

  • <header> - Definerer headeren på nettsiden (toppen)
  • <nav> - Lager en konteiner rundt navigasjonslinker, som en meny
  • <main> - Definerer hovedinnholdet. Det som kanskje varierer fra side til side
  • <section> - Definerer en seksjon på en webside
  • <article> - Definerer en selvstendig og selvforklarende artikkel. Inneholder ofte bloggposter, nyheter, forumposter og kommentarer
  • <footer> - Definerer bunnen av nettsiden. 
  • <aside> - Definerer innhold som skal ligge på siden av resten av innholdet. 

Alle disse brukes på hver sine måter på blogg.no's nyeste design (når man oppretter en ny blogg). Før var det bygd opp kun av ulike <div>-elementer. <div>-elementer er veldig praktiske til å gruppere ulike elementer og bygge opp forskjellige layoutklosser. Layout-elementene erstatter altså div'er. Der man før ville skrevet <div class="header"> kan man nå bare skrive <header>.

Oppgave

Lag en ny mappe og kall den "layoutelements". Lag to filer i denne mappen, en som heter index.html (filtypen skal være .html) og en som heter style.css (filtypen skal være .css). Det enkleste er å bruke Sublime til dette, som du lærte i leksjon 3

Lim denne teksten inn i index.html:

<!DOCTYPE html>
<html>
<head>
    <title>Layout elementer</title>
    <meta charset="utf-8">
    <link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
       <div class="wrapper">
        <header>
            Header
        </header>
        <nav>
            Navigasjonsbar
        </nav>
        <main>
            Main
            <section>
                Seksjon
            </section>
            <article>
                Artikkel
            </article>
            <aside>
                Sidebar
            </aside>
        </main>
        <footer>
            Footer
        </footer>
    </div>
</body>
</html>

Lim denne teksten inn i style.css

div.wrapper
{
    max-width: 1200px;
    margin: auto;
}

header, nav, main, footer, section, aside, article
{
    border: 1px solid red;
    padding: 10px;
}

Analyser denne koden litt. Inne i body-tagen ligger de forskjellige layout-tagene jeg nevnte. Legg merke til at section, article og aside ligger inne i main-tagen. Det vil si at <main> ikke avsluttes med en </main> før etter <aside> er avsluttet. I tillegg ligger alt dette inne i en <div> med klasse "wrapper". Denne brukes til å sette bredde på alt av innhold, og for at det skal legge seg på midten av nettsiden. 

I css'en lister vi opp alle de forskjellige layout-tagene etter hverandre med , mellom. Dette kan man gjøre når flere elementer skal ha lik styling. Vi setter en rød ramme på 1px rundt alle tagene, og legger i tillegg inn litt luft inne i hver av boksene. På div med klasse "wrapper" har vi satt en maks-bredde på 1200px, slik at siden ikke skal bli større enn dette. I tillegg har vi satt automatisk marginer på siden. Dette gjør at wrapperen legger seg på midten. Vi setter at luft til høyre og luft til venstre skal være automatisk.

Resultatet blir slik: 

Dette viser litt hvordan man kan legge noen elementer inne i andre elementer. 

Vi kan bit for bit gå gjennom og legge styling på de forskjellige elementene til vi har en blogg. Vi starter med header-elementet i dag.

 

Headeren

I headeren ønsker vi å legge til et bilde, og det er egentlig det hele. 

Et bilde settes inn med <img>-tagen, slik: 

<header>
       <img src="BILDELINK" />
</header>

Denne tagen er unik fordi den lukker seg selv med en / bakerst. Den har altså ikke noen </img> etter seg. Som du ser, har jeg skrevet "BILDELINK" der det står "src". Du kan velge om du vil legge inn et bilde som ligger lokalt på din datamaskin, eller om du vil hente et bilde online. Ulempen med å hente online er at bildet kan bli fjernet eller at linken endres senere, men jeg kan uansett vise begge deler. 

Hente online: 
1. Finn et bilde på nett (OBS! Henter du fra google og skal bruke bildet offentlig må du passe på å filtrere på bruksrettigheter som er "Merket for gjenbruk". Å skrive "Kilde: Google" holder ikke, for det er ikke Google som lager bildene..
2. Høyreklikk på bildet og velg "Kopier bildeadresse".

Lim denne linken inn i src, slik: 

<img src="https://cdn.pixabay.com/photo/2016/08/30/16/27/banner-1631299_960_720.jpg" />

 

Den andre måten å gjøre dette på er å lagre bildet i samme mappe som filene dine (gi den et enkelt navn, men uten æ, ø og å). Skriv det fulle navnet til bildet i src, slik: 

og bruk denne img-tagen: 

<img src="bannerbilde.jpg" />

 

Nå gjenstår det bare stylingen. Lim inn denne teksten i style.css (nederst): 

header
{
    padding: 0px;
}

header img
{
    width: 100%;
}

Her fjerner vi først paddingen på header-tagen (Lufta på innsiden). Deretter sier vi at img-tagen som ligger inne i header-tagen skal ha en bredde på 100% (full bredde). 

Resultatet blir slik: 

Da er vi et stort steg på vei! Følg med neste gang når vi skal lage toppmenyen! 

Lærte du noe av denne leksjonen?

Treningsplan - Uke 15

Nå er vi så godt i gang med treningen igjen, og det er fryktelig deilig! Det har vært en boost for både meg og Øystein at han har begynt å trene med en venn av oss. Da presses han på trening, og han presser meg. I tillegg er det mye morsommere å være på treningssenteret når vi er flere som kan prate sammen.

Her ser min treningsuke ut:

Mandag: Bein

- Knebøy: 5 sett med 6 repetisjoner

- Bulgarske utfall: 4 sett med 6-10 repetisjoner

- Hip thrust: 3 sett med 10 repetisjoner

- Good mornings: 3 sett med 10 repetisjoner

- Strake markløft: 3 sett med 10 repetisjoner

- Diverse lette øvelser for innside lår og rumpe

mde

Tirsdag

- Gruppetime: Indoor running (pyramideintervaller)

- Gruppetime: ABSolution (ekstremt slitsom økt for kjernemusklaturen)

 

Onsdag

Crossfit: 

4 runder av: 
5 pullups (lov med strikk etterhvert) 
10 benhev
15 pushups
30 bokshopp
20 sek sideplanke hver side
20 situps
10 burpees
10 kettlebellswing

 

Torsdag

- Gruppetime: Cardio Pulse (kondisjon)

 

 

Har du noen planer for trening denne uka?

To do-list: Uke 15

dav

God mandag! Nå er det noen uker siden sist det var en "ordentlig" mandag. I ferien gadd jeg ikke å sette opp noen to do-liste. Da var det bare tid for kos og å ta ting som de kom. Hvis man er veldig listeavhengig (som meg) er det veldig bra å ta litt pauser innimellom for å kunne være litt spontan. Det er deilig med et avbrekk der man kan få lov til å tenke "Det ordner seg". 

Men nå er hverdagen i gang igjen, og det er jeg også veldig glad for! Jeg liker ferie, men jeg nyter virkelig hverdagen og strukturen og. Dette er det jeg må gjøre denne uka, før jeg reiser på hyttetur til Portør i helgen:

Ha en super dag videre!

Uka som gikk - Uke 14

Akkurat nå: 

Akkurat nå sitter jeg og god fornøyd med kaffekoppen en fin søndag. Vi feiret jo litt i går, men det gikk så rolig for seg at formen er på topp i dag. Det er veldig deilig! Denne dagen skal bare brukes til å slappe av helt.

dav

 

Ukas høydepunkt: 

Høydepunktet for denne uka var kanskje å komme i gang med rutiner igjen etter en veldig fin ferie. Jeg har hatt en skikkelig bra uke på jobb, vært sosial, trent fem ganger (kan ikke huske sist vi fikk inn så mange treningsøkter på én uke) og generelt kommet skikkelig i gang igjen etter ferien. Det er digg! 

 

Ukas stolteste øyeblikk

Vi kom på tredjeplass i quiz som handlet om barneTV på tirsdag. Altså... Om ikke det er noe å være stolt over, så vet ikke jeg! Plutselig var det veldig gøy med quiz, haha! Jeg som aldri ellers klarer å svare på noen spørsmål.

hdf

 

Ukas mest leste innlegg: 

Det mest leste innlegget denne uka kommer fra min splitter nye spalte Adventure Time. Jeg har egentlig laget spalten litt for å selv blir flinkere til å ta vare på de gøye øyeblikkene og slikt jeg opplever, så det kommer til å bli mye ymse som blir definert som et "adventure". Det mest leste innlegget er altså det her om min tur til Gausdal i påskeferien!

 

Ukas jobbøyeblikk:

Denne uka har vært så bra på jobb. Jeg har fått drive med masse backend-utvikling og testet meg selv, og definitivt fått utviklet meg selv veldig! I tillegg hadde vi lansering av ny nettside på fredag, og det var fantastisk! Jeg elsker jobben min, den gir meg så mye mestringsfølelse. Det er alltid små og store problemer som må løses, og når man da klarer å løse dem er det den beste følelsen i verden!

 

Ukas oppskrift: 

Oppskriften på oreokaken jeg serverte i bursdagen i går finner du her. Den ble kjempegod! Men fryktelig mektig. Man orket bare ett stykke, for å si det sånn. 

burst

 

Ukas måltid

Tacofredagen i går får bli ukas måltid, for av en eller annen grunn var det så utrolig godt i går! Selv om vi lagde tacoen på samme måte som alltid, haha!

 

Ukas treningsøkt

Denne uka meldte jeg meg på en pilatesøkt. Jeg lurte egentlig veldig på om det kunne være så god trening i det, og til og med etterpå var jeg jo ikke akkurat utslitt. Men denne gruppetimen var en genistrek å melde seg på. Nei, jeg svettet ikke og ble kjempesliten og det var ikke utrolig tungt, men helt ærlig så fikk jeg nok mer ut av denne treningsøkten enn mange andre treningsøkter jeg har vært på. Ikke bare er pilates veldig bra for hele kjernemusklaturen (spesielt magemusklene), men du lærer deg pusteteknikker du kan få bruk for på andre styrketreninger, du lærer å gjøre øvelser riktig, jeg lærte en øvelse som gjør at man får mindre vondt i hodet og man lærer øvelser som gir bedre holdning. Alt dette på én time! Jeg kommer nok til å dra igjen med noen jevne mellomrom for å terpe på teknikker.

dav

 

Ukas glede

Besøk i går av fantastisk fine folk! Det ble en slags bursdagsfeiring, men det beste var å få samlet folket.

 

Ukas tanke

At det som får unge, pene jenter til å operere seg fra hårfeste til tåspiss må være noe av det samme vonde som kanskje er pådriver til sykdommer som anoreksi og lignende. Et jag om at det aldri er bra nok. Man utsetter seg selv for narkoser (som i seg selv kan være farlig) og et smertehelvete i månedsvis for noe så simpelt som å se bra ut. Eller ikke nødvendigvis bra engang, for det er ingen garanti for et bra resultat. Men en forskjell. Og jo mer man på utsiden påpeker det, jo mer får disse jentene bekreftet at det funker. De blir sett.

Jeg tenker at disse menneskene ikke trenger pekefingre fra "eliten" i samfunnet av råsterke, kule, morsomme, kjente folk. De trenger hjelp på lik linje med jentene vi er redde at skal bli påvirket av disse. Og så burde vi begynne å sette pekefingeren mot det faktiske problemet, at unge jenter blir trykt ned til et bunnivå, for så å få tilbud om gratis operasjoner mot at de skriver om behandlingen på bloggene sine. Det er så stygt og råttent. I tillegg burde aldersgrensen bli økt, for å tilby en 18 år gammel jente en mulighet til å "bli kvitt alle hennes problemer" med en neseoperasjon er dømt til å gå dårlig.

 

Oppskrift: Oreo-ostekake

burst

I dag skal jeg feire enda en bursdag (ja, jeg nevnte vel at jeg var glad i bursdager?) med de jeg kjenner i Skien. Det var ikke mitt forslag å feire altså, men jeg bukker så lett under for press av venninner. Samtalen gikk ca. slik: 
"Skal du ikke feire noe bursdag her i Skien?"
"OKEI DA"

Det er fordelen med å ikke bo der du kommer fra, du kan feire dobbelt opp med bursdager!

Men for å få mer ut av bursdagen har jeg og Øystein (samboeren min) tenkt at vi skal slå den sammen, siden han har bursdag i april. Da trengs det en skikkelig bursdagskake. Jeg liker eplekake, gulrotkake og oreokake, mens han er mest glad i ostekake. Derfor skal jeg slå sammen oreo og ostekake til en oreo-ostekake! 

sdr

Bunnen:

  • 150 gram smør
  • 250 gram oreo

Ostekrem:

  • 400 gram kremost - naturell
  • 3 dl fløte
  • 100 gram sjokolade
  • 110 gram sukker
  • 2 stk gelatinplater
  • 100 gram oreo

Topping:

  • 50 gram oreo
  • 100 gram sjokolade

sdr

Slik gjør du: 

1. Legg plast rundt en kakeform (så det blir lettere å få kaken ut av den etterpå)

2. Knus 250 gram med oreokjeks. Enten i en blender, eller ved å legge dem i en pose og tråkke på den (det syns jeg virket like bra, haha). 

3. Smelt 150 gram smør.

4. Bland smør og oreokjeks sammen. Hell det over i kakeformen, så det former en kjeksbunn.

5. Sett kakeformen i kjøleskapet mens du lager kremen.

dav

6. Legg to gelatinplater på en dyp tallerken og hell over kaldt vann. La det stå slik i et kvarter, og kok opp litt vann mens det ligger og godgjør seg.

7. Bland sammen fløte, kremost, sukker og vaniljesukker til en myk krem. Her anbefales det å ha håndmikser eller lignende, så prøv å få lånt en om du ikke har! Det er forresten en fin ting å ønske seg i bursdagsgave, det var slik jeg fikk min (♡).

8. Klem ut vannet fra gelatinen og legg det i en liten bolle. Hell over en bitte liten skvett med kokende vann. Rør ut gelatinen.

9. Hell gelatinvannet over i bollen og bland det inn.

10. Ha en mengde av kremen over i en annen bolle. Jeg tok ca. en tredjedel. 

11. Smelt 100g sjokolade og ha det i sammen med den delen av krem du satte til side.

12. Hell sjokoladekremen over i kakeformen og sett den deretter inn i kjøleskapet igjen. La det kjøle seg ned i 10-15 minutter.

12. Grovknus 100g oreokjeks og vend det inn i den andre delen av kremen. 

13. Hell dette over i kakeformen og pynt med ca. 50 gram oreokreks på toppen.

14. Sett kaken til kjøling over natta eller minst tre timer.

mde

15. Smelt 100 gram sjokolade og bland med en skvett kokende vann for å få den rennende. 

16. Hell over kaken.

Og violà! Du har en supergod kake!

 

Fredagshumor #7

Hurra for fredag! Nå er det lenge siden sist jeg hadde denne spalten med programmeringshumor, men her er ukas fredagshumor:

 

God helg!

House detail: Kobberlampe

Jeg må bare vise fram den utrolig fine lampen Øystein fikk i bursdagsgave av foreldrene mine. Min mor har fått med seg at vi har mye kobberinteriør i hjemmet vårt, så da gikk hun til innkjøp av en gjenstand som både var praktisk og pen! Selv om den ikke er min, elsker jeg den. 

dav

sdr

dav

Det er så greit å ha en til lampe i huset, og ikke bare den som lyser opp hele stua. Da blir det litt koseligere stemning når vi ser film og lignende. Og bare se på den pæra! 

Må presisere at Øystein også ble kjempeglad for den, ikke bare jeg, hahah! Og det var ikke det eneste han fikk.

Fortell meg om din favoritting i hjemmet! 

 

Instagram easter egg

sdr

Nå som påsken er over syns jeg det passer seg med et lite easter egg jeg oppdaget i dag! Dessverre blir det ingen webleksjon i dag, for jeg har rett og slett ikke hatt tid til å skrive en. Det tar fryktelig lang tid. Men her får dere et supert tips istedenfor. 

Det kan godt hende at folk her allerede vet om denne funksjonen. Jeg fant ut av den i dag, så for meg var det sykt kult.

I påsken var jeg jo hjemme hos mamma og pappa, og da spurte mamma plutselig "Betyr 'Arkivere' å slette? Jeg trodde det betydde at jeg lagret det ned på telefonen!". Da hadde hun vært inne på Instagram og arkivert et av bildene sine. Jeg har sett flere steder der "Arkiver" blir brukt som et elendig ord for nettopp "Slett", så jeg sa at jeg trodde det var riktig. Hun ble jo litt fra seg, for det var et veldig fint bilde hun ikke lenger hadde på egen telefon. Det var jo grunnen til at hun ville lagre det i utgangspunktet. Siden har jeg vært veldig irritert på instagram for å bruke et så dumt ord for å slette bilder, helt til jeg selv gikk inn og så dette:

Det står jo både "Arkiver" og "Slett"? Så jeg valgte et gammelt bilde helt nederst på Instagrammen min og valgte "Arkiver". Jeg reagerte først på at jeg ikke fikk noen spørsmål om "Er du sikker på at du vil slette bildet?" dersom dette var det som faktisk skjedde. Så begynte jeg å lete litt rundt på Instagram og oppdaget denne knappen:

Det ER faktisk et arkiv! Og jeg som trodde det bare var et dårlig ord! Og her kan du hente inn og ut bildene dine som du vil og "designe" instagrammen! Det er jo sykt kult, for de som er opptatt av sånt. Da slipper man at bildene sine blir borte for alltid når man ikke vil ha de synlig på instagrammen lenger og. 

Man får bildet fram igjen sånn her:

Så nå vet alle det. Beklager for et kjedelig innlegg for alle som visste det, men jeg syns faktisk dette var veldig kult. Jeg visste ikke om det fra før!

Ha en superbra onsdag videre!

Visste du om denne funksjonen? 

Adventure Time: Gausdal

Og da var ferien over, påskepynten er pakket vekk og motivasjonen for arbeid er på topp igjen. 

I løpet av ferien fikk jeg oppleve mye. Hvem trenger sydenturer når man kan gjøre så mye spennende og gøy i Norge?? Jeg har i hvert fall hatt en perfekt påskeferie, sett bort i fra at jeg ikke har stått på ski da. Det får bli en annen ferie.

Jeg skrev at jeg skulle komme tilbake til hvorfor jeg var stolt over turen jeg har på i slutten av ferien. Grunnen er at selv om resten av Norge begynner å smelte til og få varmere vær var det fortsatt ned i -18 grader der vi satt opp lavvoen! La meg beskrive turen litt mer i detalj: 

dav

I bagen:

  • Godteri. Masse godteri.
  • Superundertøy
  • Lånte soveposer fra mamma og pappa
  • Lånt liggeunderlag
  • Raggsokker (vi trodde vi hadde med to par, men det viste seg at vi bare hadde med ett, haha)
  • Ullsokker til skift
  • Varmere genser
  • Pils
  • Pølser
  • Polarbrød
  • Ketchup (det viktigste)(neida)

 

Det hele startet med at vi spontant takket ja til å være med på overnatting ca. en uke i forveien av turen. Vi eier ikke soveposer, liggeunderlag, turvintersko eller vinterebukse, men vi kastet oss i det like vel. Det er jo en opplevelse! Vi endte opp med å låne en sommersovepose og en 30 år gammel sovepose av mamma og pappa.

 

Fredag

12:00 - Bagene er ferdig pakket på Skedsmo der vi har tilbragt de siste dagene. Vi setter vi oss i bilen og roadtripper av sted til Gausdal.

13:30 - Stopper vi i Bolleland på Espa (obligatorisk) 

15:00 - Vel framme i Gausdal, vi overlevde bilturen! 

16:00 - Vi er forent med resten av gjengen og oppe på fjellet. Det er ish -5 grader eller noe? Vi finner en plass ca. 200 meter unna bilene vi kan campe. Det er løssnø, men vi har ullsokker på, så hver gang vi får snø i skoen bare børster vi det ut. Vi setter opp lavvo, graver ut en sitteplass og gjør klart til grilling! Heldigvis for alle har min bror med seg bålpanne og fire store poser med ved, så det går fort å tenne opp. Det skal forresten nevnes at parkeringsplassen til bilene var gjemt bak en stor snøfonn, så det var som å være ute på vidda, heheh.

sdr

dav

18:00 - Føttene begynner å merke at det er bitte litt kaldt. Som sagt har vi ikke turvintersko, vi har vanlige byvintersko. Men ullet i sokkene redder oss inn! Vi steker verdens beste pinnebrød, popper noen pils, griller pølser og kooser oss ordentlig foran bålet! Legg merke til den fine fryseren vi lagde. Det viste seg at det var veldig lite bruk for fryser. Alt vi hadde av drikkevarer frøs bare det var noen minutter unna varme.

20:00 - Kulden begynner å tære på tærne (did you see what I did there?), så jeg melder meg frivillig til å være den som legger ut soveposer og liggeunderlag, og fordeler soveplasser inne i lavvoen. Planen min blir raskt gjennomskuet av broren min, så han setter fort opp en slags parafinovn der inne som jeg kan varme meg på. Det er så kjekt med folk som bare har med seg alt mulig utstyr en selv ikke eier på tur. Den var det veldig futt i! Den smeltet skoene relativt fort og fikk varmen i beina mine igjen. 
Bålpanna flyttes til rett utenfor teltet så jeg og de andre som har "feiget ut" får delta på det sosiale, og vi pilser videre og koser oss!

00:00 - Det begynner å bli rimelig kaldt ute, men det har skjedd noe magisk. Kroppen har på mystisk vis begynt å venne seg til kulden, så plutselig kan vi gå ut på do uten å fryse ihjel i bare superundertøy. Magisk! I tillegg begynner vi å bli ganske signe. 
Vi blir liggende å prate en god stund før vi gjør et forsøk på å legge oss.

Jeg syns dette bildet er så sykt morsomt. Jeg ser ut som et forskremt rådyr i ferd med å bli påkjørt, hahaha.

04:00 - Vi sliter med søvnen. Jeg og Øystein ligger og sier til hverandre at vi KAN gå til bilen og kjøre til varmen, men ingen vil gi seg. Det er -18 grader ute og kulden trenger gjennom de tynne liggeunderlagene. Men vi skal IKKE gi oss! Hva vi skulle gjort uten parafinvarmeovnen, som i hvert fall bidro til litt varme, aner jeg ikke. 

Ish 06-07:00 - Sola har begynt å varme lavvoen igjen, så vi klarer å sovne.

08:00 - Vi blir BRUTALT vekket av broren til min svigerinne kaster snøball på lavvoen og stikker hodet inn for å se hvordan det går med oss. Mer søvn ble det ikke denne natta... Alle er svært molefonkne og vi blir sittende i soveposene våre. Det viser seg at flere andre også har fryst denne natta. En som derimot ikke har fryst er min bror som (igjen) har hatt skikkelig utstyr. Med en sovepose som tåler -40 grader har han hatt en svært behagelig natt (bortsett fra å jevnlig måtte stå opp for å sjekke parafinovnen). Som den rene Lars Monsen står han opp før alle oss andre og får fyr på bålet utenfor lavvoen. Sakte men sikkert klarer vi andre å karre oss ut av soveposene vi og, og det er faktisk overraskende varmt og godt utenfor ved bålet. Vi lager oss kaffe, spiser polarbrød og pinnebrød, og nyter morgensolen.

dav

12:00 - Kaféen på andre siden av parkeringsplassen er åpen, så vi etterlater alt vi eier for å få i oss litt kakao og vafler. Det var GODT å komme seg inn litt. 

Det var en SUPER tur! Jeg er så glad for at jeg ble med på tross av manglende utstyr. Vi må ha virket som verdens verste byfolk, men er ikke det viktigste deltakelsen? Vi vendte våre røde, solbrente neser hjemover og takket for en super opplevelse.

9 ting jeg vil gjøre i april

dav

1. Dra til Portør

Portør er min favorittplass på jord! Det ligger utafor Kragerø og er det vakreste stedet som finnes. Jeg har sett på Camp Kulinaris, og lengtet etter å dra dit nå en stund (programmet er filmet 50 meter fra hytta vår). Og nå har jeg jo bil, så hvorfor ikke dra dit for en hyttetur? Det skjer! Og jeg gleder meg skikkelig!

dav

2. Trene minst tre ganger i uka

Nå er jeg gira på å komme meg inn i treningsrutiner igjen. Jeg hadde noen bra uker forrige måned, men også mange dårlige. Så nå skal påskegodteriet forbrennes! Jeg er ordentlig motivert for å komme i gang med treningen igjen, men legger lista på et nivå som jeg skal klare å holde.

3. Bake kake

Jeg liker å bake og jeg liker kake, så det skal bli kakebaking denne måneden! Forrige måned ble det gulrotkake, og denne måneden vil jeg kanskje ha eplekake? Det er nøyaktig et år siden jeg bakte eplekake sist, faktisk! Det kan også hende jeg må lage ostekake, for det er favoritten til samboeren min.

sdr

4. Ha lønningspils med jobben

Det er koselig å finne på noe sosialt med jobben innimellom, og denne måneden skal vi ha lønningspils. Det er alltid god stemning!

5. Feire Øysteins bursdag

Samboeren min har bursdag denne måneden! Hurra! Jeg elsker ikke bare min egen bursdag, jeg elsker også andres. Det skal bakes kake, kjøpes inn gave og feires med øl og god mat. 

6. Spare til turutstyr

Som jeg skrev i forrige innlegg skal jeg få skaffet litt ordentlig turutstyr. Det er jo kjekt å ha, og man har det jo i mange år framover! Opplevelsene på tur blir mye bedre når man har ordentlig utstyr. Da er det bare å opprette sparemål!

7. Kjøpe kamera

Min 100 dagers shoppestopp går ut denne måneden, samtidig som sparemålet på et bra kamera blir nådd. Så jeg skal se etter et lite brukt, bra kamera som fortsatt har garanti og kvittering til en langt billigere penge enn et nytt kamera. Man kan gjøre mange gode kupp når man vet hva man skal se etter!

8. Redde min flamingoblomst 

Den stakkars flamingoblomsten min har det virkelig ikke bra. Den trivdes såå godt da jeg bodde i Bø, men nå er den bare deprimert og trist. Jeg må prøve å potte dem om og finne en annen plassering for den eller noe. Jeg fikk den av mamma da de flyttet i mindre hus, så jeg har ikke lyst til å gi den opp!

sdr

9. Ha hemmelig møte

Hehe. Jeg og noen på jobben har et helt hemmelig prosjekt på gang. Vi skal ha vårt første møte nå denne måneden. Møtet er oppgitt i kalenderen som "Hemmelig møte", så ingen skal vite hva slags prosjekt vi har. Det blir spennende å avsløre det! (Ikke få høye forhåpninger, det er ikke store greier, bare for gøy).

 

Ha en superfin siste feriedag for påsken!

Uka som gikk - Uke 13

Akkurat nå: 

Nå sitter jeg hjemme og takker for at det er fridag i morgen og. Jeg er så sliten og går litt rundt og furter for ingenting. Det er nok ganske irriterende å leve med meg akkurat nå, men senere i dag skal jeg lage middag for å gjøre det godt igjen. Vi har faktisk fått trent i dag, men i morgen tror jeg at jeg bare skal slappe av. Det blir deilig!

 

Ukas høydepunkt: 

Også denne uka har det vært veldig mange fine stunder. Det beste var kanskje bursdagsfeiringen min med gamle venner? Det er så godt å treffe hverandre igjen og være sammen. Det var en veldig morsom kveld jeg kommer til å huske lenge!

dav

 

Ukas stolteste øyeblikk

Jeg skal fortelle mer om det senere, men jeg er svært stolt over natten jeg har tilbragt på fjellet i påsken. Grunnen kommer senere!

 

 

Ukas mest leste innlegg: 

Det har vært litt få innlegg denne uka, og jeg har heller ikke jobbet så mye for at de skal bli lest. Men det innlegget flest klikket seg inn på denne uka var dette her, leksjon 6 i hvordan man lager hjemmeside. Jeg er veldig glad for at mange følger med på den spalten, selv om andre kanskje syns den er veldig kjedelig.

 

Ukas beslutning: 

Jeg har veldig lyst til å komme meg mer ut i telt og friluft. Før sov jeg mye i telt, men etter at jeg flyttet hjemmefra har jeg sovet ca. 0 ganger i telt... Det er for dårlig! Vi eier ikke engang sovepose og liggeunderlag her hjemme. Og det er jo så gøy og koselig. Så min beslutning er å spare opp en liten sum penger som skal settes av til å gå bananas på Biltema og kjøpe sovepose for vår, sommer og høst, liggeunderlag, primus, lommelykt og multiverktøy, så kan vi se etter et brukt telt eller lignende, så vi kan komme oss mer ut på tur! Vi må også ha nye tursko, for vintersko beregnet for byen fungerer ikke helt optimalt i løssnø.

dav

 

Ukas måltid

Årets påskelam slår alt! 

dav

Påskelam

Nå kan man offisielt si GOD PÅSKE! 

Det har ikke vært noen innlegg på noen dager, siden jeg har vært på tur fra fredag til i går kveld, så bloggen har ikke akkurat vært en prioritering. Det var en veldig fin tur jeg skal skrive om senere! 

Dagene har gått veldig slag i slag i det siste, og på torsdag hadde vi det årlige påskelammet. Det er faktisk et måltid på høyde med julemiddagen. Kanskje fordi vi bare spiser det én gang i året, men også fordi "kokkene" er så utrolig flinke. Vi er to familier som samles hver påske og som bytter på å arrangere. Det blir full fest med forrett, hovedrett og dessert, og det blir alltid kjempestemning.

 

Meny

Forrett: Brokkoli og asparges-suppe

Hovedrett: Lammelår, potetstappe, marinert løk, rotgrønnsaker, soppstuing og brun saus

Dessert: Sjokoladekake med bringebær

 

dav

Mitt hovedproblem med forrett er at det er så godt at jeg nesten spiser meg helt mett på det. Denne forretten var intet unntak, og jeg spiste dobbel porsjon. Det var altså så godt. Jeg må gjøre et forsøk på å lage det en gang, bare så jeg kan spise massevis av suppe.

dav

Har dere sett noe så himmelsk noen sinne? Dette falt i svært god smak. Jeg gleder meg allerede til neste år!

Jeg tok ikke bilde av kaka, men den var kanskje den beste sjokoladekaka jeg har smakt. Helt perfekt saftig og god konsistens. 

 

Da ble det enda et matinnlegg, og dere får ha en veldig fin påskedag videre! 

It's my b-day!

Jeg elsker bursdager! Både andres og mine egne. Spesielt godt mine egne, hehe! 

Og i dag blir jeg 23 år. Så hurra! 

I går var jeg ute med venner og feiret. Jeg vet det virker som det har vært unødvendig mye feiring i det siste, men vi feirer med mammas familie, pappas familie og så må jeg feire med vennene mine. Så da blir det mange bursdager! 

dav

I går dro vi ut i Lillestrøm. Vi satt på Gulating og spiste god mat. Det kom flere gamle venner fra videregående, og det var gøy å få truffet dem igjen! Det er som om ingen tid har gått i det hele tatt, nesten. "Hva har du gjort siden sist?". "Neei, joo, har tatt en bachelorgrad, fått en samboer, fått jobb og sånn. Sånne småting".

dav

dav

Da de stengte på Gulating gikk vi videre til Klimt, og der satt vi til langt på natt. Jeg fikk til og med bursdagssang! Det var så koselig!

dav

Så takk alle sammen for en utrolig fin feiring! 

Nå er det snart klar for denne påskens lammelår, det blir magisk!

Lær å lage hjemmeside - Leksjon 6

I dag skal vi prate om fonter og skrifttyper! Det blir dessverre et veldig teoretisk innlegg, men jeg skal gå gjennom litt stylingmuligheter for skrift.

Enjoy!

Fonter og skrifttyper

Først av alt: Forskjellen på en font og en skrifttype er at skrifttype er den overordnede typen skrift. En font er spesifikt hvilken skrifttype, skriftstørrelse og skrifttykkelse. 

Font-family

Når du bruker et worddokument må du velge deg ut ulike skifttyper, som Times New Roman, Arial, Comic Sans, Calibri og andre skrifttyper. Det samme må du når du lager en hjemmeside. Du velger skrifttype ved å sette det på en tag. Vil du at hele nettsiden skal ha skrifttype "Arial", legger du det inn slik: 

body {
    font-family: "Arial";
}

I tillegg kan du legge til en skrift-familie, som en slags "fallback". Altså dersom nettleseren ikke finner noen 'Arial'-skrifttype, så kan den vite hva slags type skrifttypen skal være av. De forskjellige skriftfamiliene er: 

  • Serif: Serif-skrifter har små fnutter på endene av bokstavene. Eksempler er Times New Roman og Georgia
  • Sans-Serif: Sans-serif-skrifter har ikke disse fnuttene som serif-skriftene har. "Sans" betyr "Uten". Eksempler er Arial
    og Verdana
  • Monoscape: Denne familien brukes ikke like mye som de to andre overstående. Men de brukes på skrifttyper der alle bokstavene skal være like brede. Eksempel er Courier New

Du setter skriftfamilien bare på rekke etter skrifttypen, så du starter med den skrifttypen du helst vil bruke, for så å legge til skriftfamilien. Da finner nettleseren en lignende skrift. Skriv det slik: 

body {
    font-family: "Arial", sans-serif;
}

 

Font-style

Font-style settes mest for å sette tekst til italic (kursiv). Vanligvis vil man ikke sette all teksten i kursiv, så da er det lurt å lage klasser på paragrafene man ønsker skal være kursiv. Altså skal det se slik ut i HTML-koden:

<p class="italic">
    Dette er test-tekst
</p>

Da styler du det slikt med det slik med font-style. Legg merke til at jeg setter p og italic med en . mellom seg. Det betyr at jeg vil style tag'en med class=italic: 

p.italic {
    font-style: italic;
}


Resultatet blir slik: 

Dette er en test-tekst

 

Font-size

For å kunne endre tekst-størrelse på skriften din, må du bruke font-size, altså skriftstørrelse. Dette setter du på blant annet paragrafer (<p>) og headere (<h1>-<h6>). 

Det er to mye brukte måter å sette skriftstørrelse på. Man kan bruke en statisk størrelse og dynamisk. Når størrelsen er statisk forandrer den ikke seg ikke når brukeren bruker tekstverktøyer som skal forstørre teksten (for svaksynte blant annet). Dette gjør dynamiske størrelser. I dette kurset har jeg brukt statisk størrelse (px), fordi dette brukes på alle andre elementer, men framover skal vi begynne å bruke dynamiske (em). 

Da må man gjøre litt matte for å gjøre px om til em. 1 em = 16px. Altså: Dersom du skal gjøre 40 px om til em blir det 
    40px/16 = 2.5 em. 

Du setter størrelsene slik:

h1 {
    font-size: 2.5em;
}

p {
    font-size: 1em;
}

 

Font-weight

Det finnes mange ulike skrift-vekter. Vekter er hvor tykk teksten skal være. Den kan settes med både skrift og tall. Det beste er å bruke tall, for da får du flere alternativer å holde deg etter. Dersom du bruker klartekst, så er parameterne normal, bold, bolder og lighter. I tall strekker deg seg fra 100-900. Altså er det veldig mange flere muligheter når du bruker tall, så lenge skrifttypen tillater det.

400 vil tilsvare normal. Det er standard vekt, så lenge ikke annet er spesifisert. På mange overskrifter er det ofte standard at de er satt til bold. 
700 vil da tilsvare bold. Dette er standard for vanlig tykk tekst. Du kan få enda tykkere tekst ved å bruke et høyere tall, om skrifttypen tillater det, for eksempel 800 og 900. Dersom du ikke vil ha fult så tykk tekst, men fortsatt noe som er tykkere enn normalen, kan du bruke 500 eller 600.
Alt under 400 vil være "light"-skrifter. Her er det vanlig å stoppe på 300, men jeg har faktisk flere steder på bloggen min gått helt ned til 200. 

Du setter font-weight slik: 

h1 {
    font-weight: 400;
}

 

Text-decoration

Text-decoration kan sette eller fjerne tekst-dekorasjon. De ulike parameterne er underline, overline, line-through, none og du kan også sette "underline overline" for å få begge deler på samme. Text-decoration brukes ofte for å fjerne understreken under a-tager (linker). Det gjøres slik:

a {
    text-decoration: none;
}

 

Text-align

Text-align settes for å bestemme hvor skriften kan "flyte". Altså velger du left, center eller right. Det posisjonerer teksten til venstre, i sentrum eller til høyre. Det settes slik: 

p {
    text-align: center;
}

 

Importere tekst

Jeg viste en gang hvordan man importere tekst, men nå skal jeg gå litt mer grunnleggende gjennom det. Nettleseren har nemlig ikke alle verdens skrifttyper innebygd. Du kan for eksempel bruke gratis skrifttyper fra Google Fonts slik: 

1. Gå inn på https://fonts.google.com

2. Finn en tekst du liker

3. Trykk på "Select this font"

4. Trykk på den svarte baren nederst der det står "Family selected", slik at dette dukker opp: 

5. Trykk på "Customize"

6. Velg de vektene du ønsker å importere. Prøv å holde deg til bare noen få vekter, for hvis ikke blir lastetiden til nettsiden din så treg. Det pleier å holde med normal, en av de tykkere og kanskje en tynn.

7. Trykk tilbake på "Embed"

8. Kopier lenken under "Standard"

9. Lim importlenken inn i <head> i HTML-koden din. 

<head>
    <title>Kodekurs</title>
    <link rel="stylesheet" type="text/css" href="style.css">
    <link href="https://fonts.googleapis.com/css?family=Catamaran:100,200,300,400,500,600,700,800,900" rel="stylesheet">
</head>

 

 

Håper dette var til hjelp for alle! Gled dere masse til neste kurs, så håper jeg så mange som mulig fortsatt henger på.

Et lite glimt av Østmarka

Håper alle sammen har en god påskeferie, og til dere som jobber håper jeg dere har fine arbeidsdager med hyggelige folk rundt dere!

Det jeg angrer sterkest på akkurat nå er at jeg ikke tok med meg skiene mine på påskeferie. Det er perfekt skivær her på Skedsmo og på Lørenskog for tiden. Men i dag fikk vi i hvertfall brukt beina og gått en ordentlig lang tur i Losby. Vi tok noen stier utenfor hovedstien, så vi fikk noen fine glimt av vakre Østmarka på denne tiden av året. 

dav

dav

Hittil har det vært en veldig fin påskeferie, og jeg har masse mer i vente! 

 

Ha en superduper påske videre!

Uka som gikk - Uke 12

Akkurat nå: 

Nå sitter jeg på stua til mamma og pappa og nyyter ferie! Det kan være det blir korte blogginnlegg framover, for det er så deilig å bare slappe av, og ikke føle på noe ansvar. 

 

Ukas høydepunkt: 

Det har vært mye fint som har skjedd denne uka, og også flere høydepunkt. Det var gøy å dra ut og spise på tirsdag, komme hjem til bursdag med mammas familie på fredag og feire bursdag med pappas familie på lørdag. Jeg er veldig takknemlig for alle gode tanker og alt jeg har fått. 

 

Ukas høydepunkt på jobb: 

På fredag hadde jeg en helt fantastisk dag på jobb. Vi hadde påskeeggjakt, vafler og kaffekos, alt på én dag. Jeg greide å heve meg over mitt eget konkurranseinnstinkt og ha det veldig morsomt, selv om jeg bare fant ett eneste egg, haha! 

dav

 

Ukas stolteste øyeblikk

På torsdag hadde vi den siste leksjonen av weddesignkurset vi har holdt for barn denne måneden. Det var så veldig koselig, og alle barna var så fornøyde etterpå. Vi fikk masse positive tilbakemeldinger om at de hadde lært masse, hadde hatt det gøy og at kurset generelt hadde vært bra. 

Det er veldig gøy å kunne lære bort noe av egen kunnskap, for jeg mener at koding er så viktig å lære bort til ungdomsskoleelever. Da får de kunnskap om hva som ligger bak en hjemmeside allerede i tidlig alder, og kan utfolde seg og skape fremtidens webløsninger. Jeg var veldig stolt i å ha tatt del i deres første kunnskaper om webdesign.

dav

 

Ukas mest leste innlegg: 

Ukas mest leste innlegg ble ikke skrevet denne uka, men definitivt mest lest! Det ble mer lest denne uka enn forrige uke, faktisk. Det var det her innlegget om å lage egen påskepynt hjemme som fikk mest klikk. Veldig gøy at så mange var interessert i å få litt tips!

dav

 

Ukas gave: 

Jeg har jo fått så mange fine gaver denne uka i bursdagsgaver, og jeg skal ikke velge ut den beste av de. Så ukas gave er ikke til meg, men fra meg! Fra meg, lillebroren min og samboeren min til storebroren min for å være mer presis. 

For noen uker siden fant jeg ut at et av mine og broren min sitt favorittband skal spille i Norge på bursdagen hans, så jeg måtte klikke hjem et par billetter, en i gave til han og en til meg. Det ble jo tidlig å gi gave allerede nå når han har bursdag i september, men vi kunne ikke risikere at han kjøpte seg de selv, haha!

 

Ukas tanke: 

Jeg skulle ønske folk kunne se litt mer nyanser i alle diskusjoner. Vi båssetter hverandre før vi i det hele tatt har fått argumentert. Forsvarer du FRP er du rasist, forsvarer du rødt er du kommunist, har du tatt restylane er du for alltid et dårlig forbilde, er du feminist hater du menn, støtter du innvandring er du naiv, legger du ut et bikinibilde fremmer du anoreksi, kritiserer man er man en mobber, forsvarer man ulven hater man sau, forsvarer man sauen hater man ulv. 

Kan vi ikke snart begynne å se hverandres poenger. Ok, så er man ikke enig i deres argumenter, men vi må prøve å sette oss inn i hva kjernen av poenget til andre er før vi båssetter dem som det ene eller det andre. For de aller fleste saker har et godt poeng i utgangspunktet. Tar man tak i det poenget, og sammen ser etter alternative løsninger, heller enn å hate hverandre og missforstå, så tror jeg vi kan finne mye bedre løsninger på alt. 

Så til alle parter i diskusjoner: Se nyanser, se personen og ikke sett hverandre i båser. PLIS.  

 

Ukas måltid

Må definitivt bli måltidet vi hadde på Jacob & Gabriel på tirsdag. Namm!

dav

 

God søndag videre! 

Et pyntet påskehjem

Nå har jeg kommet hjem til foreldrene mine på Skedsmo, og selv om jeg ikke har bodd her selv noen gang (de flyttet etter jeg flyttet hjemmefra), så føles det som å komme hjem. Det er som om det gamle huset er krympet ned og presset inn i et rekkehus. Stilen er den samme og det er så godt å være her.

Og er det én ting mamma kan, så er det å pynte til påske. Se på det her! 

dav

dav

dav

dav

sdr

Håper alle har en utrolig fin påske!

 

Pakkeliste - Påskeferie

Endelig påskeferie!

Jeg tar fri de tre arbeidsdagene det er i påskeferien, så nå reiser jeg hjem til mamma og pappa på Skedsmo. Jeg har så mange planer for ferien! Jeg skal feire bursdag med familie, feire bursdag med venner, spise påskelam og dra på telttur. Det blir en veldig bra påske. Og her er alt jeg skal ha med meg:

  • Antrekk for bursdag med venner
  • Antrekk for bursdag med familie
  • Antrekk for påskelam
  • Hverdagsantrekk
  • Koseantrekk

mde

  • Tøfler
  • Bøker
  • Turantrekk (varme klær, ullundertøy)
  • Treningsklær
  • Joggesko

mde

  • Toalettsaker
  • Sminke
  • PC
  • PC-lader
  • Mobillader
  • Gaver

mde

Da bærer det av sted i min lille, blå bil. Ha en super ferie, alle sammen!

Mat-obsession

Jeg beklager om det har blitt mye mat-prat i det siste. Jeg har aldri vært en veldig restaurant-person, og trives godt med å lage god middag hjemme. Men nå den siste uka har det vært Ibsen-dager i Skien, og alle kaféer og restauranter har tilbudt måltider for bare 100 kr.

Så på tirsdag var vi en gjeng som booket bord på en av de kuleste og fineste restaurantene i Skien, Jacob & Gabriel, og fikk servert langtidsstekt svineribbe. Det er faktisk noe av det beste jeg har smakt! Han som tok bestillingen vår var veldig snill og spurte "Er dere her for å feire Ibsens bursdag med svineribbe?", selv om vi er sikre på at han egentlig tenkte "Skal dere spise mat for 100 kr?".

Det var uansett utrolig koselig å dra ut en gjeng på en tirsdag og gjøre noe annerledes og annet. Jeg er sjeldent ute og spiser, og det var gøy å spise på et så fint sted når vi først dro ut. Vi pyntet oss opp og tok på høye sko for anledningen.

dav "Gidder du å bare ta et superraskt bilde? Plis, bare ett? Helt diskret? Lover å ikke be om fler"

dav

Kjøttet var av frittgående gris og hadde kokt i 36 timer! Det ble servert med mandelpotetstappe og helt sykt gode rotgrønnsaker. Jeg blir så sulten bare av å tenke på det! 

sdr

Betjeningen var veldig koselig og stedet anbefales på det sterkeste, dersom du er innom Skien en dag. 

 

Nå er det ut til Porsgrunn for siste dag av kodekurset vi holder for ungdommer. Det blir litt trist å være ferdig, men også deilig å ikke lenger ha det ansvaret.

God torsdag videre!

 

Lær å lage hjemmeside - Leksjon 5

Farger

Foreløpig i leksjonene har vi brukt farger skrevet i klartekst og med # foran litt om hverandre. 

Altså; Det finnes tre måter å skrive at du vil ha en bakgrunnsfarge svart på. Du kan enten skrive "background-color: black", "background-color: rgb(0, 0, 0)" eller "background-color: #000000". Det er altså klartekst, RGB-verdier og HEX-verdier. Det finnes også RGBA og HSL, men disse skal vi ikke gå inn på i dette kurset. 

 

Fargenavn i klartekst

Alle oppdaterte browsere støtter å skrive 140 forskjellige fargeverdier bare rett ut i klartekst. Det er jo en ulempe å ha et så begrenset antall farger å holde seg etter, men det er veldig praktisk å kunne litt fargenavn når du for eksempel skal teste litt fargebruk.

Her er et utvalg farger:

Black
Red
Blue
Green
Yellow
Pink
DarkCyan
Coral
HotPink
LavenderBlush
Yellowgreen
Crimson
OrangeRed
LightBlue

Disse er laget ved å style divs med slik kode: 

div.red
{
    padding: 10px;
    background-color: red;
    width: 100px;
    height: 50px;
    display: inline-block
}

En full oversikt over alle de 140 forskjellige fargene er her.

 

RGB-verdier

RGB-verdiene er skrevet på denne formen: 
    rgb( rød, grønn, blå)
De røde, grønne og blå fargene strekker seg fra 0 til 255, der 255 er mest farge og 0 er minst farge. Mange har kanskje hatt om fargelære på skolen og lært at alle farger sammenblandet blir svart. Her er det omvendt. 0 rød, 0 blå og 0 grønn blir svart. 255 rød, 255 grønn og 255 grønn blir hvit. 
Dersom man vil ha en 100% rød, klar farge, skriver man rgb( 255, 0, 0), altså 255 rød, 0 grønn og 0 blå. 
Grønn er rgb( 0, 255, 0).
Blå er rgb( 0, 0, 255). 

rgb(0,0,0)
rgb(255,0,0)
rgb(0,0,255)
rgb(0,127,0)
rgb(255,255,0)
rgb(255,192,203)
rgb(0,139,139)
rgb(255,127,79)
rgb(255,104,180)
rgb(255,241,245)
rgb(153,205,50)
rgb(220,20,60)
rgb(255,69,3)
rgb(173,216,230)

Disse er laget ved å style divs med slik kode:

div.red
{
    padding: 10px;
    background-color: rgb(255,0,0);
    width: 100px;
    height: 50px;
    display: inline-block
}

 

Hex-verdier

Hex-verdier er skrevet på denne formen:
    #rrggbb
der rr er røde verdier, gg er grønne verdier og bb er blå verdier. De er heksadesimaler (16-tallssystemet) og spenner fra 00 - FF, der FF er det høyeste tallet. På samme måte som hos RGB er #FFFFFF det høyeste tallet og derfor hvit. #000000 er det laveste tallet og er svart. 

Denne måten å skrive tall på er veldig mye brukt. Det er en enkel måte å skrive farger på, raskere enn rgb. Samtidig finnes det veldig mange fler kombinasjoner farger enn når man skriver klartekst. 

Disse er laget ved å style divs med denne koden:

div.red
{
    padding: 10px;
    background-color: #FF0000
    width: 100px;
    height: 50px;
    display: inline-block
}

 

 

Det ble en kort leksjon denne uka om farger. Neste uke blir det fonter og skrifttyper! Det er kanskje kjedelig for noen med så mye teori, men det er veldig greit å kunne det grunnleggende. Når vi skal gå gjennom font-leksjonen, skal vi lære enda mer om styling av tekst. Så følg med neste uke.

 

Andre leksjoner: 

 

 

 

Ønskelisten min

Jeg er veldig glad i å gi gaver, og jeg er glad i å få gaver. Det høres kanskje litt teit ut, men jeg har bevart gave-gleden ved at jeg ønsker meg ting istedenfor å kjøpe meg alt jeg vil ha. Hver gang jeg får lyst på noe setter jeg det på ønskelista. Gleden over ting blir så mye større når ikke alt av ting "bare" er å kjøpe seg. Jeg hører ofte "men kan du ikke bare kjøpe det da? Det koster jo bare noen 100-lapper". Men det kan jeg ikke alltid. Jeg har allerede mange ting, og jeg trenger jo faktisk ikke flere. Så om jeg virkelig vil ha noe, da puttes det på ønskelista, ellers setter jeg av penger til å spare til det. Det er morsommere med nye ting om man har ønsket seg det lenge eller spart til det. 

Nå er det bare litt over en uke igjen til bursdagen min, og da passer det vel godt å skrive et innlegg om hva jeg har lyst på akkurat nå? Her er min ønskeliste!

  • Støtte til kajakkurs (1000 kr)
  • Støtte til brukt Olympus PL-7 kamera (3-4000 kr)
  • Ringenes Herre risk
  • Kaffe
  • Kaffebønner

  • Te
  • Sjokolade
  • Glass (rødvin, hvitvin, øl, champagne, brennevin og vann) fra Rosendahl Premium
  • Reiser

  • Elisabeth Arden 8 hour
  • "Hvordan vinne venner" av Carnegie
  • "Hypnotisøren" av Lars Kepler
  • "Paganinikontrakten" av Lars Kepler
  • Le Creuset-ting i fargen Marseille
  • Vin
  • Øl

  • Svær gryte som tåler ovn
  • Bærbar bluetooth-høytaler

 

Hva er på din liste?

To do-list: Uke 12

mde

Beklager dårlige bilder, jeg sparer til kamera.

God mandag, alle sammen!

Det ble trening rett etter jobb i dag, og det var veldig deilig å komme hjem tidlig, og ha både jobb og trening overstått. Det blir muligens eneste trening denne uka, for det skal skje så mye. Våren er virkelig godt i gang, og vi har trukket ut av hulene våre for å finne på ting sammen igjen denne uka. Og så drar jeg til mamma og pappa på Skedsmo på fredag direkte etter jobb, så noen trening blir det neppe i helga heller!

Dette er på min to do-list denne uka: 

Jeg gleder meg faktisk til å begynne og pakke! Jeg liker å pakke mens jeg hører på radio eller musikk, og bruke good tid. Da kan man planlegge og drømme om alt man skal gjøre i ferien. 

Uka som gikk - Uke 11

Ukas høydepunkt: 

Egentlig har hele denne uka vært et eneste stort høydepunkt. Jeg har hatt så mye energi, overskudd og har gjort så mye. Nesten hver dag har det vært mye å gjøre, og istedenfor at det har tappet meg for energi, har det gitt energi! Jeg har også endelig fått inn fire treninger, så jeg er veldig fornøyd på den fronten og. Det har vært en skikkelig bra uke, og nå er jeg helt klar for jobb igjen i morgen.

 

Ukas høydepunkt på jobb: 

Jeg fikk plassen til en på jobb på et lunsjmøte på torsdag. Vi fikk servert utrolig god mat og det var spennende og lærerike foredrag. Veldig gøy når det skjer litt sånne andre ting inni mellom.

dav

 

Ukas mest leste innlegg: 

Innlegget som fikk desidert mest klikk denne uka var det her om tips til å kunne gå med bare ankler. Lenge leve nylongsen sier jeg bare!
PS: Ikke frys på anklene om vinteren, da er det lett å bli syk.

dav

Ukas måltid: 

Nå er det Ibsen-dager i Skien. Det er en slags voksen form for studentukene. I den anledning har nesten alle spisestedene i området mat for 100 kr. Det er helt magisk! Derfor dro vi i dag på New Agra, som har den beste indiske maten. Det var veldig godt, og definitivt ukas beste måltid.

dav

Glemte å ta bilde av hovedmåltidet, men dette var tilbehøret.

 

Ukas treningsøkt: 

På torsdag prøvde jeg meg på en crossfitøkt etter å ha spist boller og mye dessert på jobb. Jeg la til enda mer til programmet jeg gjennomførte forrige uke. Jeg presset meg så hardt at jeg ble kjempekvalm, og måtte gi meg etter bare to runder. Jeg kunne rett og slett ikke fortsette, for da er jeg sikker på at jeg hadde kastet opp. Det var nok en god kombinasjon av mye "drittmat" tidligere på dagen, men også det faktum at det er veldig lenge siden jeg presset kroppen hardt. Når man blir kvalm er jo gjerne det fordi kroppen ikke er vant med å bli presset.

Det tok ikke mer enn en dag før den vendte seg til det, da. På fredag bestemte jeg meg for å prøve igjen og begynte første runde litt roligere enn forrige dag. Og jeg klarte hele programmet, alle fire rundene! Det var så deilig å få det gjort, og føle jeg fikk det til. Det var ikke noe problem. Kroppen vår er flink til å si i fra når den ikke har det så behagelig, men den er også veldig flink til å tilpasse seg. Så har du en dårlig dag på trening, prøv igjen i morgen! Litt trening er bedre enn ingen trening. 

Og så det er sagt, fredagstreningen var ukas trening!

 

Ukas serie

Vi har begynt å se en serie på NRK som heter "Monster". Det er en veldig spennende krimserie med flinke skuespillere og bra plot. Gleder meg allerede til å se videre på denne!

 

Ukas glede

Pynte til påske!

dav

 

God søndag videre!