Skip to content

brand update #22

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
Dishpit merged 2 commits into from
Jun 3, 2025
Merged

brand update #22

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
6fc7658
new logo from graphics team
Dishpit Jun 3, 2025
2bf2e92
brand color
Dishpit Jun 3, 2025
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
4 changes: 2 additions & 2 deletions docs/changeblog.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@
<div class="nav-container">
<div class="nav-brand">
<a href="index.html" style="display: flex; align-items: center; gap: 0.5rem; text-decoration: none; color: inherit;">
<span class="gem-icon">💎</span>
<img src="favicon.svg" width="32"/>
<span class="brand-text">Gem</span>
</a>
</div>
Expand Down Expand Up @@ -395,7 +395,7 @@ <h2>What's Next?</h2>
<div class="container">
<div class="footer-content">
<div class="footer-brand">
<span class="gem-icon">💎</span>
<img src="favicon.svg" width="32"/>
<span>Gem Programming Language v1.3.0</span>
</div>
<div class="footer-links">
Expand Down
10 changes: 5 additions & 5 deletions docs/docs.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -246,7 +246,7 @@

/* Code blocks */
.code-block {
background: #1e293b;
background: #0f2a15;
border-radius: var(--border-radius);
overflow: hidden;
margin: 1.5rem 0;
Expand All @@ -264,7 +264,7 @@
}

