Skip to content

Commit cb2f264

Browse files
ankurdotbankurdotb
committed
deploy: 431563e 
1 parent c77f504 commit cb2f264

20 files changed

+511
-85
lines changed

‎CNAME

-1
This file was deleted.

‎about/index.html

+158-16
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
77
<title>About | DIF Labs</title>
88

9-
<link rel="stylesheet" href="/css/main.min.1f16fcc411c99a6fd13cf63efb4e37c5adef420438a164f3b44e52522f0be56f.css" integrity="sha256-Hxb8xBHJmm/RPPY&#43;&#43;043xa3vQgQ4oWTztE5SUi8L5W8=" crossorigin="anonymous">
9+
<link rel="stylesheet" href="/css/main.min.01dcd0825b4335f836fdf63ea2f97d23ef25cb41159ab057ee8cd976784c3d3e.css" integrity="sha256-AdzQgltDNfg2/fY&#43;ovl9I&#43;8ly0EVmrBX7ozZdnhMPT4=" crossorigin="anonymous">
1010

1111

1212

@@ -60,12 +60,78 @@
6060
line-height: 1.6;
6161
}
6262

63+
64+
#progress-track {
65+
position: fixed;
66+
left: 0;
67+
top: 0;
68+
width: 100%;
69+
height: 30px;
70+
background: #141414;
71+
margin-left: 5px;
72+
margin-right: 5px;
73+
z-index: 1000;
74+
}
75+
76+
77+
#duration {
78+
position: absolute;
79+
left: 50%;
80+
top: 0;
81+
transform: translateX(-50%);
82+
font-size: 1rem;
83+
color: #00ff00;
84+
line-height: 30px;
85+
}
86+
87+
88+
#slider {
89+
position: absolute;
90+
width: 50px;
91+
height: 30px;
92+
background: #00ff00;
93+
border-radius: 5px;
94+
box-shadow: 0 0 4px rgba(0,0,0,0.3);
95+
display: none;
96+
text-align: center;
97+
line-height: 30px;
98+
color: #141414;
99+
font-weight: bold;
100+
font-size: 0.9rem;
101+
}
102+
103+
104+
#time-right {
105+
position: fixed;
106+
right: 10px;
107+
top: 0;
108+
font-size: 1rem;
109+
color: #00ff00;
110+
line-height: 30px;
111+
z-index: 1001;
112+
display: none;
113+
}
114+
115+
116+
.banner {
117+
width: 100%;
118+
height: 300px;
119+
background-attachment: fixed;
120+
background-position: center;
121+
background-repeat: no-repeat;
122+
123+
background-size: 100% 800px;
124+
margin-bottom: 1.5rem;
125+
border-radius: 8px;
126+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
127+
}
128+
63129
.content-wrapper {
64130
max-width: 800px;
65131
margin: 2rem auto;
66132
padding: 1.5rem;
67133
border-radius: 8px;
68-
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
134+
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
69135
}
70136

