Portfolio-S2/index.php at master · MaxAltena/Portfolio-S2 · 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
67
68
69
70
71
<?php
session_start();
include_once($_SERVER['DOCUMENT_ROOT'] . '/includes/connection.php');

$query = $PDO->prepare('SELECT short, name, preview FROM categories');
$query->execute();
$categories = $query->fetchAll();

$page = "Home";

?>

<html lang="nl">
    <head>
        <title>Portfolio | Max Altena</title>
        <?php include_once($_SERVER['DOCUMENT_ROOT'] . '/includes/head.php'); ?>
        <link rel="stylesheet" type="text/css" href="/css/indexstyle.css">
    </head>

    <body>
        <?php include_once($_SERVER['DOCUMENT_ROOT'] . '/includes/loader.php'); ?>
        <?php include_once($_SERVER['DOCUMENT_ROOT'] . '/includes/menu.php'); ?>
        <main>
            <?php include_once($_SERVER['DOCUMENT_ROOT'] . '/includes/splash.php'); ?>
            <div id="home">
                <div>
                    <h1>Over <span class="accent">Max Altena</span></h1>
                    <svg viewBox="0 0 60 15" id="separator"><polyline class="coolLine" points="5,4.5 11.2,10.5 17.5,4.5 23.7,10.5 30,4.5 36.2,10.5 42.5,4.5 48.8,10.5 55,4.5"/></svg>
                    <p>Ik ben Max Altena, een 19 jarige jongen uit Best. Ik studeer ICT &amp; Media Design op de Fontys hogeschool in Eindhoven. Hier leer ik van alles dat te maken heeft met ICT maar ook met Media en Design. Van hoe je een website maakt tot aan hoe je een poster designt. Dit zal mij verder helpen in mijn carrière als ICT'er en als persoon. Ik vind het leuk dat je op mijn portfolio zit, veel plezier!</p>
                </div>
                <img src="/assets/maxs.png" alt="Profielfoto" id="profilephoto" />
            </div>
            <div id="categories">
                <?php
                foreach ($categories as $category) {
                ?>
                    <a href="/categorie?c=<?= $category['short']; ?>" class="aLink">
                        <div class="categorieLink" id="categorieLink<?= $category['short']; ?>">
                            <div class="section">
                                <div class="firstClass">
                                    <h1><?= $category['short']; ?></h1>
                                    <h2><?= $category['name']; ?></h2>
                                </div>
                                <div>
                                    <span class="arrowSpan">
                                        <svg viewBox="0 0 24 24" class="arrow"><path class="arrowPath" d="M24 11.871l-5-4.871v3h-19v4h19v3z"/></svg>
                                    </span>
                                </div>
                            </div>
                        </div>
                    </a>
                <?php
                    $query = $PDO->prepare('SELECT name FROM media WHERE id = ?');
                    $query->bindValue(1, $category['preview']);
                    $query->execute();
                    $result = $query->fetch();
                    $photoInsert = $result['name'];

                    if ($photoInsert !== null) {
                ?>
                        <script>$("#categorieLink<?= $category['short']; ?>").css({background: "url(/assets/media/<?= $photoInsert; ?>)"})</script>
                <?php
                    }
                }
                ?>
            </div>
        </main>
        <script src="/js/home.js"></script>
        <?php include_once($_SERVER['DOCUMENT_ROOT'] . '/includes/menuselect.php'); ?>
    </body>
</html>