Skip to content

Redesign website with professional styling: Google Sans font, remove emojis, add 2025 impact content #29

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
Myuteboy merged 4 commits into from
Jan 18, 2026
Merged

Redesign website with professional styling: Google Sans font, remove emojis, add 2025 impact content #29

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
4 commits
Select commit Hold shift + click to select a range
9cedde2
Initial plan
Copilot Jan 18, 2026
ad2d390
Update to Google Sans font, remove emojis, add Magazine and Impact Re…
Copilot Jan 18, 2026
b8610d2
Remove all emojis and update all fonts to Google Sans
Copilot Jan 18, 2026
b45cbbf
Update remaining CSS files to use Google Sans font
Copilot Jan 18, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
10 changes: 7 additions & 3 deletions about.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,9 +11,13 @@
<link rel="stylesheet" href="styles/responsive.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&family=Space+Mono:wght@400;700&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css">
<style>
* {
font-family: 'Google Sans', -apple-system, BlinkMacSystemFont, sans-serif !important;
}

/* Additional styles for the about page */
.about-container {
min-height: 100vh;
Expand All @@ -32,7 +36,7 @@
}

.pdf-header {
background: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));
background: #1A73E8;
color: white;
padding: 30px;
text-align: center;
Expand Down Expand Up @@ -72,7 +76,7 @@
display: inline-flex;
align-items: center;
gap: 10px;
background: linear-gradient(135deg, var(--accent-primary), var(--accent-secondary));
background: #1A73E8;
color: white;
padding: 15px 30px;
border-radius: 8px;
Expand Down
26 changes: 13 additions & 13 deletions community.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -185,7 +185,7 @@ <h3>Study Groups</h3>
</div>

<div class="post-content">
<h3>🚀 New JavaScript ES2024 Features You Should Know</h3>
<h3> New JavaScript ES2024 Features You Should Know</h3>
<p>I've just finished putting together a comprehensive guide on the latest JavaScript features that landed in ES2024. Some really exciting additions that will change how we write modern JavaScript!</p>

<div class="post-highlights">
Expand Down Expand Up @@ -267,7 +267,7 @@ <h3>🚀 New JavaScript ES2024 Features You Should Know</h3>
</div>

<div class="post-content">
<p>Just finished my first React project! 🎉 Built a task management app with drag & drop functionality using React DnD. The learning curve was steep but so worth it!</p>
<p>Just finished my first React project! Built a task management app with drag & drop functionality using React DnD. The learning curve was steep but so worth it!</p>

