Skip to content

Commit b389194

Browse files
zzigakzzigak
committed
first
0 parents  commit b389194

File tree

5 files changed

+865
-0
lines changed

5 files changed

+865
-0
lines changed

‎README.md‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
# Research Project Website Template
2+
A modern, responsive website template for showcasing research projects.
3+
4+
## Getting Started
5+
6+
1. Clone this repository
7+
2. Change contents in `index.html` and `images/`
8+
4. Host the repo and its done!
9+
10+
11+
## License
12+
13+
MIT

‎gruvbox.css‎

Lines changed: 266 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,266 @@
1+
/* Gruvbox Dark Theme
2+
* Based on the Gruvbox color palette by morhetz
3+
* https://github.com/morhetz/gruvbox
4+
*/
5+
6+
:root {
7+
/* Gruvbox Dark Theme Colors */
8+
--bg: #282828;
9+
--bg0_h: #1d2021;
10+
--bg0_s: #32302f;
11+
--bg1: #3c3836;
12+
--bg2: #504945;
13+
--bg3: #665c54;
14+
--bg4: #7c6f64;
15+
16+
--fg: #ebdbb2;
17+
--fg0: #fbf1c7;
18+
--fg1: #ebdbb2;
19+
--fg2: #d5c4a1;
20+
--fg3: #bdae93;
21+
--fg4: #a89984;
22+
23+
--red: #fb4934;
24+
--green: #b8bb26;
25+
--yellow: #fabd2f;
26+
--blue: #83a598;
27+
--purple: #d3869b;
28+
--aqua: #8ec07c;
29+
--orange: #fe8019;
30+
--gray: #928374;
31+
}
32+
33+
/* Base styles */
34+
body {
35+
background-color: var(--bg);
36+
color: var(--fg);
37+
}
38+
39+
/* Headers */
40+
h1, h2, h3, h4, h5, h6 {
41+
color: var(--fg0);
42+
}
43+
44+
h1 {
45+
color: var(--yellow);
46+
}
47+
48+
h2 {
49+
color: var(--aqua);
50+
}
51+
52+
/* Links */
53+
a {
54+
color: var(--blue);
55+
}
56+
57+
a:hover, a:focus, a:active {
58+
color: var(--orange);
59+
}
60+
61+
/* Navigation */
62+
.nav-button {
63+
background-color: var(--bg2);
64+
color: var(--fg) !important;
65+
border: 1px solid var(--bg3);
66+
transition: all 0.2s ease;
67+
}
68+
69+
.nav-button:hover {
70+
background-color: var(--bg3);
71+
color: var(--yellow) !important;
72+
transform: translateY(-1px);
73+
}
74+
75+
/* Icons in navigation */
76+
.nav-button i {
77+
color: var(--fg);
78+
margin-right: 0.5em;
79+
}
80+
81+
.nav-button:hover i {
82+
color: var(--yellow);
83+
}
84+
85+
/* Authors section */
86+
.author-block a {
87+
color: var(--blue);
88+
}
89+
90+
.author-block a:hover {
91+
color: var(--orange);
92+
}
93+
94+
.author-block sup, .affiliation-block sup {
95+
color: var(--gray);
96+
}
97+
98+
.author-affiliations {
99+
color: var(--fg3);
100+
}
101+
102+
/* Code blocks */
103+
pre, code {
104+
background-color: var(--bg0_s);
105+
border-color: var(--bg3);
106+
color: var(--fg2);
107+
}
108+
109+
/* Copy button */
110+
.copy {
111+
background-color: var(--bg2);
112+
color: var(--fg);
113+
border: 1px solid var(--bg3);
114+
}
115+
116+
.copy:hover {
117+
background-color: var(--bg3);
118+
color: var(--yellow);
119+
}
120+
121+
/* Teaser figure */
122+
#teaser figcaption {
123+
color: var(--fg3);
124+
}
125+
126+
/* Section headers */
127+
section h2 {
128+
color: var(--aqua);
129+
border-bottom: 1px solid var(--bg3);
130+
padding-bottom: 0.5em;
131+
}
132+
133+
/* Conference info */
134+
h2:not(section h2) {
135+
color: var(--purple);
136+
font-style: italic;
137+
}
138+
139+
/* Abstract and main content */
140+
p {
141+
color: var(--fg1);
142+
}
143+
144+
/* Icons */
145+
.fa-brands, .fa-solid {
146+
color: var(--fg);
147+
}
148+
149+
/* Footer */
150+
footer {
151+
color: var(--fg3);
152+
border-top: 1px solid var(--bg3);
153+
margin-top: 2em;
154+
padding-top: 1em;
155+
}
156+
157+
/* Custom scrollbar */
158+
::-webkit-scrollbar {
159+
width: 10px;
160+
height: 10px;
161+
}
162+
163+
::-webkit-scrollbar-track {
164+
background: var(--bg0_h);
165+
}
166+
167+
::-webkit-scrollbar-thumb {
168+
background: var(--bg3);
169+
}
170+
171+
::-webkit-scrollbar-thumb:hover {
172+
background: var(--bg4);
173+
}
174+
175+
/* Selection */
176+
::selection {
177+
background: var(--bg3);
178+
color: var(--fg0);
179+
}
180+
181+
/* Iframe (for video) */
182+
iframe {
183+
border: 1px solid var(--bg3);
184+
background-color: var(--bg0_s);
185+
}
186+
187+
/* Table styles */
188+
table {
189+
border-color: var(--bg3);
190+
}
191+
192+
td, th {
193+
border-color: var(--bg3);
194+
}
195+
196+
th {
197+
background: var(--bg2);
198+
color: var(--fg0);
199+
}
200+
201+
/* Additional utility classes */
202+
.highlight {
203+
color: var(--yellow);
204+
}
205+
206+
.emphasis {
207+
color: var(--orange);
208+
}
209+
210+
.note {
211+
color: var(--aqua);
212+
}
213+
214+
.warning {
215+
color: var(--red);
216+
}
217+
218+
/* Print styles */
219+
@media print {
220+
body {
221+
background-color: white;
222+
color: black;
223+
}
224+
225+
a {
226+
color: #0000EE;
227+
}
228+
229+
.nav-button {
230+
border: 1px solid #ccc;
231+
background: none;
232+
color: black !important;
233+
}
234+
}
235+
236+
/* Theme switch */
237+
.theme-switch {
238+
position: fixed;
239+
top: 1rem;
240+
right: 1rem;
241+
z-index: 1000;
242+
background: var(--bg2);
243+
border: 1px solid var(--bg3);
244+
border-radius: 50%;
245+
width: 2.5rem;
246+
height: 2.5rem;
247+
display: flex;
248+
align-items: center;
249+
justify-content: center;
250+
cursor: pointer;
251+
transition: all 0.2s ease;
252+
}
253+
254+
.theme-switch:hover {
255+
background: var(--bg3);
256+
transform: translateY(-1px);
257+
}
258+
259+
.theme-switch i {
260+
color: var(--fg);
261+
font-size: 1.2rem;
262+
}
263+
264+
.theme-switch:hover i {
265+
color: var(--yellow);
266+
}

‎images/peef.png‎

186 KB
Loading

0 commit comments

Comments
 (0)