sravan/sravanbalaji.com
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Add editorconfig and re-format navigation.html

Browse Source
This commit is contained in:
Sravan Balaji
2025-01-02 09:49:37 -05:00
parent dd4671b7b8
commit a72c989a7d
2 changed files with 61 additions and 56 deletions
Download Patch File Download Diff File Expand all files Collapse all files

25
.editorconfig Normal file
View File

@@ -0,0 +1,25 @@
# EditorConfig is awesome: https://editorconfig.org
# top-most EditorConfig file
root = true
# Unix-style newlines with a newline ending every file
[*]
charset = utf-8
indent_style = space
indent_size = 4
end_of_line = lf
insert_final_newline = false
trim_trailing_whitespace = true
# JSON Files
[*.{json}]
indent_size = 2
# Markdown Files
[*.{md,mdx}]
trim_trailing_whitespace = false
# Web Files
[*.{html,js,css}]
indent_size = 2

92
src/_includes/partials/navigation.html
View File

@@ -1,58 +1,38 @@
<!doctype html> <!doctype html>
<header role="banner" class="site-head"> <header role="banner" class="site-head">
<nav class="navbar my-nav navbar-expand-md fixed-top"> <nav class="navbar my-nav navbar-expand-md fixed-top">
<div class="container-fluid"> <div class="container-fluid">
<!-- Brand --> <!-- Brand -->
<a class="navbar-brand" href="/"> <a class="navbar-brand" href="/">
<img <img src="/assets/branding/logo.png" alt="Icon" width="30px" height="30px"
src="/assets/branding/logo.png" class="d-inline-block align-top" />
alt="Icon" <img src="/assets/branding/name.png" alt="Name" height="30px" class="d-inline-block align-center" />
width="30px" </a>
height="30px"
class="d-inline-block align-top" <!-- Toggler/collapsible Button -->
/> <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavbar"
<img aria-controls="collapsibleNavbar" aria-expanded="false" aria-label="Toggle navigation">
src="/assets/branding/name.png" <span class="navbar-toggler-icon"></span>
alt="Name" </button>
height="30px"
class="d-inline-block align-center" <!-- Navbar links -->
/> <div class="collapse navbar-collapse" id="collapsibleNavbar">
</a> <ul class="navbar-nav me-auto mb-2 mb-lg-0">
{% for item in navigation.items %}
<!-- Toggler/collapsible Button --> <li class="nav-item">
<button class="navbar-toggler" <a class="nav-link" href="{{ item.url }}"><b>{{ item.text }}</b></a>
type="button" </li>
data-bs-toggle="collapse" {% endfor %}
data-bs-target="#collapsibleNavbar" </ul>
aria-controls="collapsibleNavbar" </div>
aria-expanded="false"
aria-label="Toggle navigation"> <!-- Dark Mode Toggle -->
<span class="navbar-toggler-icon"></span> <!-- Reference: https://github.com/coliff/dark-mode-switch -->
</button> <div class="form-check form-switch">
<input type="checkbox" class="form-check-input" id="darkSwitch" />
<!-- Navbar links --> <label class="form-check-label" for="darkSwitch" id="darkSwitchLabel">Dark Mode</label>
<div class="collapse navbar-collapse" id="collapsibleNavbar"> </div>
<ul class="navbar-nav me-auto mb-2 mb-lg-0"> <script src="/scripts/dark-mode-switch.min.js"></script>
{% for item in navigation.items %} </div>
<li class="nav-item"> </nav>
<a class="nav-link" href="{{ item.url }}"><b>{{ item.text }}</b></a> </header>
</li>
{% endfor %}
</ul>
</div>
<!-- Dark Mode Toggle -->
<!-- Reference: https://github.com/coliff/dark-mode-switch -->
<div class="form-check form-switch">
<input type="checkbox" class="form-check-input" id="darkSwitch" />
<label
class="form-check-label"
for="darkSwitch"
id="darkSwitchLabel"
>Dark Mode</label
>
</div>
<script src="/scripts/dark-mode-switch.min.js"></script>
</div>
</nav>
</header>