devwonders/index.html at main · LDrawe/devwonders · 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
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta name="theme-color" content="#54342f">
    <link rel="icon" href="./public/icons/favicon.svg" type="image/x-icon">
    <link rel="stylesheet" href="css/global.css">
    <link rel="stylesheet" href="css/home.css">
    <script src="./js/glow.js" defer></script>
    <title>DevWonders</title>
</head>

<body>
    <div>
        <h1 translate="no">DevWonders</h1>
        <img src="./public/icons/favicon.svg" alt="Logo">
    </div>
    <a id="github" target="_blank" href="https://github.com/LDrawe/devwonders">
        <img src="./public/icons/github.svg" alt="Github Logo">
    </a>
    <h2>An Open-Source Wiki of coding tips, new features and best practices</h2>
    <div id="cards">
        <a class="card" style="--border-color: var(--html); --index: 0" href="./pages/html.html">
            <img src="./public/icons/html.svg" alt="HTML Logo">
        </a>
        <a class="card" style="--border-color: var(--css); --index: 1" href="./pages/css.html">
            <img src="./public/icons/css.svg" alt="CSS Logo">
        </a>
        <a class="card" style="--border-color: var(--js); --index: 2" href="./pages/js.html">
            <img src="./public/icons/js.svg" alt="Javascript Logo">
        </a>
        <a class="card" style="--border-color: var(--html); --index: 3" href="./pages/git.html">
            <img src="./public/icons/git.svg" alt="Git Logo">
        </a>
    </div>
</body>

</html>