71137
h1 {
@@ -92,7 +158,7 @@
92158

93159
.tags span {
94160
display: inline-block;
95-
background: #007BFF;
161+
background: #007BFF;
96162
color: #00ff00;
97163
font-size: 0.9rem;
98164
padding: 0.3rem 0.6rem;
@@ -102,30 +168,41 @@
102168
}
103169

104170
.tags span:hover {
105-
background: #0056b3;
171+
background: #0056b3;
172+
}
173+
174+
175+
.pulse {
176+
animation: pulse 4s infinite;
177+
}
178+
@keyframes pulse {
179+
0% { opacity: 1; transform: scale(1); }
180+
50% { opacity: 1; transform: scale(1.05); }
181+
100% { opacity: 1; transform: scale(1); }
106182
}
107183
</style>
108184

185+
186+
<div id="progress-track">
187+
188+
<div id="duration"></div>
189+
190+
<div id="slider"></div>
191+
</div>
192+
193+
<div id="time-right"></div>
194+
195+
109196
<div class="content-wrapper">
197+
110198

111199
<h1>About</h1>
112200

113201

114202

115203
<time datetime="2025-01-18T08:25:22-08:00">January 18, 2025</time>
116204

117-
<div class="toc"><nav id="TableOfContents">
118-
<ul>
119-
<li><a href="#status">Status</a></li>
120-
<li><a href="#scope">Scope</a></li>
121-
<li><a href="#deliverables">Deliverables</a></li>
122-
<li><a href="#operating-procedure">Operating Procedure</a></li>
123-
<li><a href="#member-participation">Member participation</a></li>
124-
<li><a href="#intended-audience">Intended Audience</a></li>
125-
<li><a href="#caveats">Caveats</a></li>
126-
<li><a href="#additional-resources">Additional Resources:</a></li>
127-
</ul>
128-
</nav></div>
205+
129206

130207
<div class="content">
131208
<h1 id="dif-labs-charter">DIF Labs Charter</h1>
@@ -215,6 +292,71 @@ <h2 id="additional-resources">Additional Resources:</h2>
215292
</div>
216293
</div>
217294

295+
<script>
296+
document.addEventListener("DOMContentLoaded", function() {
297+
const progressTrack = document.getElementById('progress-track');
298+
const slider = document.getElementById('slider');
299+
const durationElem = document.getElementById('duration');
300+
const timeRightElem = document.getElementById('time-right');
301+
const contentElem = document.querySelector('.content');
302+
303+
304+
let totalWords = 0;
305+
if (contentElem) {
306+
totalWords = contentElem.innerText.trim().split(/\s+/).length;
307+
}
308+
const totalReadingTime = (totalWords / 200) * 60;
309+
310+
311+
function formatTime(sec) {
312+
sec = Math.max(0, sec);
313+
const minutes = Math.floor(sec / 60);
314+
const seconds = Math.floor(sec % 60);
315+
return minutes + "m " + seconds + "s";
316+
}
317+
318+
319+
durationElem.innerText = "Duration: " + formatTime(totalReadingTime);
320+
321+
function updateProgress() {
322+
const scrollTop = window.pageYOffset || document.documentElement.scrollTop;
323+
const docHeight = document.documentElement.scrollHeight - window.innerHeight;
324+
const scrollFraction = (docHeight > 0) ? scrollTop / docHeight : 0;
325+
const trackWidth = progressTrack.offsetWidth;
326+
327+
if (scrollTop === 0) {
328+
329+
slider.style.display = "none";
330+
durationElem.style.display = "block";
331+
timeRightElem.style.display = "none";
332+
} else {
333+
334+
durationElem.style.display = "none";
335+
slider.style.display = "block";
336+
timeRightElem.style.display = "block";
337+
338+
339+
340+
const sliderLeft = scrollFraction * trackWidth - slider.offsetWidth / 2;
341+
slider.style.left = sliderLeft + "px";
342+
343+
344+
const timePassed = totalReadingTime * scrollFraction;
345+
const timeRemaining = totalReadingTime - timePassed;
346+
347+
348+
slider.innerText = formatTime(timeRemaining);
349+
350+
timeRightElem.innerText = "Passed: " + formatTime(timePassed);
351+
}
352+
}
353+
354+
window.addEventListener('scroll', updateProgress);
355+
window.addEventListener('resize', updateProgress);
356+
updateProgress();
357+
});
358+
</script>
359+
218360
</main>
219361
<footer>
220362
<footer>

‎categories/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
77
<title>Categories | DIF Labs</title>
88

9-
<link rel="stylesheet" href="/css/main.min.1f16fcc411c99a6fd13cf63efb4e37c5adef420438a164f3b44e52522f0be56f.css" integrity="sha256-Hxb8xBHJmm/RPPY&#43;&#43;043xa3vQgQ4oWTztE5SUi8L5W8=" crossorigin="anonymous">
9+
<link rel="stylesheet" href="/css/main.min.01dcd0825b4335f836fdf63ea2f97d23ef25cb41159ab057ee8cd976784c3d3e.css" integrity="sha256-AdzQgltDNfg2/fY&#43;ovl9I&#43;8ly0EVmrBX7ozZdnhMPT4=" crossorigin="anonymous">
1010

1111

1212

‎css/main.min.01dcd0825b4335f836fdf63ea2f97d23ef25cb41159ab057ee8cd976784c3d3e.css

+1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/main.min.1f16fcc411c99a6fd13cf63efb4e37c5adef420438a164f3b44e52522f0be56f.css

-1
This file was deleted.

‎data/directory.json

+1-1
Original file line numberDiff line numberDiff line change
@@ -34,7 +34,7 @@
3434
"name": "Matthew McKinney",
3535
"role": "Full stack marketing leader | GTM | Partnerships | startup advisor | B2B/B2C | AI + Blockchain | Head of Growth @ ArcBlock",
3636
"img": "/data/profiles/matthew_mckinney.jpg",
37-
"profile_url": "https://www.linkedin.com/in/matthew-mckinney/"
37+
"profile_url": "http://www.linkedin.com/in/mtmckinney"
3838
},
3939
{
4040
"name": "Nik Graf",

‎directory/index.html

+1-1
Original file line numberDiff line numberDiff line change
@@ -6,7 +6,7 @@
66
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
77
<title>Main Directory | DIF Labs</title>
88

9-
<link rel="stylesheet" href="/css/main.min.1f16fcc411c99a6fd13cf63efb4e37c5adef420438a164f3b44e52522f0be56f.css" integrity="sha256-Hxb8xBHJmm/RPPY&#43;&#43;043xa3vQgQ4oWTztE5SUi8L5W8=" crossorigin="anonymous">
9+
<link rel="stylesheet" href="/css/main.min.01dcd0825b4335f836fdf63ea2f97d23ef25cb41159ab057ee8cd976784c3d3e.css" integrity="sha256-AdzQgltDNfg2/fY&#43;ovl9I&#43;8ly0EVmrBX7ozZdnhMPT4=" crossorigin="anonymous">
1010

1111

1212

‎index.html

+2-2
Original file line numberDiff line numberDiff line change
@@ -1,13 +1,13 @@
11
<!DOCTYPE html>
22
<html lang="en-us" dir="ltr">
33
<head>
4-
<meta name="generator" content="Hugo 0.143.0">
4+
<meta name="generator" content="Hugo 0.143.1">
55
<meta charset="utf-8">
66
<meta name="viewport" content="width=device-width">
77
<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
88
<title>DIF Labs</title>
99

10-
<link rel="stylesheet" href="/css/main.min.1f16fcc411c99a6fd13cf63efb4e37c5adef420438a164f3b44e52522f0be56f.css" integrity="sha256-Hxb8xBHJmm/RPPY&#43;&#43;043xa3vQgQ4oWTztE5SUi8L5W8=" crossorigin="anonymous">
10+
<link rel="stylesheet" href="/css/main.min.01dcd0825b4335f836fdf63ea2f97d23ef25cb41159ab057ee8cd976784c3d3e.css" integrity="sha256-AdzQgltDNfg2/fY&#43;ovl9I&#43;8ly0EVmrBX7ozZdnhMPT4=" crossorigin="anonymous">
1111

1212

1313

‎index.xml

+2-2
Original file line numberDiff line numberDiff line change
@@ -9,11 +9,11 @@
99
<lastBuildDate>Tue, 21 Jan 2025 04:05:05 -0800</lastBuildDate>
1010
<atom:link href="http://localhost:1313/index.xml" rel="self" type="application/rss+xml" />
1111
<item>
12-
<title>DIF Labs: Show and Tell Event – February 18, 2025</title>
12+
<title>DIF Labs: Show and Tell – 02/18/2025</title>
1313
<link>http://localhost:1313/posts/beta_cohort_show_and_tell/</link>
1414
<pubDate>Tue, 21 Jan 2025 04:05:05 -0800</pubDate>
1515
<guid>http://localhost:1313/posts/beta_cohort_show_and_tell/</guid>
16-
<description>Join us for the show and tell for the DIF Labs first cohort on February 18</description>
16+
<description>3 Projects of the DIF Labs Beta Cohort Showcase Their Work For The Last 3 Months</description>
1717
</item>
1818
<item>
1919
<title>About</title>

0 commit comments

Comments
 (0)