danthewizard.github.io/contact.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
<!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>Contact | DanTheWizard</title>
    <meta name="description" content="Contact DanTheWizard for IT support, web development, technical projects, or professional opportunities.">
    <meta name="author" content="DanTheWizard">

    <!-- Open Graph / link preview information -->
    <meta property="og:title" content="Contact | DanTheWizard">
    <meta property="og:description" content="Contact DanTheWizard for IT support, web development, systems, or cybersecurity-related opportunities.">
    <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="page-hero-section panel">
            <p class="section-eyebrow">Contact</p>

            <h1>Let's get in touch.</h1>

            <p>
                For IT support, web development, technical projects, internships, or professional
                opportunities, feel free to reach out through one of the links below.
            </p>
        </section>

        <section class="panel">
            <div class="section-heading">
                <p class="section-eyebrow">Links</p>
                <h2>Find Me Online</h2>
            </div>

            <div class="contact-grid">
                <article class="contact-card">
                    <h3>Email</h3>
                    <p>
                        The best way to contact me for direct messages, opportunities,
                        or project-related questions.
                    </p>
                    <a class="button button-secondary" href="mailto:dan@wizardsterminal.com">Email Me</a>
                </article>

                <article class="contact-card">
                    <h3>GitHub</h3>
                    <p>
                        View my code, website projects, experiments, and technical repositories.
                    </p>
                    <a class="button button-secondary" href="https://github.com/DanTheWizard" target="_blank" rel="noopener noreferrer">View GitHub</a>
                </article>

                <article class="contact-card">
                    <h3>LinkedIn</h3>
                    <p>
                        Connect with me professionally and view my experience, education,
                        certifications, and project updates.
                    </p>
                    <a class="button button-secondary" href="https://www.linkedin.com/in/danielpalmik/" target="_blank" rel="noopener noreferrer">View LinkedIn</a>
                </article>

                <!-- <article class="contact-card">
                    <h3>Resume</h3>
                    <p>
                        Download or view my current resume for a quick summary of my experience,
                        skills, projects, and education.
                    </p>
                    <a class="button button-secondary" href="src/files/resume.pdf" target="_blank" rel="noopener noreferrer">View Resume</a>
                </article> -->
            </div>
        </section>

        <section class="panel">
            <div class="section-heading">
                <p class="section-eyebrow">What to Contact Me About</p>
                <h2>Areas I Can Help With</h2>
            </div>

            <div class="card-grid">
                <article class="info-card">
                    <h3>IT Support</h3>
                    <p>
                        Computer troubleshooting, hardware diagnostics, Windows issues,
                        device setup, and general technical support.
                    </p>
                </article>

                <article class="info-card">
                    <h3>Websites</h3>
                    <p>
                        Website updates, WordPress support, basic frontend work, domains,
                        hosting, Cloudflare setup, and small web projects.
                    </p>
                </article>

                <article class="info-card">
                    <h3>Technical Projects</h3>
                    <p>
                        Systems projects, Docker setups, Linux experimentation, virtual machines,
                        server ideas, and custom internal tools.
                    </p>
                </article>

                <article class="info-card">
                    <h3>Professional Opportunities</h3>
                    <p>
                        Internships, entry-level technical roles, project collaborations,
                        and opportunities related to IT, systems, or cybersecurity.
                    </p>
                </article>
            </div>
        </section>
    </main>

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