selenite/backend
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

more edu

Browse Source
This commit is contained in:
sky
2025-11-19 12:05:45 -05:00
parent ef7c90840b
commit 9e022b2745
2 changed files with 66 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

47
edu/index.html
View File

@ -3,6 +3,12 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Open Learning Hub - Your gateway to free educational resources for coding, science, math, humanities, languages, and more.">
<meta name="keywords" content="education, free learning, online courses, coding, science, math, humanities, languages, study tools">
<meta name="author" content="Open Learning Hub">
<meta property="og:title" content="Open Learning Hub">
<meta property="og:description" content="Discover free educational resources and daily learning tips.">
<meta property="og:type" content="website">
<title>Open Learning Hub</title>
<link rel="stylesheet" href="style.css">
</head>
@ -31,6 +37,7 @@
<button class="filter-btn" data-filter="humanities">Humanities</button>
<button class="filter-btn" data-filter="languages">Languages</button>
<button class="filter-btn" data-filter="courses">Online Courses</button>
<button class="filter-btn" data-filter="tools">Study Tools</button>
</div>
<div class="resource-grid">
@ -50,6 +57,11 @@
<p>The world's largest platform for software development and version control.</p>
<a href="https://github.com" target="_blank">Visit Site</a>
</article>
<article class="card" data-category="coding">
<h3>The Odin Project</h3>
<p>A full stack curriculum that is free and supported by a passionate open source community.</p>
<a href="https://www.theodinproject.com/" target="_blank">Visit Site</a>
</article>
<!-- Science -->
<article class="card" data-category="science">
@ -130,6 +142,41 @@
<p>A web-based publication of virtually all MIT course content.</p>
<a href="https://ocw.mit.edu" target="_blank">Visit Site</a>
</article>
<!-- Study Tools -->
<article class="card" data-category="tools">
<h3>Anki</h3>
<p>Powerful, intelligent flashcards. Remembering things just became much easier.</p>
<a href="https://apps.ankiweb.net/" target="_blank">Visit Site</a>
</article>
<article class="card" data-category="tools">
<h3>Notion</h3>
<p>The all-in-one workspace for your notes, tasks, wikis, and databases.</p>
<a href="https://www.notion.so/" target="_blank">Visit Site</a>
</article>
<article class="card" data-category="tools">
<h3>Pomofocus</h3>
<p>A customizable Pomodoro timer that works on desktop & mobile browser.</p>
<a href="https://pomofocus.io/" target="_blank">Visit Site</a>
</article>
</div>
</section>
<section id="learning-paths">
<h2>🚀 Learning Paths</h2>
<div class="paths-container">
<div class="path-card">
<h3>For Beginners</h3>
<p>Start with <strong>Khan Academy</strong> to build a strong foundation in Math and Science. Then, try <strong>Duolingo</strong> for a new language.</p>
</div>
<div class="path-card">
<h3>For Career Switchers</h3>
<p>Dive into <strong>freeCodeCamp</strong> or <strong>The Odin Project</strong> (add this!) to learn web development. Supplement with <strong>CS50</strong> on edX.</p>
</div>
<div class="path-card">
<h3>For Lifelong Learners</h3>
<p>Explore <strong>Project Gutenberg</strong> for classics, <strong>TED Talks</strong> for inspiration, and <strong>Coursera</strong> for specific interests.</p>
</div>
</div>
</section>
</main>

19
edu/style.css
View File

@ -164,3 +164,22 @@ footer {
grid-template-columns: 1fr;
}
}
/* Learning Paths */
.paths-container {
display: grid;
grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
gap: 20px;
}
.path-card {
background-color: #e8f4f8;
padding: 1.5rem;
border-radius: 8px;
border-left: 4px solid var(--secondary-color);
}
.path-card h3 {
color: var(--primary-color);
margin-bottom: 0.5rem;
}