TheCodingJsoftware.github.io/index.html at main · TheCodingJsoftware/TheCodingJsoftware.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
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
124
125
126
<!DOCTYPE html>
<html lang="en">

    <head>
        <meta charset="UTF-8" />
        <meta name="viewport" content="width=device-width, initial-scale=1" />
        <meta http-equiv="X-UA-Compatible" content="ie=edge" />
        <meta name="google" content="notranslate" />

        <title>TheCodingJ's Project Gallery</title>

        <meta name="description"
            content="A gallery of apps, websites, games, and tools built by Jared Gross and TheCodingJ's." />
        <meta property="og:title" content="TheCodingJ's Project Gallery" />
        <meta property="og:description" content="Apps, websites, games, and tools built by Jared Gross and TheCodingJ's." />
        <meta property="og:url" content="https://thecodingjsoftware.github.io" />
        <meta property="og:image" content="/static/images/J.png" />
        <meta name="theme-color" content="#219EFF" />

        <link rel="icon" type="image/x-icon" href="/static/images/J.png" />

        <link href="https://cdn.jsdelivr.net/npm/beercss@4.0.21/dist/cdn/beer.min.css" rel="stylesheet" />
        <script type="module" src="https://cdn.jsdelivr.net/npm/beercss@4.0.21/dist/cdn/beer.min.js"></script>

        <link href="https://cdn.jsdelivr.net/npm/@mdi/font@7.4.47/css/materialdesignicons.min.css" rel="stylesheet" />
        <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/devicons/devicon@latest/devicon.min.css" />

        <link href="/static/css/theme.css" rel="stylesheet" />
        <link href="/static/css/style.css" rel="stylesheet" />
    </head>

    <body>
        <nav id="app-header" class="top fixed blur center-align">
            <nav>
                <a href="#" class="row link">
                    <img class="extra border small-round" src="/static/images/J.png" alt="TheCodingJ's logo" width="32"
                        height="32" />
                    <div class="no-margin no-padding no-space left-align no-line">
                        <h4>TheCodingJ's</h4>
                        <p class="no-line no-margin">Projects by Jared Gross.</p>
                    </div>
                </a>
            </nav>
            <div class="max"></div>
            <nav class="row l m">
                <a class="button transparent circle" href="https://codeberg.org/Jared-Gross" target="_blank" rel="noopener"
                    aria-label="Codeberg profile">
                    <i class="mdi mdi-code-tags"></i>
                </a>
                <a class="button transparent circle" href="mailto:jared@pinelandfarms.ca" aria-label="Email Jared">
                    <i class="mdi mdi-email"></i>
                </a>
            </nav>
        </nav>

        <main class="responsive">
            <section class="hero center-align">
                <h1>TheCodingJ's Project Gallery</h1>
                <p class="large-text">Apps, websites, games, and tools built by Jared Gross.</p>
                <nav class="row hero-actions">
                    <a class="button" href="#projects">
                        <i class="mdi mdi-view-grid"></i>
                        <span>View Projects</span>
                    </a>
                    <a class="button border" href="https://codeberg.org/Jared-Gross" target="_blank" rel="noopener">
                        <i class="mdi mdi-code-tags"></i>
                        <span>Codeberg</span>
                    </a>
                    <a class="button border" href="mailto:jared@pinelandfarms.ca">
                        <i class="mdi mdi-email"></i>
                        <span>Contact</span>
                    </a>
                </nav>
            </section>

            <section>
                <h2 class="section-title center-align">Featured Projects</h2>
                <div id="featuredGrid" class="featured-grid"></div>
            </section>

            <section id="projects">
                <h2 class="section-title center-align">All Projects</h2>

                <article class="filter-bar round">
                    <div class="field label prefix border round">
                        <i class="mdi mdi-magnify"></i>
                        <input id="searchInput" type="search" />
                        <label>Search</label>
                    </div>

                    <nav id="filterButtons" class="row filter-buttons"></nav>
                </article>

                <div id="emptyState" class="empty-state border round">
                    <h5>No projects found</h5>
                    <p>Try a different search or filter.</p>
                </div>

                <div id="projectSections" class="padding"></div>
            </section>
        </main>

        <script type="module" src="/static/js/projects.js"></script>
    </body>

    <footer>
        <article class="center-align">
            <h5>Jared Gross</h5>
            <p>Feel free to explore my projects, contribute to them, or reach out with questions and feedback.</p>
            <nav class="row center-align hero-actions">
                <a class="button" href="mailto:jared@pinelandfarms.ca">
                    <i class="mdi mdi-email"></i>
                    <span>Email</span>
                </a>
                <a class="button secondary" href="https://codeberg.org/Jared-Gross" target="_blank" rel="noopener">
                    <i class="mdi mdi-code-tags"></i>
                    <span>Codeberg</span>
                </a>
            </nav>
            <p>
                Thank you for visiting, and have a blessed day!
            </p>
        </article>
    </footer>

</html>