houselearning.github.io/about.html at main · houselearning/houselearning.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
134
135
136
137
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1" />
  <title>HouseLearning Home - Project Info</title>
  <script src="/assets/js/feedback.js"></script>
  <script src="/assets/js/nav.js" defer></script>
  <script type="module" src="/assets/js/also.js"></script>
  <link rel="stylesheet" href="/assets/css/style.css">
  <link rel="icon" href="/assets/images/favicons/favicon.ico">
</head>

<body>

  <div class="container">
    <header>
      <div class="brand">
        <div class="logo">HL</div>
        <div>
          <div class="brand-name">HouseLearning</div>
          <div class="brand-tagline">Learn anything — fast, free, focused</div>
        </div>
      </div>

      <nav id="site-nav">
        <a href="/home">Home</a>
        <a href="https://houselearning.org/safe-library">SafeLibrary</a>
        <a href="https://houselearning.org/home/about">About</a>
        <a href="https://apply.houselearning.org">Apply</a>
        <a href="https://github.com/houselearning">View on GitHub</a>
        <a class="button btn-ghost" href="https://houselearning.org/auth/">Log in</a>
        <a class="button btn-primary" href="https://houselearning.org/auth/">Sign up</a>
      </nav>
      <button class="nav-toggle button btn-ghost" type="button" aria-label="Open menu" aria-controls="site-nav"
        aria-expanded="false">Menu</button>
    </header>

    <main class="card page-card page-card--wide">
      <h1>HouseLearning Home</h1>

      <p>Welcome to <strong>HouseLearning Home</strong> — a fun and interactive learning game website designed to make
        education engaging through browser-based mini-games and activities. The platform offers a collection of
        educational games that help users practice and reinforce their skills while having fun.</p>

      <h2>🎮 Features</h2>
      <ul>
        <li><strong>Interactive educational games</strong> — Engaging activities that respond to player input in real
          time.</li>
        <li><strong>Instant feedback and rewards</strong> — Players get immediate results, points, and progress
          indicators to track learning.</li>
        <li><strong>Simple, clean, and responsive interface</strong> — Designed to be easy to use on desktop and mobile
          browsers.</li>
        <li><strong>Web-based — no installation required</strong> — Runs directly in your web browser with no extra
          software needed.</li>
      </ul>

      <h2>🛠️ Tech Stack</h2>
      <ul>
        <li>HTML5</li>
        <li>CSS3</li>
        <li>JavaScript</li>
        <li>Optionally Node.js/NPM for development tooling</li>
      </ul>

      <h2>📸 Screenshots</h2>
      <p>Here’s a preview of the HouseLearning Home website:</p>
      <img src="https://houselearning.org/home/readme/screenshot.png" alt="HouseLearning Home Screenshot">

      <h2>🚀 Getting Started</h2>

      <h3>1️⃣ Clone the repository</h3>
      <pre><code>git clone https://github.com/houselearning/home.git</code></pre>

      <h3>2️⃣ (Optional) Install dependencies</h3>
      <pre><code>npm install</code></pre>

      <h3>3️⃣ Open the site</h3>
      <p>You can either start a local server or open <code>index.html</code> directly in your browser.</p>
      <p><strong>Example using VS Code’s Live Server extension:</strong></p>
      <ul>
        <li>Right-click <code>index.html</code></li>
        <li>Select <strong>Open with Live Server</strong></li>
      </ul>
      <p>Or just double-click <code>index.html</code> to launch in your default browser.</p>

      <h2>📖 Usage</h2>
      <p>Once the site is running:</p>
      <ul>
        <li>Visit the homepage</li>
        <li>Choose a game or activity from the main menu</li>
        <li>Play and learn while receiving instant feedback and rewards</li>
      </ul>

      <h2>🤝 Contributing</h2>
      <p>Contributions are welcome! To contribute:</p>
      <ol>
        <li>Fork the repository</li>
        <li>Create a new branch (<code>git checkout -b feature/your-feature-name</code>)</li>
        <li>Commit your changes (<code>git commit -m 'Add some feature'</code>)</li>
        <li>Push to the branch (<code>git push origin feature/your-feature-name</code>)</li>
        <li>Open a Pull Request</li>
      </ol>

      <h2>📜 License</h2>
      <p>This project is currently proprietary. All rights reserved by <strong>HouseLearning</strong>.<br>
        For permissions or licensing inquiries, please contact the project maintainer.</p>

      <h2>🔗 Project Links</h2>
      <ul>
        <li><a href="https://houselearning.org/home/" target="_blank">HouseLearning Website</a></li>
        <li><a href="https://github.com/houselearning/home" target="_blank">GitHub Repository</a></li>
      </ul>

      <hr>

      <p><em>Made with ❤️ by HouseLearning</em></p>

    </main>

    <footer>
      <div class="footer-grid">
        <div>
          <div class="footer-name">HouseLearning</div>
          <div class="footer-copy">© HouseLearning — free learning for curious people</div>
        </div>
        <div class="footer-links">
          <a href="https://houselearning.org/home/about">About</a>
          <a href="https://github.com/houselearning/apply?tab=readme-ov-file#available-volunteer-jobs">Careers</a>
        </div>
      </div>
    </footer>
  </div>
</body>

</html>