<div class="post-image">
<img src="https://via.placeholder.com/600x300/6264a7/ffffff?text=React+Task+Manager+Screenshot" alt="React Task Manager App">
Expand Down Expand Up @@ -549,13 +549,13 @@ <h3 class="card-title">
<div class="chat-messages" id="chatMessages">
<div class="chat-message system">
<i class="fas fa-robot"></i>
<span>Welcome to OpenRockets Community Chat! 🚀</span>
<span>Welcome to OpenRockets Community Chat! </span>
</div>
<div class="chat-message">
<div class="message-avatar">SC</div>
<div class="message-content">
<div class="message-author">Sarah Chen</div>
<div class="message-text">Just pushed a new React tutorial! Check it out 💻</div>
<div class="message-text">Just pushed a new React tutorial! Check it out </div>
<div class="message-time">2 min ago</div>
</div>
</div>
Expand All @@ -571,7 +571,7 @@ <h3 class="card-title">
<div class="message-avatar">AS</div>
<div class="message-content">
<div class="message-author">Alice Smith</div>
<div class="message-text">My React project is finally live! 🎉 Thanks for all the help!</div>
<div class="message-text">My React project is finally live! Thanks for all the help!</div>
<div class="message-time">12 min ago</div>
</div>
</div>
Expand All @@ -580,9 +580,9 @@ <h3 class="card-title">
<div class="chat-input-area">
<div class="chat-emoji-picker" id="chatEmojiPicker">
<button class="emoji-btn" data-emoji="😀">😀</button>
<button class="emoji-btn" data-emoji="🎉">🎉</button>
<button class="emoji-btn" data-emoji="💻">💻</button>
<button class="emoji-btn" data-emoji="🚀">🚀</button>
<button class="emoji-btn" data-emoji=""></button>
<button class="emoji-btn" data-emoji=""></button>
<button class="emoji-btn" data-emoji=""></button>
<button class="emoji-btn" data-emoji="❤️">❤️</button>
<button class="emoji-btn" data-emoji="👍">👍</button>
</div>
Expand Down Expand Up @@ -891,14 +891,14 @@ <h3>Create New Post</h3>
<option value="">Select a category</option>
<option value="javascript">🟡 JavaScript</option>
<option value="python">🐍 Python</option>
<option value="cpp">⚡ C++</option>
<option value="cpp"> C++</option>
<option value="react">⚛️ React</option>
<option value="nodejs">🚀 Node.js</option>
<option value="nodejs"> Node.js</option>
<option value="ai">🤖 AI/ML</option>
<option value="web-dev">🌐 Web Development</option>
<option value="mobile">📱 Mobile Development</option>
<option value="mobile"> Mobile Development</option>
<option value="help">🆘 Help & Support</option>
<option value="showcase">🎨 Project Showcase</option>
<option value="showcase"> Project Showcase</option>
<option value="discussion">💬 General Discussion</option>
</select>
</div>
Expand All @@ -909,7 +909,7 @@ <h3>Create New Post</h3>
</label>
<select id="postVisibility" name="visibility" class="form-control">
<option value="public">🌍 Public</option>
<option value="group">👥 Study Groups Only</option>
<option value="group"> Study Groups Only</option>
<option value="followers">👤 Followers Only</option>
</select>
</div>
Expand Down
51 changes: 51 additions & 0 deletions components/footer.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,51 @@
<!-- Professional Footer Component -->
<footer class="footer">
<div class="container">
<div class="footer-content">
<div class="footer-brand">
<div>
<img draggable="false" src="/v/openrockets.png" alt="logo" style="width: 11rem;">
<p>We Contribute.</p>
</div>
</div>
<div class="footer-links">
<div class="footer-section">
<h5>Community</h5>
<ul>
<li><a href="/index.html#about">About Us</a></li>
<li><a href="/index.html#mission">Mission</a></li>
<li><a href="https://openrockets.com">Website</a></li>
</ul>
</div>
<div class="footer-section">
<h5>Connect</h5>
<ul>
<li><a href="https://github.com/openrockets">GitHub</a></li>
<li><a href="https://bit.ly/openrockets-discord">Discord</a></li>
<li><a href="/index.html#projects">Projects</a></li>
</ul>
</div>
<div class="footer-section">
<h5>Resources</h5>
<ul>
<li><a href="https://mag.openrockets.com">Magazine</a></li>
<li><a href="https://opensocial.online">OpenSocial</a></li>
<li><a href="/learn.html">Learn</a></li>
</ul>
</div>
<div class="footer-section">
<h5>Legal</h5>
<ul>
<li><span>Law</span></li>
<li><span>Transparency</span></li>
</ul>
</div>
</div>
</div>
<div class="footer-bottom">
<p>&copy; 2026 OpenRockets Foundation (not-for-profit) Organization.<br>
OpenRockets Foundation is a 501(c)(3) registered non-profit organization, in United States of America. Operated in Colombo, Sri Lanka.<br><br>
<strong>Note:</strong> The OpenRockets Foundation is transitioning towards a decentralized governance model to better serve our community and embody the principles of open-source collaboration.</p>
</div>
</div>
</footer>
21 changes: 21 additions & 0 deletions components/header.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,21 @@
<!-- Professional Header Component -->
<nav class="navbar">
<div class="nav-container">
<a href="/index.html" class="nav-brand">
<img src="/v/openrockets.png" alt="OpenRockets">
<span class="brand-text"> / platform</span>
</a>

<ul class="nav-menu">
<li><a href="/index.html" class="nav-link">Home</a></li>
<li><a href="/about.html" class="nav-link">About</a></li>
<li><a href="/index.html#news" class="nav-link">News</a></li>
<li><a href="/index.html#events" class="nav-link">Events</a></li>
<li><a href="/join.html" class="nav-link">Join</a></li>
</ul>

<button class="nav-toggle" title="Toggle Navigation Menu" aria-label="Toggle Navigation Menu">
<i class="fas fa-bars"></i>
</button>
</div>
</nav>
2 changes: 1 addition & 1 deletion dashboard.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -365,7 +365,7 @@ <h3>Community Highlights</h3>
</div>
</div>
<div class="post-content">
Just completed my first React project! Thanks to everyone who helped in the study group 🚀
Just completed my first React project! Thanks to everyone who helped in the study group
</div>
<div class="post-actions">
<button class="post-action">
Expand Down
7 changes: 2 additions & 5 deletions form/css/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,7 +1,5 @@

@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800;900&display=swap');
/*These two fonts are essential. Only use them in the future.*/
@import url('https://fonts.googleapis.com/css2?family=Cal+Sans&family=Space+Grotesk:wght@300..700&display=swap');
@import url('https://fonts.googleapis.com/css2?family=Google+Sans:wght@400;500;700&display=swap');

/* CSS Variables */
:root {
Expand All @@ -10,7 +8,7 @@
--color-gray-light: #f5f5f5;
--color-gray-medium: #e0e0e0;
--color-gray-dark: #333333;
--font-family: 'Inter', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
--font-family: 'Google Sans', -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, sans-serif;
--border-radius: 8px;
--border-radius-pill: 50px;
--border-radius-circle: 50%;
Expand Down Expand Up @@ -38,7 +36,6 @@ body {
color: var(--color-black);
line-height: 1.6;
font-size: 16px;
font-family: "Cal Sans", sans-serif;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
Expand Down
Loading