Skip to content

Commit 2581d49

Browse files
MummanajagadeeshRachelAjiJoseph2006Mayuur15SlyPredator
authored
feat: pr-preview and blog added (#32)
* Fix: Updated 404 page, added navbar and footer components (#14) * chore: update alumni companies and unis (#15) * chore: modified the alumini images which had open to work and added new companies and universities * Deleted unnecesssary png files * removed ns and visa from companies * fix: ibm webp path * fix: webp path * feat: blogs (#13) * feat: blogs * fix: deploy.yml for content * fix: content js * fix: js * fix: js * Update deploy.yml * Update deploy.yml * Update deploy.yml * Update deploy.yml * Update deploy.yml * Update deploy.yml * Update deploy.yml * fix: add slug * fix: update author * fix: mobile support and ux improvements * fix: blog list view * feat: draft flag * feat: draft flag * feat: draft icon in blog card * chore: remove footer in post page * chore: fixed scrollbar and added share post feat --------- Co-authored-by: Mummanajagadeesh <mummanajagadeesh97@gmail.com> * chore: update team --------- Co-authored-by: RachelAjiJoseph2006 <rachelalternativespace@gmail.com> Co-authored-by: Mayuur15 <mayuur06official@gmail.com> Co-authored-by: Navneeth M <107338609+SlyPredator@users.noreply.github.com> Co-authored-by: Navneeth Mahadevan <navneethmahadevan@gmail.com>
1 parent 4088b58 commit 2581d49

64 files changed

Lines changed: 3626 additions & 343 deletions

Some content is hidden

Large Commits have some content hidden by default. Use the searchbox below for content that may be hidden.

‎.github/workflows/deploy.yml‎

Lines changed: 6 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -61,6 +61,8 @@ jobs:
6161
find dist -type f -name "*.html" -print0 | while IFS= read -r -d '' file; do
6262
sed -i \
6363
-e "s|=\"/assets/|=\"$BASE_PREFIX/assets/|g" \
64+
-e "s|=\"/content/|=\"$BASE_PREFIX/content/|g" \
65+
-e "s|=\"/blog/|=\"$BASE_PREFIX/blog/|g" \
6466
-e "s|=\"/src/|=\"$BASE_PREFIX/src/|g" \
6567
-e "s|=\"/\"|=\"$BASE_PREFIX/\"|g" \
6668
-e "s|\"/src/components/|\"$BASE_PREFIX/src/components/|g" \
@@ -89,6 +91,10 @@ jobs:
8991
-e "s|'/src/|'$BASE_PREFIX/src/|g" \
9092
-e "s|\"/assets/|\"$BASE_PREFIX/assets/|g" \
9193
-e "s|'/assets/|'$BASE_PREFIX/assets/|g" \
94+
-e "s|/content/|$BASE_PREFIX/content/|g" \
95+
-e "s|'/blog/|'$BASE_PREFIX/blog/|g" \
96+
-e "s|\"/blog/|\"$BASE_PREFIX/blog/|g" \
97+
-e "s|\`/blog/|\`$BASE_PREFIX/blog/|g" \
9298
"$file"
9399
done
94100

‎404.html‎

Lines changed: 108 additions & 201 deletions
Original file line numberDiff line numberDiff line change
@@ -3,246 +3,153 @@
33
<head>
44
<meta charset="utf-8" />
55
<meta name="viewport" content="width=device-width,initial-scale=1" />
6+
67
<title>RIGNITC | Page Not Found</title>
7-
<link rel="icon" type="image/png" href="https://mummanajagadeesh.github.io/RIGNITC/assets/images/logo.webp">
8+
<link rel="canonical" href="https://rignitc.com/404" />
9+
<link rel="icon" type="image/png" href="/assets/images/logog.webp" />
10+
11+
<!-- Global styles -->
12+
<link rel="stylesheet" href="/src/styles/fonts.css" />
13+
<link rel="stylesheet" href="/src/styles/navbar.css" />
14+
<link rel="stylesheet" href="/src/styles/footer.css" />
15+
<link rel="stylesheet" href="/src/styles/cursor.css" />
816

917
<!-- Fonts -->
10-
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;600;800&family=Sora:wght@400;600&family=Orbitron:wght@400;700&display=swap" rel="stylesheet">
18+
<link href="https://fonts.googleapis.com/css2?family=Inter:wght@300;600;800&family=Sora:wght@400;600&family=Orbitron:wght@400;700&display=swap" rel="stylesheet" />
1119

1220
<style>
13-
/* ================= NAVBAR ================= */
14-
nav {
15-
position: fixed;
16-
top: 20px;
17-
left: 50%;
18-
transform: translateX(-50%);
19-
display: flex;
20-
justify-content: space-between;
21-
align-items: center;
22-
background: rgba(10, 10, 10, 0.8);
23-
backdrop-filter: blur(18px) saturate(180%);
24-
-webkit-backdrop-filter: blur(18px) saturate(180%);
25-
padding: 14px 40px;
26-
border-radius: 16px;
27-
border: 1px solid rgba(255,255,255,0.08);
28-
box-shadow: 0 6px 28px rgba(0,0,0,0.55);
29-
z-index: 1000;
30-
min-width: 65%;
31-
max-width: 1100px;
32-
font-family: "Inter", "Segoe UI", "Roboto", sans-serif;
21+
:root {
22+
--bg:#000;
23+
--fg:#fff;
24+
--radius:14px;
3325
}
34-
.logo { display:block;width:50px;height:auto;z-index:2; }
35-
.logo img { width:100%;height:auto;display:block; }
36-
.nav-links { display:flex;gap:2.2rem;z-index:2; }
37-
.nav-links a {
38-
text-decoration:none;
39-
font-weight:500;
40-
padding:6px 2px;
41-
transition:all 0.35s ease;
42-
color:#cfcfcf;
43-
position:relative;
44-
letter-spacing:0.5px;
45-
font-size:0.95rem;
46-
}
47-
.nav-links a::after {
48-
content:"";
49-
position:absolute;
50-
left:0;
51-
bottom:-6px;
52-
width:100%;
53-
height:1.5px;
54-
background:linear-gradient(90deg,#666,#aaa,#666);
55-
border-radius:2px;
56-
transform:scaleX(0);
57-
transform-origin:right;
58-
transition:transform 0.35s ease;
59-
}
60-
.nav-links a:hover::after { transform:scaleX(1);transform-origin:left; }
61-
.nav-links a:hover {
62-
color:#f1f1f1;
63-
text-shadow:0 0 10px rgba(255,255,255,0.4);
64-
transform:translateY(-2px);
65-
}
66-
.btn-sponsor {
67-
background:linear-gradient(135deg,#2a2a2a,#111);
68-
color:#e0e0e0;
69-
border:1px solid rgba(255,255,255,0.25);
70-
border-radius:12px;
71-
padding:11px 28px;
72-
font-weight:700;
73-
font-size:0.95rem;
74-
text-decoration:none;
75-
letter-spacing:1px;
76-
text-transform:uppercase;
77-
transition:transform 0.35s ease,box-shadow 0.35s ease,border 0.35s ease;
78-
position:relative;
79-
overflow:hidden;
80-
z-index:1;
81-
box-shadow:inset 0 1px 3px rgba(255,255,255,0.08),0 4px 18px rgba(0,0,0,0.6);
26+
27+
* {
28+
box-sizing:border-box;
29+
margin:0;
30+
padding:0;
8231
}
83-
.btn-sponsor::before {
84-
content:"";
85-
position:absolute;
86-
top:0;left:-75%;
87-
width:50%;height:100%;
88-
background:linear-gradient(120deg,transparent,rgba(255,255,255,0.3),transparent);
89-
transform:skewX(-20deg);
90-
transition:left 0.8s ease;
32+
33+
html, body {
34+
min-height:100%;
9135
}
92-
.btn-sponsor:hover::before { left:130%; }
93-
.btn-sponsor:hover {
94-
transform:translateY(-2px) scale(1.03);
95-
border-color:rgba(255,255,255,0.35);
96-
box-shadow:0 6px 20px rgba(255,255,255,0.15),inset 0 1px 4px rgba(255,255,255,0.1);
97-
background:linear-gradient(135deg,#333,#1a1a1a);
36+
37+
body {
38+
display: flex;
39+
flex-direction: column;
40+
min-height: 100vh;
41+
margin: 0;
42+
background: var(--bg);
43+
color: var(--fg);
44+
font-family: "Inter", system-ui, -apple-system, "Segoe UI", Roboto;
9845
}
99-
nav.dark { background:linear-gradient(145deg,#1c1c1c,#101010);border:1px solid rgba(255,255,255,0.12); }
100-
nav.dark .nav-links a { color:#bdbdbd; }
101-
nav.dark .nav-links a:hover { color:#fff; }
102-
nav.dark .btn-sponsor { background:linear-gradient(135deg,#2e2e2e,#111); }
103-
104-
@media (max-width:768px) {
105-
nav {
106-
padding:12px 18px;
107-
min-width:92%;
108-
max-width:92%;
109-
border-radius:14px;
110-
position:relative;
111-
}
112-
.logo { width:42px;margin:0; }
113-
.nav-links {
114-
max-height:0;
115-
overflow:hidden;
116-
flex-direction:column;
117-
gap:1rem;
118-
position:absolute;
119-
top:100%;
120-
left:0;
121-
width:100%;
122-
padding:0 16px;
123-
background:rgba(20,20,20,0.95);
124-
backdrop-filter:blur(14px);
125-
-webkit-backdrop-filter:blur(14px);
126-
border-radius:0 0 14px 14px;
127-
box-shadow:0 6px 20px rgba(0,0,0,0.65);
128-
transition:max-height 0.35s ease,padding 0.35s ease;
129-
}
130-
nav:hover .nav-links,nav:focus-within .nav-links { max-height:400px;padding:16px; }
131-
nav::after {
132-
content:"≡";
133-
font-size:1.6rem;
134-
color:#fff;
135-
position:absolute;
136-
right:16px;
137-
top:50%;
138-
transform:translateY(-50%);
139-
line-height:1;
140-
pointer-events:none;
141-
}
142-
nav>.btn-sponsor { display:none!important; }
143-
.nav-links .btn-sponsor { display:block;width:100%;text-align:center;margin-top:8px;order:99; }
46+
47+
/* main should take remaining space */
48+
main {
49+
flex: 1;
50+
display: flex;
51+
flex-direction: column;
52+
align-items: center;
53+
text-align: center;
54+
padding: 120px 22px;
55+
width: 100%;
14456
}
14557

146-
/* =============== PAGE STYLES =============== */
147-
:root{--bg:#000;--fg:#fff;--radius:14px;}
148-
*{box-sizing:border-box;margin:0;padding:0}
149-
html,body{height:100%;min-height:100%;overflow-y:scroll}
150-
body{
151-
background:var(--bg);
152-
color:var(--fg);
153-
font-family:"Inter",system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial;
154-
display:flex;
155-
flex-direction:column;
156-
align-items:center;
157-
text-align:center;
158-
padding:120px 22px;
58+
/* footer should stretch full width */
59+
#footer-placeholder {
60+
width: 100%;
15961
}
16062

161-
/* New: animated PNG wrapper */
162-
.error-art{
63+
.error-art {
16364
display:flex;
16465
flex-direction:column;
16566
align-items:center;
16667
gap:14px;
16768
margin:40px 0 20px;
16869
}
169-
.error-art img{
170-
width:min(680px,92vw);
171-
height:auto;
172-
border-radius:16px;
173-
box-shadow:0 8px 30px rgba(0,0,0,0.55);
174-
border:1px solid rgba(255,255,255,0.08);
70+
71+
.error-art img {
72+
filter: grayscale(100%) contrast(100%);
73+
width: min(680px, 92vw);
74+
border-radius: 16px;
75+
box-shadow: 0 8px 30px rgba(0,0,0,0.55);
76+
border: 1px solid rgba(255,255,255,0.08);
17577
}
17678

177-
.tagline{color:rgba(255,255,255,0.85);font-weight:600;margin-top:10px;font-size:1rem;}
178-
.error-message{font-size:1.3rem;color:rgba(255,255,255,.82);margin-bottom:24px;}
179-
.home-link{
180-
display:inline-block;
79+
.tagline {
80+
font-weight:600;
81+
color:rgba(255,255,255,0.85);
82+
margin-top:10px;
83+
}
84+
85+
.error-message {
86+
font-size:1.2rem;
87+
color:rgba(255,255,255,.8);
88+
margin-bottom:24px;
89+
}
90+
91+
.home-link {
18192
background:var(--fg);
18293
color:var(--bg);
183-
text-decoration:none;
18494
padding:12px 28px;
18595
border-radius:var(--radius);
96+
text-decoration:none;
18697
font-weight:700;
187-
transition:all .3s ease;
98+
transition:.3s ease;
18899
}
189-
.home-link:hover{background:rgba(255,255,255,.85);color:var(--bg);}
190-
@media(max-width:720px){
191-
.error-message{font-size:1.1rem}
100+
101+
.home-link:hover {
102+
background:rgba(255,255,255,.85);
192103
}
193104

194-
/* Optional: keep "404" for screen readers only */
195-
.sr-only{
196-
position:absolute!important;
197-
width:1px;height:1px;
198-
padding:0;margin:-1px;overflow:hidden;
199-
clip:rect(0,0,0,0);white-space:nowrap;border:0;
105+
.sr-only {
106+
position:absolute;
107+
width:1px;
108+
height:1px;
109+
overflow:hidden;
110+
clip:rect(0,0,0,0);
200111
}
201112
</style>
202113
</head>
114+
203115
<body>
204-
<!-- NAV -->
205-
<nav class="dark" id="navbar">
206-
<a href="../" class="logo">
207-
<img src="https://mummanajagadeesh.github.io/RIGNITC/assets/images/logo.webp" alt="RIGNITC logo" style="filter: grayscale(1) invert(1);">
208-
</a>
209-
<div class="nav-links">
210-
<a href="../about/">About Us</a>
211-
<a href="../projects/">Projects</a>
212-
<a href="../achievements/">Achievements</a>
213-
<a href="../activities/">Activities</a>
214-
<a href="../team/">Team</a>
215-
<a href="../contact/">Contact</a>
216-
</div>
217-
<a class="btn-sponsor" href="../contact/?name=Your%20name%20%2F%20organization&email=contact%40company.com&message=Interested%20in%20discussing%20partnership%20or%20sponsorship%20possibilities%2E
218-
">Sponsor Us</a>
219-
</nav>
220-
221-
<!-- MAIN -->
116+
<!-- Navbar -->
117+
<div id="navbar-placeholder"></div>
118+
119+
<!-- Main content -->
222120
<main>
223-
<!-- Screen-reader-only fallback text -->
224121
<h1 class="sr-only">404 — Page Not Found</h1>
225122

226-
<!-- Animated PNG instead of the big 404 text -->
227-
<figure class="error-art" aria-label="Page not found">
228-
<img
229-
src="https://rignitc.com/assets/images/main/404.webp"
230-
alt="Animated illustration for a missing page"
231-
loading="eager"
232-
decoding="async"
233-
style="
234-
filter: grayscale(100%) contrast(200%);
235-
image-rendering: pixelated;
236-
"
237-
/>
238-
123+
<figure class="error-art">
124+
<img
125+
src="https://rignitc.com/assets/images/main/404.webp"
126+
alt="Page not found illustration"
127+
loading="eager"
128+
/>
239129
</figure>
240130

241131
<div class="tagline">Oops! The page you are looking for does not exist.</div>
242-
<br>
243-
<p class="error-message">It might have been moved or never existed. You can return to the homepage.</p>
132+
<p class="error-message">
133+
It might have been moved or never existed.
134+
</p>
135+
244136
<a href="https://rignitc.com" class="home-link">Go Back Home</a>
245137
</main>
246-
<script src="./assets/js/mobile-navbar.js"></script>
138+
139+
<!-- Footer -->
140+
<div id="footer-placeholder"></div>
141+
142+
<!-- Cursor -->
143+
<div class="cursor"></div>
144+
<div class="cursor-ring"></div>
145+
146+
<!-- Scripts -->
147+
<script src="/src/scripts/cursor.js"></script>
148+
<script src="/src/scripts/mobile-navbar.js"></script>
149+
<script src="/src/scripts/componentLoader.js"></script>
150+
<script>
151+
loadComponent("navbar-placeholder", "/src/components/navbar.html");
152+
loadComponent("footer-placeholder", "/src/components/footer.html");
153+
</script>
247154
</body>
248-
</html>
155+
</html>

‎assets/images/companies/Aalto.png‎

-2.03 KB
Binary file not shown.

‎assets/images/companies/Aalto.webp‎

-5.54 KB
Loading

0 commit comments

Comments
 (0)