TurtleMod-Website/index.html at main · TurtleMod-Team/TurtleMod-Website · 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
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>TurtleMod</title>

    <link rel="stylesheet" href="style.css">
  </head>

  <body>

    <!-- Top Navigation Bar -->
    <header id="topbar" class="topbar">
      <div id="logo" class="logo">TurtleMod</div>

      <nav id="nav-links" class="nav-links">
        <a href="editor.html">Create</a>
        <a href="status.html">Status Page</a>
        <a href="upload.html">Upload</a>
      </nav>

      <input id="search" class="search" type="text" placeholder="Search for projects...">

      <a id="signin" class="signin" href="signin.html">Sign in</a>
    </header>

    <!-- Hero Section -->
    <section id="hero" class="hero">
      <div id="hero-text" class="hero-text">
        <h1>Block‑based coding with tons of capabilities</h1>
        <p>Built off of Scratch, TurboWarp, PenguinMod, and Snail IDE</p>

        <a id="cta" class="cta" href="editor.html">Try it out</a>

        <div id="hero-buttons" class="hero-buttons">
          <a class="hero-btn" href="packager.html">Packager</a>
          <a class="hero-btn" href="credits.html">Credits</a>
          <a class="hero-btn" href="docs.html">Docs</a>
          <a class="hero-btn" href="https://github.com">GitHub</a>
        </div>
      </div>
    </section>

    <!-- What's New Section -->
    <section id="updates" class="updates">
      <h2>What's new?</h2>
      <ul>
        <li>Try out this new Halloween feature!</li>
        <li>NCS is on TurtleMod!</li>
      </ul>
    </section>

    <!-- Recent Commits Section -->
    <section id="commits" class="commits">
      <h2>Recent commits</h2>
      <ul>
        <li>"youch" – ThatBobo</li>
        <li>"gr" – ThatBobo</li>
        <li>"gr" – ThatBobo</li>
      </ul>
    </section>

    <!-- Footer -->
    <footer id="footer" class="footer">

      <div class="footer-column" id="footer-website">
        <h3>Website</h3>
        <a href="editor.html">Editor</a>
        <a href="credits.html">Credits</a>
        <a href="source.html">Source</a>
        <a href="packager.html">Packager</a>
      </div>

      <div class="footer-column" id="footer-community">
        <h3>Community</h3>
        <a href="studio.html">TurtleMod Scratch Studio</a>
        <a href="feedback.html">TurtleMod Feedback</a>
        <a href="tempshare.html">Temp Share</a>
        <a href="wiki.html">Wiki</a>
      </div>

      <div class="footer-column" id="footer-info">
        <h3>Info</h3>
        <a href="terms.html">Terms of Service</a>
        <a href="privacy.html">Privacy Policy</a>
        <a href="rules.html">Project Rules</a>
      </div>

      <div class="footer-column" id="footer-donate">
        <h3>Donate</h3>
        <a href="https://penguinmod.co">PenguinMod</a>
        <a href="https://docs.turbowarp.org/donate">TurboWarp</a>
        <a href="https://penguinmod.com/support">Scratch</a>
      </div>

      <p id="disclaimer" class="disclaimer">
        TurtleMod is not affiliated with PenguinMod, Scratch, TurboWarp, the Scratch Team,
        Snail IDE, or any other Scratch modifications.
      </p>
    </footer>

    <script src="main.js"></script>
  </body>
</html>