fwalloe.github.io/portfolio.html at master · fwalloe/fwalloe.github.io · GitHub

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
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Fredrik Walløe - Portfolio</title>
    <meta name="description" content="Fredrik Walløe is a Norwegian freelance journalist and writer.">
    <link href="css/stylesheet.css" media="screen" rel="stylesheet" type="text/css" />
</head>
<body>
    <div class="container">
        <header>
            <a href="index.html" class="logo">Fredrik Walløe</a>

            <input type="checkbox" id="menu-toggle" class="menu-btn">
            <label for="menu-toggle" class="menu-icon">
                <svg width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5"><path d="M3 12h18M3 6h18M3 18h18"/></svg>
            </label>

            <ul class="nav-links">
                <li><a href="infosec.html">InfoSec</a></li>
                <li><a href="photography.html">Photography</a></li>
                <li><a href="programming.html">Programming</a></li>
                <li><a href="writing.html">Writing</a></li>
                <li><a href="journalism.html">Journalism</a></li>
                <li><a href="portfolio.html">Portfolio</a></li>
            </ul>
        </header>

        <main>
            <div id="cover_image">
                <img src="images/portfolio.jpg" alt="The Last Bookstore in Los Angeles, by Fredrik Walløe" class="hero-img">
            </div>

            <article>
                <p class="lead">A collection of over 100 stories from an assortment of publications can be found in my <a href="https://web.archive.org/web/20230207055125/https://fredrikwalloe.contently.com/">Contently portfolio</a>.</p>

                <p><strong>Selected articles</strong></p>

                <p><a href="http://www.gamereactor.eu/reviews/274834/This+War+Of+Mine/">'This War of Mine is a captivating experience where lives are precious'</a> - Review of This War of Mine for Gamereactor.</p> <!-- fallback link: https://web.archive.org/web/20160911024952/http://www.gamereactor.eu/reviews/274834/This+War+Of+Mine/ -->

                <p><a href="http://www.amnesty.no/aktuelt/marsj-mot-voldtekt">Kasteløse Kvinner Reiser Seg: Marsj mot Voldtekt</a> - Article for Amnesty International (Norwegian).</p> <!-- fallback link: https://web.archive.org/web/20191016172149/https://amnesty.no/kastelose-kvinner-reiser-seg-marsj-mot-voldtekt -->

                <p><a href="https://web.archive.org/web/20160217193023/http://www.searchlightmagazine.com:80/archive/can-we-tolerate-an-insanity-verdict">Can we Tolerate an Insanity Verdict?</a> - Opinion Piece for Searchlight, about the trial of Anders Behring Breivik.</p>

                <p><a href="https://web.archive.org/web/20150617021914/http://www.16bitkings.com/among-the-sleep-a-child-shouldnt-have-to-go-through-this/">'A Child Shouldn't Have to go Through This'</a> - Review of 'Among The Sleep' for 16BitKings.</p>

                <p><a href="http://blog.fredrikwalloe.com/2011/10/oakland-police-may-have-violated-its.html">Oakland Police may have left itself open to a lawsuit by violating own crowd control policies.</a> - News Story on own Blog.</p>

                <p><a href="http://www.gamereactor.no/previews/257494/K%F4na/">En oktobernatt i 70-tallets Québec</a> - Preview of Kôna for Gamereactor (Norwegian).</p>

                <p><a href="http://www.stuff.tv/news/gaming-greats-after-burner-1987">Gaming Greats - After Burner (1987)</a> - Piece for Stuff Magazine.</p>
            </article>
        </main>

        <footer>
            <div class="footer-divider"></div>
            <ul>
                <li><a href="https://www.facebook.com/pages/Fredrik-Wall%C3%B8e/329061847292388">Facebook</a></li>
                <li><a href="https://no.linkedin.com/in/fredrikwalloe">LinkedIn</a></li>
                <li><a href="mailto:freelance@fredrikwalloe.com">Email</a></li>
            </ul>
        </footer>
    </div>
</body>
</html>