LearnToCode/about.html at main · geoClink/LearnToCode · 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
<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>About the Author</title>
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <header class="site-header">
      <div class="site-header-inner">
        <a class="site-brand" href="index.html">LearnToCode</a>
        <nav class="site-nav" aria-label="Primary">
          <a class="site-nav-link" href="index.html">Home</a>
          <a class="site-nav-link" href="workshop.html">Workshop</a>
          <a class="site-nav-link active" href="about.html">About</a>
        </nav>
      </div>
    </header>

    <main class="app">
      <header class="card home-hero">
        <h1>About the Author</h1>
        <p>
          This project was built to help learners practice practical coding skills with clear explanations,
          language-focused study guide content, and hands-on quiz workflows.
        </p>
      </header>

      <section class="card topic-info-card">
        <h2>Why This Website Exists</h2>
        <p>
          The goal is to make learning feel structured and approachable: study core concepts,
          test understanding, and build confidence through consistent practice.
        </p>
      </section>

      <section class="card topic-info-card">
        <h2>Teaching Approach</h2>
        <p>
          Content is organized by language fundamentals, debugging habits, and real-world workflows so
          learners gain skills that transfer to interviews and team development.
        </p>
      </section>

      <section class="card topic-info-card">
        <h2>Connect</h2>
        <div class="link-row">
          <a class="study-link secondary social-link" href="https://www.linkedin.com/in/george-clinkscales/" target="_blank" rel="noopener noreferrer" aria-label="LinkedIn profile">
            <svg class="social-link-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
              <path d="M6.94 8.5a1.56 1.56 0 1 1 0-3.12 1.56 1.56 0 0 1 0 3.12Zm-1.35 1.46h2.7V18h-2.7V9.96Zm4.4 0h2.59v1.1h.04c.36-.68 1.24-1.4 2.55-1.4 2.73 0 3.23 1.8 3.23 4.13V18h-2.7v-3.74c0-.9-.02-2.05-1.25-2.05-1.26 0-1.45.98-1.45 1.99V18H9.99V9.96Z" fill="currentColor"/>
            </svg>
            LinkedIn
          </a>
          <a class="study-link secondary social-link" href="https://github.com/geoClink" target="_blank" rel="noopener noreferrer" aria-label="GitHub profile">
            <svg class="social-link-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
              <path d="M12 2.4a9.6 9.6 0 0 0-3.03 18.71c.48.09.65-.2.65-.46v-1.78c-2.64.58-3.2-1.12-3.2-1.12-.43-1.1-1.06-1.39-1.06-1.39-.87-.6.06-.58.06-.58.97.07 1.48 1 1.48 1 .85 1.47 2.24 1.04 2.79.8.09-.63.33-1.04.59-1.28-2.11-.24-4.33-1.05-4.33-4.68 0-1.03.37-1.87.98-2.53-.1-.24-.43-1.22.09-2.54 0 0 .8-.26 2.63.96a9.1 9.1 0 0 1 4.79 0c1.83-1.22 2.63-.96 2.63-.96.52 1.32.19 2.3.1 2.54.61.66.98 1.5.98 2.53 0 3.63-2.23 4.43-4.35 4.67.34.29.64.87.64 1.76v2.61c0 .26.17.56.66.46A9.6 9.6 0 0 0 12 2.4Z" fill="currentColor"/>
            </svg>
            GitHub
          </a>
          <a class="study-link social-link" href="https://geoclink.github.io/portfolio/" target="_blank" rel="noopener noreferrer" aria-label="Portfolio website">
            <svg class="social-link-icon" viewBox="0 0 24 24" aria-hidden="true" focusable="false">
              <path d="M8 6V4.9c0-.55.45-1 1-1h6c.55 0 1 .45 1 1V6h2.2c1 0 1.8.8 1.8 1.8v9.3c0 1-.8 1.8-1.8 1.8H5.8c-1 0-1.8-.8-1.8-1.8V7.8C4 6.8 4.8 6 5.8 6H8Zm1.4 0h5.2v-.7H9.4V6Zm-3.6 3v8.1h12.4V9H5.8Zm4.2 2.1h4v1.6h-4v-1.6Z" fill="currentColor"/>
            </svg>
            Portfolio
          </a>
        </div>
      </section>
    </main>

    <footer class="site-footer">
      <p>Thanks for learning here. Keep building, keep debugging, and keep shipping.</p>
    </footer>

    <script src="js/app/header-progress.js"></script>
  </body>
</html>