danthewizard.github.io/index.html at main · DanTheWizard/danthewizard.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
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
<!DOCTYPE html>
<html lang="en">
<head>
    <!-- Basic page setup -->
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Page information -->
    <title>DanTheWizard | Portfolio</title>
    <meta name="description" content="Portfolio website for DanTheWizard, an Electrical and Computer Engineering Technology student focused on IT support, web development, systems, and cybersecurity.">
    <meta name="author" content="DanTheWizard">

    <!-- Open Graph / link preview information -->
    <meta property="og:title" content="DanTheWizard | Portfolio">
    <meta property="og:description" content="IT support, web development, systems, and cybersecurity projects by DanTheWizard.">
    <meta property="og:type" content="website">

    <!-- Favicon placeholder -->
    <link rel="shortcut icon" href="src/images/favicon.ico">
    <link rel="icon" href="src/images/favicon.ico">

    <!-- Single CSS entry point -->
    <link rel="stylesheet" href="src/css/main.css">

    <!-- Single JavaScript entry point -->
    <script src="src/js/main.js" defer></script>
</head>
<body>
    <!-- Loaded from arch/header.html by main.js -->
    <div id="site-header"></div>

    <main class="page-shell">
        <section class="hero-section panel">
            <div class="hero-content">
                <p class="section-eyebrow">Electrical and Computer Engineering Technology Student</p>

                <h1>Hi, I'm Dan.</h1>

                <p class="hero-subtitle">
                    also known online as DanTheWizard.
                    I build, repair, and experiment with technology, from websites and Docker servers
                    to Active Directory labs, hardware troubleshooting, and cybersecurity-focused projects.
                </p>

                <div class="button-row">
                    <a class="button button-primary" href="projects.html">View My Work</a>
                    <a class="button button-secondary" href="contact.html">Contact Me</a>
                </div>
            </div>
        </section>

        <section class="about-preview-section panel">
            <div class="section-content">
                <p class="section-eyebrow">About Me</p>

                <h2>Hands-on with hardware, software, and systems.</h2>

                <p>
                    I am an Electrical and Computer Engineering Technology student at the New York
                    Institute of Technology with experience in IT support, web development, computer
                    repair, and system administration projects. I enjoy understanding how technology
                    works from both the user side and the system side.
                </p>

                <p>
                    My work includes troubleshooting computers, maintaining websites, experimenting
                    with Linux and Docker, building virtualized Active Directory-style environments,
                    and creating practical tools that solve real problems.
                </p>

                <a class="text-link" href="about.html">Learn more about me.</a>
            </div>
        </section>

        <section class="skills-section panel">
            <div class="section-heading">
                <p class="section-eyebrow">Skills</p>
                <h2>What I Work With</h2>
                <p>
                    My main focus is practical technical work, including support, development,
                    infrastructure, and security-focused learning.
                </p>
            </div>

            <div class="card-grid">
                <article class="info-card">
                    <h3>IT Support</h3>
                    <p>
                        Hardware diagnostics, Windows troubleshooting, classroom technology,
                        printers, user support, and general device maintenance.
                    </p>
                </article>

                <article class="info-card">
                    <h3>Web Development</h3>
                    <p>
                        HTML, CSS, JavaScript, PHP, WordPress, client website updates,
                        domain setup, hosting, and Cloudflare configuration.
                    </p>
                </article>

                <article class="info-card">
                    <h3>Systems and Networking</h3>
                    <p>
                        Linux servers, Docker containers, DNS, virtual machines, Samba4,
                        Active Directory-style labs, and internal web tools.
                    </p>
                </article>

                <article class="info-card">
                    <h3>Cybersecurity</h3>
                    <p>
                        Security-focused learning, Google Cybersecurity Certificate,
                        NYITSec involvement, system hardening concepts, and lab-based practice.
                    </p>
                </article>
            </div>
        </section>

        <section id="projects" class="projects-section panel">
            <div class="section-heading">
                <p class="section-eyebrow">Projects</p>
                <h2>Featured Work</h2>
                <p>
                    These projects represent the kind of work I enjoy most: practical systems,
                    useful tools, and technology that solves real problems.
                </p>
            </div>

            <div class="project-list">
                <article class="project-card">
                    <div class="project-header">
                        <h3>Samba4 Active Directory Lab</h3>
                        <p class="project-type">Systems / Networking / Virtualization</p>
                    </div>

                    <p>
                        Built a virtualized Active Directory-style lab using Samba4, Windows clients,
                        DNS, Kerberos, and Group Policy testing. This project helped me better
                        understand domain environments and centralized computer management.
                    </p>

                    <ul class="tag-list" aria-label="Project skills">
                        <li>Samba4</li>
                        <li>Linux</li>
                        <li>Windows</li>
                        <li>VirtualBox</li>
                        <li>DNS</li>
                    </ul>
                </article>

                <article class="project-card">
                    <div class="project-header">
                        <h3>Go-Based User Dashboard</h3>
                        <p class="project-type">Web Development / Systems Tooling</p>
                    </div>

                    <p>
                        Developed a web dashboard concept for LDAP login, user management,
                        group assignment, ban notices, password resets, and audit logging.
                        The goal was to connect a clean web interface with real backend system control.
                    </p>

                    <ul class="tag-list" aria-label="Project skills">
                        <li>Go</li>
                        <li>LDAP</li>
                        <li>PostgreSQL</li>
                        <li>Docker</li>
                        <li>Sessions</li>
                    </ul>
                </article>

                <article class="project-card">
                    <div class="project-header">
                        <h3>Website Administration and Client Support</h3>
                        <p class="project-type">Freelance / Web Support</p>
                    </div>

                    <p>
                        Helped maintain websites, update content, configure domains, secure sites
                        through Cloudflare, compare hosting options, and troubleshoot website issues
                        when clients needed changes or repairs.
                    </p>

                    <ul class="tag-list" aria-label="Project skills">
                        <li>WordPress</li>
                        <li>Cloudflare</li>
                        <li>Hosting</li>
                        <li>Domains</li>
                        <li>Support</li>
                    </ul>
                </article>
            </div>
        </section>

        <section class="contact-preview-section panel">
            <div class="section-content">
                <p class="section-eyebrow">Contact</p>

                <h2>Interested in working together?</h2>

                <p>
                    For IT support, web development, technical projects, or professional opportunities,
                    feel free to reach out.
                </p>

                <a class="button button-primary" href="contact.html">Contact Me</a>
            </div>
        </section>
    </main>

    <!-- Loaded from arch/footer.html by main.js -->
    <div id="site-footer"></div>
</body>
</html>