Skip to content

Commit 75101a5

Browse files
update code base (#1456)
1 parent 5bff8be commit 75101a5

16 files changed

+986
-994
lines changed

pages/blog.html

Lines changed: 0 additions & 126 deletions
Original file line numberDiff line numberDiff line change
@@ -24,79 +24,7 @@
2424
</div>
2525
</div>
2626
-->
27-
<style>
28-
#preloader {
29-
position: fixed;
30-
top: 0;
31-
left: 0;
32-
width: 100%;
33-
height: 100%;
34-
background-color: #ffffff;
35-
display: flex;
36-
justify-content: center;
37-
align-items: center;
38-
z-index: 9999;
39-
}
4027

41-
/* Wrapper */
42-
.loader-wrapper {
43-
position: relative;
44-
display: flex;
45-
justify-content: center;
46-
align-items: center;
47-
}
48-
49-
/* Logo */
50-
.logo {
51-
width: 100px; /* Size */
52-
height: auto;
53-
z-index: 2; /* Above */
54-
animation: fadeIn 2s ease forwards;
55-
}
56-
57-
/* Spinner */
58-
.loader {
59-
width: 120px;
60-
height: 120px;
61-
background-color: transparent;
62-
border: 10px solid transparent;
63-
border-top: 10px solid #b0b0b0; /* Light */
64-
border-right: 10px solid #404040; /* Dark */
65-
border-radius: 10px;
66-
position: absolute;
67-
transform: rotate(45deg); /* Diamond */
68-
animation: spinColor 1.5s linear infinite; /* Spin */
69-
box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3); /* Shadow */
70-
}
71-
72-
/* Fade */
73-
@keyframes fadeIn {
74-
0% {
75-
opacity: 0;
76-
transform: translateY(-20px);
77-
}
78-
100% {
79-
opacity: 1;
80-
transform: translateY(0);
81-
}
82-
}
83-
84-
/* Spin Color */
85-
@keyframes spinColor {
86-
0% {
87-
border-top-color: #b0b0b0;
88-
border-right-color: #404040;
89-
}
90-
50% {
91-
border-top-color: #404040;
92-
border-right-color: #b0b0b0;
93-
}
94-
100% {
95-
border-top-color: #b0b0b0;
96-
border-right-color: #404040;
97-
}
98-
}
99-
</style>
10028

10129
<script>
10230
// Load
@@ -1891,60 +1819,6 @@ <h5>We focus on quality content for the right people at the right time. What we
18911819
document.getElementById("dynamic-year").textContent = new Date().getFullYear();
18921820
</script>
18931821
</footer>
1894-
1895-
<style>
1896-
.footer-info {
1897-
display: flex;
1898-
flex-direction: column;
1899-
align-items: center;
1900-
}
1901-
1902-
.social-media-icons {
1903-
display: flex;
1904-
justify-content: center;
1905-
margin-top: 10px;
1906-
}
1907-
1908-
.social-media-icons a {
1909-
margin: 0 15px;
1910-
text-decoration: none;
1911-
color: #000;
1912-
position: relative;
1913-
transition: transform 0.3s, background-color 0.3s;
1914-
}
1915-
1916-
.social-media-icons a i {
1917-
font-size: 24px;
1918-
}
1919-
1920-
.social-media-icons a .filled {
1921-
position: absolute;
1922-
top: 0;
1923-
left: 0;
1924-
right: 0;
1925-
bottom: 0;
1926-
background-color: transparent;
1927-
transition: background-color 0.3s;
1928-
border-radius: 50%;
1929-
}
1930-
1931-
.social-media-icons a:hover {
1932-
transform: rotate(20deg);
1933-
}
1934-
1935-
.social-media-icons a:hover .filled {
1936-
background-color: rgba(0, 0, 0, 0.1);
1937-
}
1938-
1939-
.footer-links {
1940-
text-align: left;
1941-
margin-top: 20px;
1942-
}
1943-
1944-
.footer-section {
1945-
margin-bottom: 15px;
1946-
}
1947-
</style>
19481822

19491823
<script>
19501824
document.getElementById("dynamic-year").textContent = new Date().getFullYear();

pages/devtools.html

