github-for-non-coders/about.html at main · monapdx/github-for-non-coders · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Github for Non-Coders</title>
    <link rel="stylesheet" href="styles.css" />
  </head>
  <body>
    <!-- NAV -->
    <nav class="nb-nav">
      <div class="nb-nav-inner">
        <div class="nb-nav-group">
          <div class="nb-logo-stack">
            <div class="nb-logo-top">GITHUB FOR</div>
            <div class="nb-logo-bottom">NON-CODERS</div>
          </div>
        </div>

        <div class="nb-nav-group">
          <a href="https://monapdx.github.io/github-for-non-coders/" class="nb-btn nb-btn-pink">Home</a>
          <a href="#buttons" class="nb-btn">About</a>
          <a href="https://monapdx.github.io/github-for-non-coders/blog/" class="nb-btn">Blog</a>

          <a href="#alerts" class="nb-btn">Help</a>
        </div>
      </div>
    </nav>

    <!-- HERO -->
    <section class="nb-hero" id="hero">
      <div class="nb-container">
        <div class="nb-hero-card nb-stack-lg">


          <h1>
            Github for
            <span class="nb-highlight">Non-Coders</span>
          </h1>

          <p class="nb-lead">

This is a practical, no-BS guide to using GitHub as a tool, not a skill you need to master first.
          </p>

          <div class="nb-search-row">
            <div class="nb-input-wrap">
              <span>⌕</span>
              <input type="text" placeholder="Search posts, guides, and shortcuts…" />
            </div>
            <button class="nb-btn nb-btn-pink">Search</button>
          </div>


        </div>
      </div>
    </section>


    <!-- TYPOGRAPHY -->
    <section class="nb-section" id="typography">
      <div class="nb-container">
        <div class="nb-panel nb-stack-lg">
          <div class="nb-stack-sm">
            <span class="nb-label">ABOUT</span>
            <h1>Github is for Everyone</h1>
            <h2>not just coders</h2>
            <h3>a repo is for anything</h3>
            <h4>not just code</h4>
            <p>
            GitHub for Non-Coders exists because I got tired of watching creative, curious people convince themselves they “aren’t technical enough” to build things online.</p>
<p>A lot of modern tech culture treats coding like an exclusive club full of jargon, gatekeeping, and invisible rules. Meanwhile, millions of people already have ideas worth building — writers, artists, archivists, hobbyists, weird internet historians, solo creators, and people who simply want more control over their own corner of the web.

<p>This blog is for them.

<p>I’m not a traditional developer. I learned by experimenting, breaking things, Googling errors, reading documentation badly, asking AI too many questions, and slowly realizing that most of the internet’s intimidating terminology is just ordinary concepts wrapped in specialized language.


<p><ul><li>A “repository” is basically a folder.</li>
<li>A “commit” is basically a save point.</li>
<li>A “deploy” is basically publishing your files online.</li></ul>
            </p>
            <p>That realization changes everything.

            </p>
            <p>This site focuses on practical, approachable ways to use platforms like GitHub
, GitHub Pages
, AI tools, and open web technologies without requiring a computer science degree or years of formal training.</p>
            <p>I strongly believe we need more independent websites, more experimentation, more personal projects, and more people who feel empowered to create things online without asking permission first.


            </p>
            <p>The internet became meaningful to me because ordinary people used to make strange, personal, imperfect things simply because they wanted to. I think that spirit is still worth protecting.
               </p><a href="#" class="nb-link">Ready to dive in?</a>
            </p><br><img src="https://raw.githubusercontent.com/monapdx/github-for-non-coders/refs/heads/main/assets/logo.png" height="454">
          </div>
        </div>
      </div>
    </section>


    <!-- FOOTER -->
    <footer class="nb-section">
      <div class="nb-container">
        <div class="nb-panel">
          <div class="nb-row-between">
            <div class="nb-stack-sm">
              <script type='text/javascript' src='https://storage.ko-fi.com/cdn/widget/Widget_2.js'></script><script type='text/javascript'>kofiwidget2.init('Support me on Ko-fi', '#0c0f0c', 'O4O41XT7AO');kofiwidget2.draw();</script>
              <p class="nb-mb-0">

              </p>
            </div>

            <div class="nb-row">
              <a href="https://github.com/monapdx/github-for-non-coders" class="nb-btn">GitHub</a>
              <a href="https://github.com/monapdx/publish-to-github" class="nb-btn nb-btn-yellow">Blog Editor</a>
              <a href="https://github.com/monapdx/modular-markup" class="nb-btn nb-btn-pink">Templates</a>
            </div>
          </div>
        </div>
      </div>
    </footer>
  </body>
</html>