Skip to content

Commit 681a719

Browse files
xdityaxditya
committed
feat: add a landing page, coz why not ?
1 parent cd8b32b commit 681a719

10 files changed

+18198
-2
lines changed

‎assets/bootstrap/css/bootstrap.min.css

+12,732
Large diffs are not rendered by default.

‎assets/bootstrap/js/bootstrap.min.js

+4,188
Large diffs are not rendered by default.

‎assets/css/Animated-Type-Heading.css

+41
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,41 @@
1+
.cd-words-wrapper {
2+
display: inline-block;
3+
position: relative;
4+
text-align: left;
5+
font-size: 70px;
6+
}
7+
8+
.cd-words-wrapper b {
9+
display: inline-block;
10+
position: absolute;
11+
white-space: nowrap;
12+
left: 0;
13+
top: 0;
14+
}
15+
16+
.blc {
17+
font-size: 70px;
18+
}
19+
20+
.cd-words-wrapper b.is-visible {
21+
position: relative;
22+
}
23+
24+
.cd-headline.clip span {
25+
display: inline-block;
26+
padding: .2em 0;
27+
}
28+
29+
.cd-headline.clip .cd-words-wrapper {
30+
overflow: hidden;
31+
vertical-align: top;
32+
}
33+
34+
.cd-headline.clip b {
35+
opacity: 0;
36+
}
37+
38+
.cd-headline b.is-visible {
39+
opacity: 1;
40+
font-weight: 900;
41+
}

‎assets/css/Articles-Badges-images.css

+3
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,3 @@
1+
.fit-cover {
2+
object-fit: cover;
3+
}

‎assets/css/Footer-Basic-icons.css

+56
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,56 @@
1+
.bs-icon {
2+
--bs-icon-size: .75rem;
3+
display: flex;
4+
flex-shrink: 0;
5+
justify-content: center;
6+
align-items: center;
7+
font-size: var(--bs-icon-size);
8+
width: calc(var(--bs-icon-size) * 2);
9+
height: calc(var(--bs-icon-size) * 2);
10+
color: var(--bs-primary);
11+
}
12+
13+
.bs-icon-xs {
14+
--bs-icon-size: 1rem;
15+
width: calc(var(--bs-icon-size) * 1.5);
16+
height: calc(var(--bs-icon-size) * 1.5);
17+
}
18+
19+
.bs-icon-sm {
20+
--bs-icon-size: 1rem;
21+
}
22+
23+
.bs-icon-md {
24+
--bs-icon-size: 1.5rem;
25+
}
26+
27+
.bs-icon-lg {
28+
--bs-icon-size: 2rem;
29+
}
30+
31+
.bs-icon-xl {
32+
--bs-icon-size: 2.5rem;
33+
}
34+
35+
.bs-icon.bs-icon-primary {
36+
color: var(--bs-white);
37+
background: var(--bs-primary);
38+
}
39+
40+
.bs-icon.bs-icon-primary-light {
41+
color: var(--bs-primary);
42+
background: rgba(var(--bs-primary-rgb), .2);
43+
}
44+
45+
.bs-icon.bs-icon-semi-white {
46+
color: var(--bs-primary);
47+
background: rgba(255, 255, 255, .5);
48+
}
49+
50+
.bs-icon.bs-icon-rounded {
51+
border-radius: .5rem;
52+
}
53+
54+
.bs-icon.bs-icon-circle {
55+
border-radius: 50%;
56+
}

‎assets/js/Animated-Type-Heading-type-headline.js

