Skip to content

Commit

Permalink
[HTML] Added license in the footer
Browse files Browse the repository at this point in the history 
And in the right size in mobile size.
  • Loading branch information
@yuki
yuki committed Jun 19, 2024
1 parent 674811c commit 76c9ef0
Show file tree
Hide file tree
Showing 2 changed files with 91 additions and 67 deletions.
78 changes: 45 additions & 33 deletions example.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -78,35 +78,35 @@ <h5 class="offcanvas-title text-white" id="bdNavbarOffcanvasLabel">This is the t
<hr class="d-lg-none my-2 text-white-50">
</li>

<!-- Theme Selector -->
<ul class="navbar-nav flex-row d-flex align-items-center flex-wrap text-white" id="theme-selector">
<div class="d-lg-none me-2 text-white navbar-nav flex-row d-flex align-items-center flex-wrap">Cambiar tema</div>
<li class="nav-item dropdown">
<button class="btn btn-link nav-link text-white dropdown-toggle d-flex align-items-center theme-icon-active" id="bd-theme" type="button" aria-expanded="false" data-bs-toggle="dropdown" data-bs-display="static" href="fa-moon">
<i class="fa-solid fa-moon"></i>
</button>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="bd-theme" style="--bs-dropdown-min-width: 8rem;" id="theme-selector-menu">
<li href="fa-sun" data-bs-theme-value="light">
<button type="button" class="dropdown-item d-flex align-items-center">
<i class="fa-solid fa-sun opacity-50 theme-icon"></i>
Light
</button>
</li>
<li href="fa-moon" data-bs-theme-value="dark">
<button type="button" class="dropdown-item d-flex align-items-center">
<i class="fa-solid fa-moon opacity-50 theme-icon"></i>
Dark
</button>
</li>
<li href="fa-circle-half-stroke" data-bs-theme-value="auto">
<button type="button" class="dropdown-item d-flex align-items-center">
<i class="fa-solid fa-circle-half-stroke opacity-50 theme-icon"></i>
Auto
</button>
</li>
</ul>
</li>
</ul>
<!-- Theme Selector -->
<ul class="navbar-nav flex-row d-flex align-items-center flex-wrap text-white" id="theme-selector">
<div class="d-lg-none me-2 text-white navbar-nav flex-row d-flex align-items-center flex-wrap">Cambiar tema</div>
<li class="nav-item dropdown">
<button class="btn btn-link nav-link text-white dropdown-toggle d-flex align-items-center theme-icon-active" id="bd-theme" type="button" aria-expanded="false" data-bs-toggle="dropdown" data-bs-display="static" href="fa-moon">
<i class="fa-solid fa-moon"></i>
</button>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="bd-theme" style="--bs-dropdown-min-width: 8rem;" id="theme-selector-menu">
<li href="fa-sun" data-bs-theme-value="light">
<button type="button" class="dropdown-item d-flex align-items-center">
<i class="fa-solid fa-sun opacity-50 theme-icon"></i>
Light
</button>
</li>
<li href="fa-moon" data-bs-theme-value="dark">
<button type="button" class="dropdown-item d-flex align-items-center">
<i class="fa-solid fa-moon opacity-50 theme-icon"></i>
Dark
</button>
</li>
<li href="fa-circle-half-stroke" data-bs-theme-value="auto">
<button type="button" class="dropdown-item d-flex align-items-center">
<i class="fa-solid fa-circle-half-stroke opacity-50 theme-icon"></i>
Auto
</button>
</li>
</ul>
</li>
</ul>

<li class="d-lg-none nav-item py-2 py-lg-1 col-12 col-lg-auto">
<div class="vr d-none d-lg-flex h-100 mx-lg-2 text-white"></div>
Expand All @@ -120,6 +120,18 @@ <h5 class="offcanvas-title text-white" id="bdNavbarOffcanvasLabel">This is the t
<li class="ms-3"><a class="text-white" href="https://github.com/yuki/pandoc-templates/"><i class="fa-brands fa-github"></i></a></li>
</ul>
</ul>

<li class="d-lg-none nav-item py-2 py-lg-1 col-12 col-lg-auto">
<div class="vr d-none d-lg-flex h-100 mx-lg-2 text-white"></div>
<hr class="d-lg-none my-2 text-white-50">
</li>

<ul class="navbar-nav flex-row d-flex align-items-center flex-wrap text-white">
<li class="d-lg-none me-2 text-white navbar-nav flex-row d-flex align-items-center flex-wrap">
<a href="https://creativecommons.org/licenses/by-sa/4.0/?ref=chooser-v1" target="_blank" rel="license noopener noreferrer" style="display:inline-block;">CC BY-SA 4.0</a>
</li>
</ul>

</ul>
</div>
</div>
Expand Down Expand Up @@ -451,11 +463,11 @@ <h2 data-number="5.4"><span class="header-section-number">5.4</span> Table 4</h2
<div class="col-8 d-flex p-2">
<a href="/" class="mb-3 me-2 mb-md-0 text-body-secondary text-decoration-none"> </a>
<span class="text-body-secondary">2023-10-15, Author One</span>
</div>
&nbsp; &nbsp;
<a class="text-body-secondary" href="https://github.com/yuki/pandoc-templates/"><i class="fa-brands fa-github"></i></a>
</div>

