Skip to content

Commit fedafa0

Browse files
abhi18avabhi18av
committed
presentation [ci skip]
1 parent 0a49ac2 commit fedafa0

File tree

4 files changed

+1435
-0
lines changed

4 files changed

+1435
-0
lines changed

‎docs/assets/.gitkeep‎

Lines changed: 13 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,13 @@
1+
# Assets Directory
2+
3+
This directory contains supporting assets for the presentation:
4+
5+
- `logo.png` - Organization logo
6+
- `template.pptx` - PowerPoint template for PPTX output
7+
- Additional images and graphics as needed
8+
9+
To use the presentation:
10+
11+
1. Add your organization's logo as `logo.png`
12+
2. Customize the PowerPoint template as needed
13+
3. Run `quarto render template-presentation.qmd` to generate outputs

‎docs/custom.scss‎

Lines changed: 239 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,239 @@
1+
/*-- scss:defaults --*/
2+
3+
// Color scheme for academic presentation
4+
$primary-color: #2563eb;
5+
$secondary-color: #059669;
6+
$accent-color: #dc2626;
7+
$text-color: #1f2937;
8+
$background-color: #ffffff;
9+
$code-bg-color: #f8fafc;
10+
11+
// Typography
12+
$font-family-sans-serif: 'Inter', 'Segoe UI', 'Roboto', sans-serif !default;
13+
$font-family-monospace: 'JetBrains Mono', 'Fira Code', 'Monaco', monospace !default;
14+
15+
/*-- scss:rules --*/
16+
17+
// Base styling
18+
.reveal {
19+
font-family: $font-family-sans-serif;
20+
color: $text-color;
21+
}
22+
23+
// Title slide styling
24+
.reveal .slides section.title {
25+
text-align: center;
26+
27+
h1 {
28+
color: $primary-color;
29+
font-weight: 700;
30+
font-size: 2.5em;
31+
margin-bottom: 0.5em;
32+
}
33+
34+
h2 {
35+
color: $secondary-color;
36+
font-weight: 400;
37+
font-size: 1.2em;
38+
margin-bottom: 1em;
39+
}
40+
41+
.author, .date {
42+
color: #6b7280;
43+
font-size: 1em;
44+
}
45+
}
46+
47+
// Section headers with colored backgrounds
48+
.reveal .slides section[data-background-color] {
49+
h1, h2 {
50+
color: white;
51+
text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
52+
}
53+
}
54+
55+
// Code blocks
56+
.reveal pre code {
57+
background-color: $code-bg-color;
58+
border: 1px solid #e5e7eb;
59+
border-radius: 8px;
60+
padding: 1em;
61+
font-family: $font-family-monospace;
62+
font-size: 0.8em;
63+
line-height: 1.4;
64+
overflow-x: auto;
65+
}
66+
67+
// Inline code
68+
.reveal code {
69+
background-color: $code-bg-color;
70+
color: $primary-color;
71+
padding: 0.2em 0.4em;
72+
border-radius: 4px;
73+
font-family: $font-family-monospace;
74+
font-size: 0.9em;
75+
}
76+
77+
// Lists
78+
.reveal ul, .reveal ol {
79+
margin-left: 1em;
80+
81+
li {
82+
margin-bottom: 0.5em;
83+
line-height: 1.4;
84+
}
85+
}
86+
87+
// Emphasized text
88+
.reveal strong {
89+
color: $primary-color;
90+
font-weight: 600;
91+
}
92+
93+
// Columns layout improvements
94+
.reveal .columns {
95+
display: flex;
96+
align-items: flex-start;
97+
justify-content: space-between;
98+
gap: 2em;
99+
100+
.column {
101+
flex: 1;
102+
}
103+
}
104+
105+
// Callout boxes
106+
.reveal .callout {
107+
border-left: 4px solid $primary-color;
108+
background-color: #f8fafc;
109+
padding: 1em;
110+
margin: 1em 0;
111+
border-radius: 0 8px 8px 0;
112+
}
113+
114+
.reveal .callout.success {
115+
border-left-color: $secondary-color;
116+
background-color: #ecfdf5;
117+
}
118+
119+
.reveal .callout.warning {
120+
border-left-color: #f59e0b;
121+
background-color: #fffbeb;
122+
}
123+
124+
.reveal .callout.error {
125+
border-left-color: $accent-color;
126+
background-color: #fef2f2;
127+
}
128+
129+
// Tables
130+
.reveal table {
131+
border-collapse: collapse;
132+
width: 100%;
133+
margin: 1em 0;
134+
135+
th, td {
136+
border: 1px solid #e5e7eb;
137+
padding: 0.75em;
138+
text-align: left;
139+
}
140+
141+
th {
142+
background-color: $primary-color;
143+
color: white;
144+
font-weight: 600;
145+
}
146+
147+
tr:nth-child(even) {
148+
background-color: #f9fafb;
149+
}
150+
}
151+
152+
// Buttons and interactive elements
153+
.reveal .button {
154+
background-color: $primary-color;
155+
color: white;
156+
padding: 0.75em 1.5em;
157+
border: none;
158+
border-radius: 6px;
159+
font-weight: 500;
160+
text-decoration: none;
161+
display: inline-block;
162+
transition: background-color 0.2s;
163+
164+
&:hover {
165+
background-color: darken($primary-color, 10%);
166+
}
167+
}
168+
169+
// Mermaid diagrams
170+
.reveal .mermaid {
171+
text-align: center;
172+
173+
svg {
174+
max-width: 100%;
175+
height: auto;
176+
}
177+
}
178+
179+
// Footer customization
180+
.reveal .footer {
181+
font-size: 0.6em;
182+
color: #6b7280;
183+
}
184+
185+
// Progress bar
186+
.reveal .progress {
187+
color: $primary-color;
188+
}
189+
190+
// Slide numbers
191+
.reveal .slide-number {
192+
color: $primary-color;
193+
background-color: rgba(255, 255, 255, 0.8);
194+
padding: 0.3em 0.6em;
195+
border-radius: 4px;
196+
}
197+
198+
// Notes styling
199+
.reveal .notes {
200+
font-style: italic;
201+
color: #6b7280;
202+
font-size: 0.9em;
203+
margin-top: 1em;
204+
padding: 1em;
205+
background-color: #f9fafb;
206+
border-radius: 6px;
207+
}
208+
209+
// Responsive design
210+
@media (max-width: 768px) {
211+
.reveal .columns {
212+
flex-direction: column;
213+
gap: 1em;
214+
}
215+
216+
.reveal h1 {
217+
font-size: 2em;
218+
}
219+
220+
.reveal h2 {
221+
font-size: 1.5em;
222+
}
223+
224+
.reveal pre code {
225+
font-size: 0.7em;
226+
}
227+
}
228+
229+
// Print styles
230+
@media print {
231+
.reveal {
232+
background: white;
233+
color: black;
234+
}
235+
236+
.reveal .slides section {
237+
page-break-after: always;
238+
}
239+
}

0 commit comments

Comments
 (0)