+177
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,177 @@
1+
jQuery(document).ready(function ($) {
2+
var animationDelay = 2500,
3+
barAnimationDelay = 3800,
4+
barWaiting = barAnimationDelay - 3e3,
5+
lettersDelay = 50,
6+
typeLettersDelay = 150,
7+
selectionDuration = 500,
8+
typeAnimationDelay = selectionDuration + 800,
9+
revealDuration = 600,
10+
revealAnimationDelay = 1500;
11+
initHeadline();
12+
function initHeadline() {
13+
singleLetters($(".cd-headline.letters").find("b"));
14+
animateHeadline($(".cd-headline"));
15+
}
16+
function singleLetters($words) {
17+
$words.each(function () {
18+
var word = $(this),
19+
letters = word.text().split(""),
20+
selected = word.hasClass("is-visible");
21+
for (i in letters) {
22+
if (word.parents(".rotate-2").length > 0)
23+
letters[i] = "<em>" + letters[i] + "</em>";
24+
letters[i] = selected
25+
? '<i class="in">' + letters[i] + "</i>"
26+
: "<i>" + letters[i] + "</i>";
27+
}
28+
var newLetters = letters.join("");
29+
word.html(newLetters).css("opacity", 1);
30+
});
31+
}
32+
function animateHeadline($headlines) {
33+
var duration = animationDelay;
34+
$headlines.each(function () {
35+
var headline = $(this);
36+
if (headline.hasClass("loading-bar")) {
37+
duration = barAnimationDelay;
38+
setTimeout(function () {
39+
headline.find(".cd-words-wrapper").addClass("is-loading");
40+
}, barWaiting);
41+
} else if (headline.hasClass("clip")) {
42+
var spanWrapper = headline.find(".cd-words-wrapper"),
43+
newWidth = spanWrapper.width() + 10;
44+
spanWrapper.css("width", newWidth);
45+
} else if (!headline.hasClass("type")) {
46+
var words = headline.find(".cd-words-wrapper b"),
47+
width = 0;
48+
words.each(function () {
49+
var wordWidth = $(this).width();
50+
if (wordWidth > width) width = wordWidth;
51+
});
52+
headline.find(".cd-words-wrapper").css("width", width);
53+
}
54+
setTimeout(function () {
55+
hideWord(headline.find(".is-visible").eq(0));
56+
}, duration);
57+
});
58+
}
59+
function hideWord($word) {
60+
var nextWord = takeNext($word);
61+
if ($word.parents(".cd-headline").hasClass("type")) {
62+
var parentSpan = $word.parent(".cd-words-wrapper");
63+
parentSpan.addClass("selected").removeClass("waiting");
64+
setTimeout(function () {
65+
parentSpan.removeClass("selected");
66+
$word
67+
.removeClass("is-visible")
68+
.addClass("is-hidden")
69+
.children("i")
70+
.removeClass("in")
71+
.addClass("out");
72+
}, selectionDuration);
73+
setTimeout(function () {
74+
showWord(nextWord, typeLettersDelay);
75+
}, typeAnimationDelay);
76+
} else if ($word.parents(".cd-headline").hasClass("letters")) {
77+
var bool =
78+
$word.children("i").length >= nextWord.children("i").length
79+
? true
80+
: false;
81+
hideLetter($word.find("i").eq(0), $word, bool, lettersDelay);
82+
showLetter(nextWord.find("i").eq(0), nextWord, bool, lettersDelay);
83+
} else if ($word.parents(".cd-headline").hasClass("clip")) {
84+
$word.parents(".cd-words-wrapper").animate(
85+
{
86+
width: "2px",
87+
},
88+
revealDuration,
89+
function () {
90+
switchWord($word, nextWord);
91+
showWord(nextWord);
92+
}
93+
);
94+
} else if ($word.parents(".cd-headline").hasClass("loading-bar")) {
95+
$word.parents(".cd-words-wrapper").removeClass("is-loading");
96+
switchWord($word, nextWord);
97+
setTimeout(function () {
98+
hideWord(nextWord);
99+
}, barAnimationDelay);
100+
setTimeout(function () {
101+
$word.parents(".cd-words-wrapper").addClass("is-loading");
102+
}, barWaiting);
103+
} else {
104+
switchWord($word, nextWord);
105+
setTimeout(function () {
106+
hideWord(nextWord);
107+
}, animationDelay);
108+
}
109+
}
110+
function showWord($word, $duration) {
111+
if ($word.parents(".cd-headline").hasClass("type")) {
112+
showLetter($word.find("i").eq(0), $word, false, $duration);
113+
$word.addClass("is-visible").removeClass("is-hidden");
114+
} else if ($word.parents(".cd-headline").hasClass("clip")) {
115+
$word.parents(".cd-words-wrapper").animate(
116+
{
117+
width: $word.width() + 10,
118+
},
119+
revealDuration,
120+
function () {
121+
setTimeout(function () {
122+
hideWord($word);
123+
}, revealAnimationDelay);
124+
}
125+
);
126+
}
127+
}
128+
function hideLetter($letter, $word, $bool, $duration) {
129+
$letter.removeClass("in").addClass("out");
130+
if (!$letter.is(":last-child")) {
131+
setTimeout(function () {
132+
hideLetter($letter.next(), $word, $bool, $duration);
133+
}, $duration);
134+
} else if ($bool) {
135+
setTimeout(function () {
136+
hideWord(takeNext($word));
137+
}, animationDelay);
138+
}
139+
if ($letter.is(":last-child") && $("html").hasClass("no-csstransitions")) {
140+
var nextWord = takeNext($word);
141+
switchWord($word, nextWord);
142+
}
143+
}
144+
function showLetter($letter, $word, $bool, $duration) {
145+
$letter.addClass("in").removeClass("out");
146+
if (!$letter.is(":last-child")) {
147+
setTimeout(function () {
148+
showLetter($letter.next(), $word, $bool, $duration);
149+
}, $duration);
150+
} else {
151+
if ($word.parents(".cd-headline").hasClass("type")) {
152+
setTimeout(function () {
153+
$word.parents(".cd-words-wrapper").addClass("waiting");
154+
}, 200);
155+
}
156+
if (!$bool) {
157+
setTimeout(function () {
158+
hideWord($word);
159+
}, animationDelay);
160+
}
161+
}
162+
}
163+
function takeNext($word) {
164+
return !$word.is(":last-child")
165+
? $word.next()
166+
: $word.parent().children().eq(0);
167+
}
168+
function takePrev($word) {
169+
return !$word.is(":first-child")
170+
? $word.prev()
171+
: $word.parent().children().last();
172+
}
173+
function switchWord($oldWord, $newWord) {
174+
$oldWord.removeClass("is-visible").addClass("is-hidden");
175+
$newWord.removeClass("is-hidden").addClass("is-visible");
176+
}
177+
});

‎deno.lock

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

‎import_map.json

+2-1
Original file line numberDiff line numberDiff line change
@@ -5,6 +5,7 @@
55
"server": "https://deno.land/[email protected]/http/server.ts",
66
"grammy/": "https://deno.land/x/[email protected]/",
77
"mongo": "https://deno.land/x/[email protected]/mod.ts",
8-
"autoQuote": "https://deno.land/x/[email protected]/mod.ts"
8+
"autoQuote": "https://deno.land/x/[email protected]/mod.ts",
9+
"file_server": "https://deno.land/[email protected]/http/file_server.ts"
910
}
1011
}

0 commit comments

Comments
 (0)