Lines changed: 1 addition & 69 deletions
Original file line numberDiff line numberDiff line change
@@ -6,75 +6,7 @@
66
<title>Awesome Developer Tools</title>
77
<link rel="icon" href="recode-hive.png">
88
<script src="https://cdn.tailwindcss.com"></script>
9-
<style>
10-
/* Custom Animations */
11-
@keyframes slideUp {
12-
from { transform: translateY(50px); opacity: 0; }
13-
to { transform: translateY(0); opacity: 1; }
14-
}
15-
16-
@keyframes pulse {
17-
0% { transform: scale(1); }
18-
50% { transform: scale(1.05); }
19-
100% { transform: scale(1); }
20-
}
21-
22-
@keyframes shine {
23-
from { background-position: -200%; }
24-
to { background-position: 200%; }
25-
}
26-
27-
.animate-slide-up {
28-
animation: slideUp 0.5s ease-in-out forwards;
29-
}
30-
31-
.animate-pulse {
32-
animation: pulse 2s infinite;
33-
}
34-
35-
/* Custom Scrollbar */
36-
::-webkit-scrollbar {
37-
width: 8px;
38-
}
39-
40-
::-webkit-scrollbar-track {
41-
background: #1e1e1e;
42-
}
43-
44-
::-webkit-scrollbar-thumb {
45-
background: #4a90e2;
46-
border-radius: 4px;
47-
}
48-
49-
::-webkit-scrollbar-thumb:hover {
50-
background: #60a5fa;
51-
}
52-
53-
/* Custom Select Styling */
54-
.custom-select-wrapper {
55-
position: relative;
56-
width: 100%;
57-
max-width: 12rem;
58-
}
59-
60-
.custom-select-wrapper::after {
61-
content: '▼';
62-
position: absolute;
63-
right: 1rem;
64-
top: 50%;
65-
transform: translateY(-50%);
66-
color: #e0e0e0;
67-
pointer-events: none;
68-
}
69-
70-
#filter-select {
71-
appearance: none;
72-
-webkit-appearance: none;
73-
-moz-appearance: none;
74-
width: 100%;
75-
padding-right: 2.5rem;
76-
}
77-
</style>
9+
<link rel="stylesheet" href="../styles/devtools.css" />
7810
</head>
7911
<body class="bg-gray-900 text-gray-100 min-h-screen flex flex-col items-center">
8012
<header class="w-full bg-gradient-to-r from-blue-900 to-green-900 text-white text-center py-4 sm:py-6 lg:py-8 shadow-lg top-0">

pages/faq.html

Lines changed: 0 additions & 63 deletions
Original file line numberDiff line numberDiff line change
@@ -33,7 +33,6 @@
3333
<a href="events.html" class="navbar-link">Events</a>
3434
<a href="blog.html" class="navbar-link">Blog</a>
3535
<a href="compare.html" class="navbar-link">Compare</a>
36-
3736

3837
<div class="toggle-switch">
3938
<input type="checkbox" id="theme-toggle">
@@ -222,65 +221,6 @@ <h5>We focus on quality content for the right people at the right time. What we
222221
</script>
223222
</footer>
224223

225-
<style>
226-
.footer-info {
227-
display: flex;
228-
flex-direction: column;
229-
align-items: center; /* Center the logo and social icons */
230-
}
231-
232-
.social-media-icons {
233-
display: flex;
234-
justify-content: center;
235-
margin-top: 10px;
236-
}
237-
238-
.social-media-icons a {
239-
margin: 0 15px;
240-
text-decoration: none;
241-
color: #000;
242-
position: relative;
243-
transition: transform 0.3s, background-color 0.3s;
244-
}
245-
246-
.social-media-icons a i {
247-
font-size: 24px;
248-
}
249-
250-
.social-media-icons a .filled {
251-
position: absolute;
252-
top: 0;
253-
left: 0;
254-
right: 0;
255-
bottom: 0;
256-
background-color: transparent;
257-
transition: background-color 0.3s;
258-
border-radius: 50%;
259-
}
260-
261-
.social-media-icons a:hover {
262-
transform: rotate(20deg);
263-
}
264-
265-
.social-media-icons a:hover .filled {
266-
background-color: rgba(0, 0, 0, 0.1);
267-
}
268-
269-
.footer-links {
270-
text-align: left; /* Align the links to the left */
271-
margin-top: 20px; /* Add spacing from above elements */
272-
}
273-
274-
.footer-section {
275-
margin-bottom: 15px; /* Space between sections */
276-
}
277-
278-
.footer-bottom {
279-
text-align: center; /* Center the footer-bottom content */
280-
margin-top: 20px; /* Space between main content and footer */
281-
}
282-
</style>
283-
284224
<!-- Scroll to top -->
285225
<button id="scrollToTop" aria-label="Scroll to top">
286226
<svg viewBox="0 0 384 512" xmlns="http://www.w3.org/2000/svg" class="arrow-icon">
@@ -322,9 +262,6 @@ <h5>We focus on quality content for the right people at the right time. What we
322262
});
323263
</script>
324264

325-
326-
327-
328265
<script>
329266

330267
function active(){

0 commit comments

Comments
 (0)