github-for-non-coders/index.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
129
130
131
132
133
134
135
<!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>
  <!-- Google tag (gtag.js) -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-G63Q135YZW"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());

  gtag('config', 'G-G63Q135YZW');
</script>
  <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="https://monapdx.github.io/github-for-non-coders/about" 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 Non-Coders
            <span class="nb-highlight">YOU DON’T NEED TO KNOW CODE. </span>
          </h1>

          <p class="nb-lead">
            GitHub isn’t just for developers—and it’s definitely not as complicated as people make it seem.
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 class="nb-chip-row">
            <span class="nb-tag">#START HERE</span>
            <span class="nb-tag">#COMMON MISTAKES</span>
            <span class="nb-tag">#SHORTCUTS</span>
            <span class="nb-tag">#REAL USE CASES</span>
            <span class="nb-tag">#NO-CODE SETUPS</span>
          </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">WHAT THIS IS</span>
            <h1>THIS ISN’T A CODING TUTORIAL</h1>
            <h2>IT’S A SHORTCUT</h2>
            <h3>FOR PEOPLE WHO JUST WANT TO BUILD THINGS</h3>
            <h4>WITHOUT LEARNING EVERYTHING FIRST</h4>
            <p>
             Most GitHub advice assumes you’re trying to become a developer.</p>
<p>You’re not.

<p>You’re trying to use GitHub—to host projects, organize ideas, publish things, and maybe ship tools with AI helping you along the way.

<p>This site shows you how to do exactly that, without getting dragged into workflows you don’t need.
            </p>
            <p class="nb-lead">

            </p>
            <p class="nb-kicker">BUILT FOR PEOPLE WHO LEARN BY DOING, NOT BY STUDYING</p>
            <p>


            </p>
            <p>
               <a href="#" class="nb-link">or jump straight into a guide and figure it out as you go.</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>