Skip to content

Commit

Permalink
modified the front page content.
Browse files Browse the repository at this point in the history
  • Loading branch information
@kingabzpro
kingabzpro committed Jan 3, 2025
1 parent 6f18dd3 commit 1a190eb
Show file tree
Hide file tree
Showing 2 changed files with 18 additions and 67 deletions.
52 changes: 0 additions & 52 deletions _layouts/default.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -21,38 +21,16 @@
--sidebar-bg: #f5f5f5;
}

[data-theme="dark"] {
--primary-color: #3498db;
--secondary-color: #2ecc71;
--text-color: #f5f5f5;
--bg-color: #1a1a1a;
--sidebar-bg: #2c2c2c;
}

body {
background-color: var(--bg-color);
color: var(--text-color);
transition: all 0.3s ease;
}

header {
background: var(--primary-color);
padding: 2rem 0;
}

#theme-toggle {
position: fixed;
top: 1rem;
right: 1rem;
padding: 0.5rem;
border-radius: 50%;
border: none;
background: var(--secondary-color);
color: var(--bg-color);
cursor: pointer;
transition: all 0.3s ease;
}

#content-wrapper {
padding-top: 20px;
}
Expand Down Expand Up @@ -174,12 +152,6 @@
color: var(--text-color);
font-size: 1.5rem;
}

@media (max-width: 768px) {
#sidebar {
margin-top: 2rem;
}
}
</style>

<!--[if lt IE 9]>
Expand All @@ -191,10 +163,6 @@
</head>

<body>
<button id="theme-toggle" aria-label="Toggle dark mode">
<i class="fas fa-moon"></i>
</button>

<header>
<div class="inner">
<a href="{{ '/' | absolute_url }}">
Expand Down Expand Up @@ -238,25 +206,5 @@ <h3><i class="fas fa-folder"></i> Categories</h3>
</aside>
</div>
</div>

<script>
const themeToggle = document.getElementById('theme-toggle');
const themeIcon = themeToggle.querySelector('i');

function setTheme(isDark) {
document.documentElement.setAttribute('data-theme', isDark ? 'dark' : 'light');
themeIcon.className = isDark ? 'fas fa-sun' : 'fas fa-moon';
localStorage.setItem('theme', isDark ? 'dark' : 'light');
}

themeToggle.addEventListener('click', () => {
const isDark = document.documentElement.getAttribute('data-theme') === 'dark';
setTheme(!isDark);
});

// Set initial theme
const savedTheme = localStorage.getItem('theme') || 'light';
setTheme(savedTheme === 'dark');
</script>
</body>
</html>
33 changes: 18 additions & 15 deletions index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -16,45 +16,48 @@

<div class="content-grid" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(250px, 1fr)); gap: 1.5rem; margin: 2rem 0;">
<div class="content-card" style="background: var(--sidebar-bg); padding: 1.5rem; border-radius: 10px; transition: transform 0.3s ease;">
<h3><i class="fab fa-python" style="color: var(--secondary-color);"></i> Python Programming</h3>
<p>Comprehensive tutorials and guides for Python programming, from basics to advanced topics.</p>
<a href="pages/python" style="color: var(--secondary-color);">Learn More →</a>
<h3><i class="fas fa-cogs" style="color: var(--secondary-color);"></i> MLOps</h3>
<p>Comprehensive guides on Machine Learning Operations, deployment, and scaling ML systems.</p>
<a href="pages/machine-learning-operations" style="color: var(--secondary-color);">Learn More →</a>
</div>

<div class="content-card" style="background: var(--sidebar-bg); padding: 1.5rem; border-radius: 10px; transition: transform 0.3s ease;">
<h3><i class="fas fa-robot" style="color: var(--secondary-color);"></i> Machine Learning</h3>
<p>Deep dives into ML algorithms, practical implementations, and real-world applications.</p>
<a href="pages/machine-learning" style="color: var(--secondary-color);">Learn More →</a>
<h3><i class="fas fa-brain" style="color: var(--secondary-color);"></i> Large Language Models</h3>
<p>Deep dives into LLMs, transformers, and state-of-the-art NLP applications.</p>
<a href="pages/large-language-models" style="color: var(--secondary-color);">Learn More →</a>
</div>

<div class="content-card" style="background: var(--sidebar-bg); padding: 1.5rem; border-radius: 10px; transition: transform 0.3s ease;">
<h3><i class="fas fa-brain" style="color: var(--secondary-color);"></i> LLMs & AI</h3>
<p>Latest developments in Large Language Models and Artificial Intelligence.</p>
<a href="pages/large-language-models" style="color: var(--secondary-color);">Learn More →</a>
<h3><i class="fas fa-robot" style="color: var(--secondary-color);"></i> Machine Learning</h3>
<p>In-depth tutorials on ML algorithms, deep learning, and practical implementations.</p>
<a href="pages/machine-learning" style="color: var(--secondary-color);">Learn More →</a>
</div>
</div>

## 🎯 Popular Topics

<div class="topics-grid" style="display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 1rem; margin: 2rem 0;">
<a href="pages/sql" class="topic-link">
<i class="fas fa-database"></i> SQL
<a href="pages/artificial-intelligence" class="topic-link">
<i class="fas fa-microchip"></i> Artificial Intelligence
</a>
<a href="pages/data-science" class="topic-link">
<i class="fas fa-chart-bar"></i> Data Science
</a>
<a href="pages/machine-learning-operations" class="topic-link">
<i class="fas fa-cogs"></i> MLOps
</a>
<a href="pages/natural-language-processing" class="topic-link">
<i class="fas fa-language"></i> NLP
<i class="fas fa-language"></i> Natural Language Processing
</a>
<a href="pages/computer-vision" class="topic-link">
<i class="fas fa-eye"></i> Computer Vision
</a>
<a href="pages/data-engineering" class="topic-link">
<i class="fas fa-server"></i> Data Engineering
</a>
<a href="pages/programming" class="topic-link">
<i class="fas fa-code"></i> Programming
</a>
<a href="pages/sql" class="topic-link">
<i class="fas fa-database"></i> SQL
</a>
</div>

## 📖 Latest Resources
Expand Down

0 comments on commit 1a190eb

Please sign in to comment.