.output-block {
background: #0f172a;
background: #0f2a13;
border-radius: var(--border-radius);
overflow: hidden;
margin: 1.5rem 0;
Expand Down Expand Up @@ -312,8 +312,8 @@ kbd {

/* Info boxes */
.info-box {
background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
border: 1px solid #bfdbfe;
background: linear-gradient(135deg, #effff0 0%, #dcfedb 100%);
border: 1px solid #bffec2;
border-radius: var(--border-radius);
padding: 1.5rem;
margin: 1.5rem 0;
Expand All @@ -328,7 +328,7 @@ kbd {

.info-box p,
.info-box ul {
color: #1e40af;
color: var(--primary-color);
margin-bottom: 0.5rem;
}

Expand Down
4 changes: 2 additions & 2 deletions docs/docs.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@
<div class="nav-container">
<div class="nav-brand">
<a href="index.html" style="display: flex; align-items: center; gap: 0.5rem; text-decoration: none; color: inherit;">
<span class="gem-icon">💎</span>
<img src="favicon.svg" width="32"/>
<span class="brand-text">Gem</span>
</a>
</div>
Expand Down Expand Up @@ -1340,7 +1340,7 @@ <h3>Practical Time Examples</h3>
<div class="container">
<div class="footer-content">
<div class="footer-brand">
<span class="gem-icon">💎</span>
<img src="favicon.svg" width="32"/>
<span>Gem Programming Language</span>
</div>
<div class="footer-links">
Expand Down
29 changes: 19 additions & 10 deletions docs/favicon.svg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
20 changes: 10 additions & 10 deletions docs/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -13,7 +13,7 @@
<nav class="navbar">
<div class="nav-container">
<div class="nav-brand">
<span class="gem-icon">💎</span>
<img src="favicon.svg" width="32"/>
<span class="brand-text">Gem</span>
<span class="version">v1.3.0</span>
</div>
Expand All @@ -31,7 +31,7 @@
<div class="container">
<div class="hero-content">
<h1 class="hero-title">
<span class="gem-icon-large">💎</span>
<img src="favicon.svg" width="128"/>
Gem Programming Language
<span class="version-badge">v1.3.0</span>
</h1>
Expand All @@ -44,11 +44,11 @@ <h1 class="hero-title">
that's both powerful and delightful to write. No more choosing between safety and beauty.
</p>
<div class="hero-features">
<span class="feature-badge">🔒 Memory Safe</span>
<span class="feature-badge">🛡️ Type Safe</span>
<span class="feature-badge">⚡ Fast</span>
<span class="feature-badge">🎯 Developer Friendly</span>
<span class="feature-badge">💎 Beautiful Syntax</span>
<span class="feature-badge">Memory Safe</span>
<span class="feature-badge">Type Safe</span>
<span class="feature-badge">Fast</span>
<span class="feature-badge">Developer Friendly</span>
<span class="feature-badge">Beautiful Syntax</span>
</div>
<div class="hero-actions">
<a href="#docs" class="btn btn-primary">Get Started</a>
Expand Down Expand Up @@ -174,7 +174,7 @@ <h3>Modern Features</h3>
<p>First-class functions, classes, inheritance, modules, and a growing standard library.</p>
</div>
<div class="feature-card">
<div class="feature-icon">💎</div>
<div class="feature-icon"><img src="favicon.svg" width="64"/></div>
<h3>Beautiful Syntax</h3>
<p>Clean, expressive syntax that's genuinely pleasant to read and write. Code that's not only safe and fast, but beautiful.</p>
</div>
Expand Down Expand Up @@ -220,7 +220,7 @@ <h4>Embr Phase</h4>
</div>
</div>
<div class="timeline-item">
<div class="timeline-icon">💎</div>
<div class="timeline-icon"><img src="favicon.svg" width="32"/></div>
<div class="timeline-content">
<h4>Gem Reborn</h4>
<p>Complete rewrite with focus on safety, beauty, and developer happiness. The language we always wanted.</p>
Expand Down Expand Up @@ -302,7 +302,7 @@ <h3>Functions & Classes</h3>
<div class="container">
<div class="footer-content">
<div class="footer-brand">
<span class="gem-icon">💎</span>
<img src="favicon.svg" width="32"/>
<span>Gem Programming Language v1.3.0</span>
</div>
<div class="footer-links">
Expand Down
44 changes: 26 additions & 18 deletions docs/styles.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,16 +1,25 @@
/* Reset and base styles */
/*
#A8D8A8 - medium light sage
#4CAF50 - medium emerald (secondary)
#388E3C - deep emerald (primary)
#1B5E20 - very dark forest (primary dark)
#81C784 - medium-light green
#66BB6A - medium green
#2E7D32 - dark forest (accent)
*/
* {
margin: 0;
padding: 0;
box-sizing: border-box;
}

:root {
--primary-color: #6366f1;
--primary-dark: #4f46e5;
--secondary-color: #8b5cf6;
--accent-color: #06b6d4;
--text-primary: #1f2937;
--primary-color: #388E3C;
--primary-dark: #1B5E20;
--secondary-color: #4CAF50;
--accent-color: #2E7D32;
--text-primary: #1f3722;
--text-secondary: #6b7280;
--text-light: #9ca3af;
--bg-primary: #ffffff;
Expand Down Expand Up @@ -76,10 +85,6 @@ body {
text-decoration: none;
}

.gem-icon {
font-size: 1.5rem;
}

.version {
font-size: 0.75rem;
background: var(--primary-color);
Expand Down Expand Up @@ -266,7 +271,7 @@ body {
}

.line-numbers {
background: #2d2d2d;
background: #0f2a13;
color: #858585;
padding: 0.75rem 0.25rem 0.75rem 0.75rem;
font-family: var(--font-mono);
Expand All @@ -283,6 +288,7 @@ body {
flex: 1;
position: relative;
overflow: hidden;
background: #0f2a13;
}

.syntax-highlight {
Expand Down Expand Up @@ -384,14 +390,14 @@ body {
}

.terminal-window {
background: #0f172a;
background: #0f2a15;
border-radius: var(--border-radius);
overflow: hidden;
box-shadow: var(--shadow-lg);
}

.terminal-header {
background: #1e293b;
background: #0f2a15;
padding: 0.75rem 1rem;
display: flex;
align-items: center;
Expand Down Expand Up @@ -428,7 +434,7 @@ body {
}

.terminal-content {
background: #0f172a;
background: #0f2a13;
color: #e2e8f0;
font-family: var(--font-mono);
font-size: 0.8rem;
Expand Down Expand Up @@ -514,18 +520,19 @@ code[class*=language-] {

/* Code Window */
.code-window {
background: #1e293b;
background: #0f2a15;
border-radius: var(--border-radius-lg);
overflow: hidden;
box-shadow: var(--shadow-xl);
}

.code-header {
background: #334155;
background: #0f2a13;
padding: 0.75rem 1rem;
display: flex;
align-items: center;
gap: 0.75rem;
border-bottom: 1px solid #404040;
}

.code-dots {
Expand Down Expand Up @@ -700,7 +707,7 @@ pre, code, .code-content, .code-block, .terminal-content {
}

.philosophy-box {
background: linear-gradient(135deg, #eff6ff 0%, #dbeafe 100%);
background: linear-gradient(135deg, #effff1 0%, #dbfedb 100%);
border: 2px solid var(--primary-color);
border-radius: var(--border-radius-lg);
padding: 2rem;
Expand All @@ -715,7 +722,7 @@ pre, code, .code-content, .code-block, .terminal-content {
}

.philosophy-box p {
color: #1e40af;
color: var(--primary-color);
line-height: 1.7;
margin-bottom: 1rem;
}
Expand Down Expand Up @@ -800,12 +807,13 @@ pre, code, .code-content, .code-block, .terminal-content {
.example-card pre {
margin: 0;
padding: 1.5rem;
background: #1e293b;
background: #0f2a15;
color: #e2e8f0;
font-family: var(--font-mono);
font-size: 0.875rem;
line-height: 1.6;
overflow-x: auto;
height: 100%;
}

/* Footer */
Expand Down
Loading