View sourcecode

The following files exists in this folder. Click to view.

index.html

81 lines UTF-8 Unix (LF)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="style.css">
</head>
<body>
    <div class="header">
        <h1>Oliver Sigurdson</h1>

        <div class="dropdown">
            <button>Mina Projekt</button>
            <div class="content">
                <a href="source.php">Källkoder (Snälla skratta inte åt dem)</a>
                <a href="Webbutveckling/Paolo/paolos.html">Paolos webb</a>
                <a href="Webbutveckling/Burgerbase/burgerbase.html">Burgerbase</a>
                <a href="Webbutveckling/MD/md.html">MD-sida</a>
                <a href="https://wp.als070926os.hemsida.eu">Wordpress</a>
                <a href="Webbutveckling/Skogssida/skog.html">Svenska skogen</a>
                <a href="Webbutveckling/ramverksida\ramverksida.html">Ramverksida</a>
                <a href="Webbutveckling/Fysik/fysik.html">Fysikprojekt</a>
                <a href="php.php">PHP Grunder</a>
                <a href="moment03/formulär/formulär.php">PHP Formulär och datapersistens</a>
                <a href="moment03/sessioner/sessioner.php">PHP Sessioner och Kakor</a>
                <a href="banken/index.php">PHP Bankprojekt</a>
                <a href="banken_sql_edition/index.php">SQL Bank</a>
                <a href="slutprojekt%20final/index.php">Slutprojekt</a>
            </div>
        </div>
    </div>
    <main>
        <h2>Fotografier som jag har tagit.</h2>
        <p class="introtext">Här nedanför kan du se några fina fotografier som jag har tagit på min fritid. Jag har även lagt till lite text till dem, för att förstå bakgrunden och tanken med dem.
        </p>
        <p class="introtext">
            Om du istället vill se några av mina projekt, finns det knappar uppe till höger som kommer skicka dig vidare till respektive projekt.
        </p>
        <br><br>
        <img src="bilder\Norrsken_k.webp"
        class="minabilder"
        alt="Norrsken">
        </img>
        <div style="clear: both;"></div>
        <p class="bildtexter">Här har vi en fin bild på ett norrsken som jag fångade med min digitalkamera för ett tag sedan. Bilden är tagen vid en strand nära mitt hus, och jag använde långexponering för att få med alla detaljer.
            De olika färgerna i norrskenet kommer till av att olika ämnen i magnetfältet reagerar med solvindarna, såsom syre och kväve.
        </p>

        <br><br><br><br><br>
        <img src="bilder\Rosor_k.webp"
        class="minabilder"
        alt="Rosor">
        </img>
        <p class="bildtexter">Det här är en lite äldre bild, men jag är ändå stolt över den. Jag var ute och gick på gatorna i Alingsås, när jag såg en blomsterbutik som sålde rosor. 
            Det stod en bukett rosor utanför, som var lätt blöta av regnet. Denna vackra bild tog jag, och redigerade i Adobe Lightroom, bland annat för att lägga till vinjetteringen.
            Denna bild är även bakgrunden till min telefon sedan jag tog den.</p>
            <div style="clear: both;"></div>
        <br><br><br><br><br>
        <img src="bilder\Sigge_k.webp"
        class="minabilder"
        alt="Sigge">
        </img>
        <p class="bildtexter">Här har vi en bild på min underbara katt när han sitter och spanar genom fönstret. Bilden är tagen med min ordinära mobilkamera, alltså inget särskilt speciellt. 
            Jag utnyttjade taktiken med gyllene snittet när jag tog denna bilden, vilket innebär att man placerar motivet (katten, i detta fall) i en viss punkt för att uppnå en särskild effekt.
            Jag redigerade sedan bilden i Adobe Lightroom för att justera färgerna och kontrasterna, och på så sätt få en mjukare och varmare färgsättning.</p>   
    </main>
    <footer>
        <hr>
        <span id="footer-span">&copy HogeN & Company 2024</span>
    </footer>
</body>
<!--script>
    setInterval(() => {
        const randomColor = Math.floor(Math.random() * 16777215).toString(16);

        var thing = document.getElementById("rgb");
        thing.setAttribute("style", "background-color:#" + randomColor + ";");
    }, 1);
</script-->
</html>