<ul class="nav col-2 justify-content-end list-unstyled d-flex">
<li class="ms-3"><a class="text-body-secondary" href="https://github.com/yuki/pandoc-templates/"><i class="fa-brands fa-github"></i></a></li>
</ul>
<a class="nav col-2 justify-content-end list-unstyled d-flex" href="https://creativecommons.org/licenses/by-sa/4.0/?ref=chooser-v1" target="_blank" rel="license noopener noreferrer" style="display:inline-block;">CC BY-SA 4.0</a>
</div>
</div>
</footer>
Expand Down
80 changes: 46 additions & 34 deletions template/yuki.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -103,35 +103,35 @@ <h5 class="offcanvas-title text-white" id="bdNavbarOffcanvasLabel">$title$</h5>
<hr class="d-lg-none my-2 text-white-50">
</li>

<!-- Theme Selector -->
<ul class="navbar-nav flex-row d-flex align-items-center flex-wrap text-white" id="theme-selector">
<div class="d-lg-none me-2 text-white navbar-nav flex-row d-flex align-items-center flex-wrap">Cambiar tema</div>
<li class="nav-item dropdown">
<button class="btn btn-link nav-link text-white dropdown-toggle d-flex align-items-center theme-icon-active" id="bd-theme" type="button" aria-expanded="false" data-bs-toggle="dropdown" data-bs-display="static" href="fa-moon">
<i class="fa-solid fa-moon"></i>
</button>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="bd-theme" style="--bs-dropdown-min-width: 8rem;" id="theme-selector-menu">
<li href="fa-sun" data-bs-theme-value="light">
<button type="button" class="dropdown-item d-flex align-items-center">
<i class="fa-solid fa-sun opacity-50 theme-icon"></i>
Light
</button>
</li>
<li href="fa-moon" data-bs-theme-value="dark">
<button type="button" class="dropdown-item d-flex align-items-center">
<i class="fa-solid fa-moon opacity-50 theme-icon"></i>
Dark
</button>
</li>
<li href="fa-circle-half-stroke" data-bs-theme-value="auto">
<button type="button" class="dropdown-item d-flex align-items-center">
<i class="fa-solid fa-circle-half-stroke opacity-50 theme-icon"></i>
Auto
</button>
</li>
</ul>
</li>
</ul>
<!-- Theme Selector -->
<ul class="navbar-nav flex-row d-flex align-items-center flex-wrap text-white" id="theme-selector">
<div class="d-lg-none me-2 text-white navbar-nav flex-row d-flex align-items-center flex-wrap">Cambiar tema</div>
<li class="nav-item dropdown">
<button class="btn btn-link nav-link text-white dropdown-toggle d-flex align-items-center theme-icon-active" id="bd-theme" type="button" aria-expanded="false" data-bs-toggle="dropdown" data-bs-display="static" href="fa-moon">
<i class="fa-solid fa-moon"></i>
</button>
<ul class="dropdown-menu dropdown-menu-end" aria-labelledby="bd-theme" style="--bs-dropdown-min-width: 8rem;" id="theme-selector-menu">
<li href="fa-sun" data-bs-theme-value="light">
<button type="button" class="dropdown-item d-flex align-items-center">
<i class="fa-solid fa-sun opacity-50 theme-icon"></i>
Light
</button>
</li>
<li href="fa-moon" data-bs-theme-value="dark">
<button type="button" class="dropdown-item d-flex align-items-center">
<i class="fa-solid fa-moon opacity-50 theme-icon"></i>
Dark
</button>
</li>
<li href="fa-circle-half-stroke" data-bs-theme-value="auto">
<button type="button" class="dropdown-item d-flex align-items-center">
<i class="fa-solid fa-circle-half-stroke opacity-50 theme-icon"></i>
Auto
</button>
</li>
</ul>
</li>
</ul>

<li class="d-lg-none nav-item py-2 py-lg-1 col-12 col-lg-auto">
<div class="vr d-none d-lg-flex h-100 mx-lg-2 text-white"></div>
Expand All @@ -147,6 +147,18 @@ <h5 class="offcanvas-title text-white" id="bdNavbarOffcanvasLabel">$title$</h5>
$endif$
</ul>
</ul>

<li class="d-lg-none nav-item py-2 py-lg-1 col-12 col-lg-auto">
<div class="vr d-none d-lg-flex h-100 mx-lg-2 text-white"></div>
<hr class="d-lg-none my-2 text-white-50">
</li>

<ul class="navbar-nav flex-row d-flex align-items-center flex-wrap text-white">
<li class="d-lg-none me-2 text-white navbar-nav flex-row d-flex align-items-center flex-wrap">
<a href="https://creativecommons.org/licenses/by-sa/4.0/?ref=chooser-v1" target="_blank" rel="license noopener noreferrer" style="display:inline-block;">CC BY-SA 4.0</a>
</li>
</ul>

</ul>
</div>
</div>
Expand Down Expand Up @@ -199,13 +211,13 @@ <h5 class="offcanvas-title" id="bdsidebaroffcanvaslabel">índice</h5>
<div class="col-8 d-flex p-2">
<a href="/" class="mb-3 me-2 mb-md-0 text-body-secondary text-decoration-none"> </a>
<span class="text-body-secondary">$date$, $author$</span>
</div>

<ul class="nav col-2 justify-content-end list-unstyled d-flex">
$if(github-link)$
<li class="ms-3"><a class="text-body-secondary" href="$github-link$"><i class="fa-brands fa-github"></i></a></li>
&nbsp; &nbsp;
<a class="text-body-secondary" href="$github-link$"><i class="fa-brands fa-github"></i></a>
$endif$
</ul>
</div>

<a class="nav col-2 justify-content-end list-unstyled d-flex" href="https://creativecommons.org/licenses/by-sa/4.0/?ref=chooser-v1" target="_blank" rel="license noopener noreferrer" style="display:inline-block;">CC BY-SA 4.0</a>
</div>
</div>
</footer>
Expand Down

0 comments on commit 76c9ef0

Please sign in to comment.