aboutsummaryrefslogtreecommitdiff
path: root/app/views/index.view.php
blob: 98eeea48cd201206c949345ba21b3be7f1a7404f (plain)
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
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
<?php require __DIR__ . '/partials/header.php';?>

    <body>

<?php require __DIR__ . '/partials/navigator.php';?>

    <section class="section" itemscope itemtype="http://schema.org/HomePage">

        <div class="container">
            <div class="columns is-centered">
                <div class="column is-7">

                    <h1 class="title has-text-weight-normal">
                        <span>
                            Web
                            <span class="has-text-danger">
                                Developer
                            </span>
                        </span>
                    </h1>

                    <h2 class="subtitle has-text-grey-dark has-text-weight-normal">
                        In it for the long haul
                    </h2>

                    <?php
                    $width = getimagesize($_SERVER['DOCUMENT_ROOT'] . '/images/mountains.jpg')[0];
                    $height = getimagesize($_SERVER['DOCUMENT_ROOT'] . '/images/mountains.jpg')[1];
                    $ratio = ((($height / $width) * 100) > 100) ? $height . 'px' : $height / $width * 100 . '%';
                    ?>

                    <figure>
                      <a href="/images/mountains.jpg" onclick="return false;">
                        <div style="<?php echo 'padding-bottom:' . $ratio . ';'; ?>">
                          <img data-image-zoom alt="Mountains" src="/images/mountains.jpg"
                            width="<?php echo $width; ?>"
                            height="<?php echo $height; ?>"
                          >
                        </div>
                      </a>
                    </figure>

                    <div class="content">

                    <p class="introduction has-text-left">
                        My name is Thedro <span class="has-text-grey-dark">[/tee:dro/]</span> &mdash;
                        a web developer and <a class="underline" href="https://en.wikipedia.org/wiki/Linux">linux and unix-like</a>
                        system administrator.
                        There are many different tools and programming languages I've come across.
                        Welcome to my corner of the web. Here you'll find things I've
                        worked on as well as other interesting discoveries.
                    </p>

                    <span class="quote marginnote leftnote">
                    <span class="has-text-weight-bold has-margin-bottom-sm is-block">Random Quote</span>
                    <?php $quote = shell_exec('fortune quotes'); ?>
                    <?php echo $quote; ?>
                    </span>

                    </div>

                    <div class="recent__article">

                    <label for="posts" class="title is-inline-block is-4 has-text-weight-normal marginnote-toggle marginnote-mark">
                       Recent Posts
                    </label>

                    <input type="checkbox" id="posts" class="marginnote-toggle">

                    <span class="marginnote rightnote">
                        See an archive of all posts <a class="underline" href="/posts/archive/">here.</a>
                    </span>

                    <?php
                    $recentPosts = new DOMExtract();
                    $recentPosts->setSource($_SERVER['DOCUMENT_ROOT'] . '/posts/index.html');
                    echo $recentPosts->getInnerHTML('recent-article');
                    ?>

                    <a href="/posts/page/2/"
                    class="front__more is-block has-text-centered">
                        See More Posts
                        <?php featherIcon('chevron-right'); ?>
                    </a>

                    <br>


                    <label for="projects" class="title is-inline-block is-4 has-text-weight-normal marginnote-toggle marginnote-mark">
                       Recent Projects
                    </label>

                    <input type="checkbox" id="projects" class="marginnote-toggle">

                    <span class="marginnote rightnote">
                        See an archive of all projects <a class="underline" href="/projects/archive/">here.</a>
                    </span>

                    <?php
                    $recentProjects = new DOMExtract();
                    $recentProjects->setSource($_SERVER['DOCUMENT_ROOT'] . '/projects/index.html');
                    echo $recentProjects->getInnerHTML('recent-article');
                    ?>
                    </div>

                    <a href="/projects/"
                    class="front__more is-block has-text-centered">
                        See More Projects
                        <?php featherIcon('chevron-right'); ?>
                    </a>

                    <br>

                </div>
            </div>
        </div>

    </section>

<?php require __DIR__ . '/partials/footer.php';?>

  </body>
</html>