*: update to Bootstrap 5

This commit is contained in:
IkiWiki 2024-09-10 21:07:45 -04:00
parent 6f3374233e
commit 43f971be92
Signed by untrusted user who does not match committer: forge
GPG key ID: D62A472A4AA7D541
14 changed files with 191 additions and 206 deletions

View file

@ -1,36 +1,11 @@
/* Color palette */
:root {
/* Purple */
--dark-purple: #3a2354;
--medium-purple: #56347c; /* logo */
--light-purple: #9f73d2;
--background-purple: #f3edf9;
--bs-light-rgb: 248, 248, 248;
}
/* Green */
--darker-green: #014d00;
--dark-green: #3b833a;
--medium-dark-green: #53b351;
--medium-light-green: #73d171; /* buttons */
--background-green: #a8ffa0;
/* Gray */
--dark-gray: #393a35;
--medium-dark-gray: #58595b;
--medium-light-gray: #b5b7b9;
--light-gray: #dadbdc;
--background-gray: #f0f1f2;
/* Misc */
--yellow: #ffd500;
--light-yellow: #ffec8c;
--background-yellow: #fffff0;
--red: #ef1f31;
/* Shadows */
--banner-button-shadow: 1px 1px 1px black, 2px 2px 5px var(--dark-gray), inset 1px 1px 1px var(--background-green);
--green-button-shadow: 1px 1px 1px var(--medium-dark-gray), 2px 2px 5px var(--light-gray), inset 1px 1px 1px var(--background-green);
--gray-button-shadow: 1px 1px 1px black, 2px 2px 5px var(--dark-gray), inset 1px 1px 1px var(--background-gray);
a {
--bs-link-color: #337ab7;
}
@ -48,8 +23,6 @@ body {
position: absolute;
bottom: 0;
width: 100%;
/* Set the fixed height of the footer here */
height: 60px;
background-color: #f5f5f5;
}
@ -59,10 +32,7 @@ body {
/* Not required for template or sticky footer method. */
body > .container {
padding: 60px 15px 15px;
}
.container .text-muted {
margin: 20px 0;
padding: 80px 15px 15px;
}
.pagedate {
@ -93,33 +63,6 @@ code {
font-size: 80%;
}
/* comments fixup */
.comment {
border: none;
padding: 1em;
margin: 1em;
background: #f3f3f3;
}
.mastodon-comment {
display: flex;
}
/* mastodon posts have a span to hide the scheme and post id, use it */
.mastodon-comment-content span.invisible {
display: none;
}
.mastodon-comment .avatar img {
margin-right: 1rem;
}
.mastodon-comment span.disabled {
display: none;
}
.mastodon-comment .author {
display: flex;
justify-content: space-between;
}
.mastodon-comment .author time {
font-size: small;
}
.actions ul {
margin: inherit;
padding: inherit;
@ -127,6 +70,10 @@ code {
/* list-style-type: none; */
}
a {
text-decoration: none;
}
/* limit main content to ~90 chars per line */
/* update: practical typography recommends 2-3 alphabets */
#content {
@ -134,15 +81,10 @@ code {
}
/* limit header as well otherwise logo is out of whack without sidebar */
.navbar-fixed-top .container {
.fixed-top .container-fluid {
max-width: 55em;
}
.navbar .selflink {
display: block;
padding: 15px 15px;
}
/* some hacking at typefaces to get some fresh zest in here
* fallbacks from:
* https://en.wikipedia.org/wiki/List_of_typefaces_included_with_Microsoft_Windows
@ -209,12 +151,12 @@ blockquote {
/* enlarge body point size for charter for larger displays */
@media (min-device-width: 750px) {
body {
font-size: 20px;
font-size: 18px;
line-height: 1.3; /* default in FF is ~1.48, try seems a bit to sparse */
}
/* to match the other bootstrap workaround, below */
blockquote {
font-size: 20px;
font-size: 18px;
}
/* UI elements should be a little less intrusive */
.navbar, .footer {
@ -442,6 +384,7 @@ header h1::before {
.language-switcher {
font-size: 14px;
background: #f8f8f8;
color: #333;
border-color: #ccc;
@ -449,15 +392,59 @@ header h1::before {
.language-switcher:hover {
background: #e6e6e6;
}
/* NavBar */
/* Navbar variables */
.navbar {
--bs-navbar-padding-y: 0;
--bs-navbar-padding-x: 0;
}
.nav-link {
--bs-nav-link-padding-y: 5px;
--bs-nav-link-padding-x: 15px;
}
.dropdown-menu li a {
font-size: 14px;
display: block;
padding: 3px 20px;
clear: both;
font-weight: 400;
line-height: 1.42857143;
color: #333;
border-color: #ccc;
white-space: nowrap;
}
.language-switcher-top {
display: block;
padding-top: 9px;
width: 120px; /* Force size to prevent overflowing breadcrumbs */
height: 35px;
z-index: 5;
.dropdown-menu li a:hover {
background: #e6e6e6;
}
/* Usually is set automatically by bootstrap, but do it manually to let ikiwiki handle links */
.nav-link li a, .nav-link .selflink {
display: block;
padding: var(--bs-nav-link-padding-y) var(--bs-nav-link-padding-x);
font-size: var(--bs-nav-link-font-size);
font-weight: var(--bs-nav-link-font-weight);
color: var(--bs-nav-link-color);
text-decoration: none;
transition: color .15s ease-in-out, background-color .15s ease-in-out, border-color .15s ease-in-out;
}
.nav-link .selflink {
color: #393a35;
}
.nav-link li a:hover, .nav-link .selflink:hover {
color: #393a35;
}
.navbar-brand {
height: 50px;
padding: 15px 0;
}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

Binary file not shown.

View file

@ -7,8 +7,8 @@
msgid ""
msgstr ""
"Project-Id-Version: ayakael.net\n"
"POT-Creation-Date: 2024-06-21 13:49-0400\n"
"PO-Revision-Date: 2024-06-21 13:50-0400\n"
"POT-Creation-Date: 2024-09-10 22:25-0400\n"
"PO-Revision-Date: 2024-09-10 22:25-0400\n"
"Last-Translator: \n"
"Language-Team: ayakael <dev@ayakael.net>\n"
"Language: fr\n"
@ -17,25 +17,35 @@ msgstr ""
"Content-Transfer-Encoding: 8bit\n"
"X-Generator: Poedit 3.4.3\n"
#. type: Plain text
#, no-wrap
msgid ""
"<p class=\"text-muted\">\n"
"\t<span class=\"copyright\">\n"
"\t\tCopyleft © 2024-2024 ayakael [[CC-BY-SA|meta/license]]\n"
"\t</span>\n"
"\t<span class=\"pull-right powered-by\">\n"
"\t\tPowered by [[ikiwiki|http://ikiwiki.info/]].\n"
"\t\t[[Theme|https://gitlab.com/anarcat/ikiwiki-bootstrap-anarcat]] by [[anarcat|https://anarc.at/blog/2015-09-09-bootstrap]].\n"
"\t</span>\n"
"</p>\n"
msgstr ""
"<p class=\"text-muted\">\n"
"\t<span class=\"copyright\">\n"
"\t\tCopyleft © 2024-2024 ayakael [[CC-BY-SA|meta/license]]\n"
"\t</span>\n"
"\t<span class=\"pull-right powered-by\">\n"
"\t\tPropulsé par [[ikiwiki|http://ikiwiki.info/]].\n"
"\t\t[[Thème|https://gitlab.com/anarcat/ikiwiki-bootstrap-anarcat]] par [[anarcat|https://anarc.at/blog/2015-09-09-bootstrap]].\n"
"\t</span>\n"
"</p>\n"
#. type: Content of: <div><div>
#, fuzzy
#| msgid "Copyleft © 2024-2024 ayakael [[CC-BY-SA|meta/license]]"
msgid "Copyleft © 2024 ayakael [[CC-BY-SA|meta/license]]"
msgstr "Copyleft © 2024 ayakael [[CC-BY-SA|meta/license]]"
#. type: Content of: <div><div>
msgid "Powered by [[ikiwiki|http://ikiwiki.info/]]."
msgstr "Propulsé par [[ikiwiki|http://ikiwiki.info/]]."
#, fuzzy
#~| msgid ""
#~| "<p class=\"text-muted\">\n"
#~| "\t<span class=\"copyright\">\n"
#~| "\t\tCopyleft © 2024-2024 ayakael [[CC-BY-SA|meta/license]]\n"
#~| "\t</span>\n"
#~| "\t<span class=\"pull-right powered-by\">\n"
#~| "\t\tPowered by [[ikiwiki|http://ikiwiki.info/]].\n"
#~| "\t\t[[Theme|https://gitlab.com/anarcat/ikiwiki-bootstrap-anarcat]] by [[anarcat|https://anarc.at/blog/2015-09-09-bootstrap]].\n"
#~| "\t</span>\n"
#~| "</p>\n"
#~ msgid "<span class=\"me-auto copyright\"> Copyleft © 2024-2024 ayakael [[CC-BY-SA|meta/license]] </span> <span class=\"ms-auto powered-by\"> Powered by [[ikiwiki|http://ikiwiki.info/]]. </span>"
#~ msgstr ""
#~ "<p class=\"text-muted\">\n"
#~ "\t<span class=\"copyright\">\n"
#~ "\t\tCopyleft © 2024-2024 ayakael [[CC-BY-SA|meta/license]]\n"
#~ "\t</span>\n"
#~ "\t<span class=\"pull-right powered-by\">\n"
#~ "\t\tPropulsé par [[ikiwiki|http://ikiwiki.info/]].\n"
#~ "\t\t[[Thème|https://gitlab.com/anarcat/ikiwiki-bootstrap-anarcat]] par [[anarcat|https://anarc.at/blog/2015-09-09-bootstrap]].\n"
#~ "\t</span>\n"
#~ "</p>\n"

8
content/footer.html Normal file
View file

@ -0,0 +1,8 @@
<div class="row text-muted">
<div class="col-sm">
Copyleft © 2024 ayakael [[CC-BY-SA|meta/license]]
</div>
<div class="col-sm text-sm-end">
Powered by [[ikiwiki|http://ikiwiki.info/]].
</div>
</div>

View file

@ -1,9 +0,0 @@
<p class="text-muted">
<span class="copyright">
Copyleft © 2024-2024 ayakael [[CC-BY-SA|meta/license]]
</span>
<span class="pull-right powered-by">
Powered by [[ikiwiki|http://ikiwiki.info/]].
[[Theme|https://gitlab.com/anarcat/ikiwiki-bootstrap-anarcat]] by [[anarcat|https://anarc.at/blog/2015-09-09-bootstrap]].
</span>
</p>

View file

@ -7,7 +7,7 @@
msgid ""
msgstr ""
"Project-Id-Version: PACKAGE VERSION\n"
"POT-Creation-Date: 2024-08-10 21:36-0400\n"
"POT-Creation-Date: 2024-09-10 22:25-0400\n"
"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
"Language-Team: LANGUAGE <LL@li.org>\n"
@ -16,17 +16,10 @@ msgstr ""
"Content-Type: text/plain; charset=UTF-8\n"
"Content-Transfer-Encoding: 8bit\n"
#. type: Plain text
#, markdown-text, no-wrap
msgid ""
"<p class=\"text-muted\">\n"
"\t<span class=\"copyright\">\n"
"\t\tCopyleft © 2024-2024 ayakael [[CC-BY-SA|meta/license]]\n"
"\t</span>\n"
"\t<span class=\"pull-right powered-by\">\n"
"\t\tPowered by [[ikiwiki|http://ikiwiki.info/]].\n"
"\t\t[[Theme|https://gitlab.com/anarcat/ikiwiki-bootstrap-anarcat]] by "
"[[anarcat|https://anarc.at/blog/2015-09-09-bootstrap]].\n"
"\t</span>\n"
"</p>\n"
#. type: Content of: <div><div>
msgid "Copyleft © 2024 ayakael [[CC-BY-SA|meta/license]]"
msgstr ""
#. type: Content of: <div><div>
msgid "Powered by [[ikiwiki|http://ikiwiki.info/]]."
msgstr ""

Binary file not shown.

View file

@ -7,8 +7,8 @@
msgid ""
msgstr ""
"Project-Id-Version: ayakael.net\n"
"POT-Creation-Date: 2024-08-10 01:56-0400\n"
"PO-Revision-Date: 2024-08-10 01:57-0400\n"
"POT-Creation-Date: 2024-09-10 22:13-0400\n"
"PO-Revision-Date: 2024-09-10 22:25-0400\n"
"Last-Translator: \n"
"Language-Team: ayakael <antoine@ayakael.net>\n"
"Language: fr\n"
@ -17,19 +17,37 @@ msgstr ""
"Content-Transfer-Encoding: 8bit\n"
"X-Generator: Poedit 3.4.3\n"
#. type: Plain text
#, no-wrap
msgid ""
"<!-- the anchors force ikiwiki to use a tags instead of spans. hopefully. -->\n"
"<ul class=\"nav navbar-nav navbar-right\">\n"
"<li>[[Home|index]]</li>\n"
"<li>[[Forge|https://ayakael.net/forge/]]</li>\n"
"<li>[[Contact]]</li>\n"
"</ul>\n"
msgstr ""
"<!-- the anchors force ikiwiki to use a tags instead of spans. hopefully. -->\n"
"<ul class=\"nav navbar-nav navbar-right\">\n"
"<li>[[Accueil|index]]</li>\n"
"<li>[[Forge|https://ayakael.net/forge/]]</li>\n"
"<li>[[Contact]]</li>\n"
"</ul>\n"
#. type: Content of: <ul><li>
msgid "[[Home|index]]"
msgstr "[[Accueil|index]]"
#. type: Content of: <ul><li>
msgid "[[Forge|https://ayakael.net/forge/]]"
msgstr "[[Forge|https://ayakael.net/forge/]]"
#. type: Content of: <ul><li>
msgid "[[Contact]]"
msgstr "[[Contact]]"
#, fuzzy, no-wrap
#~| msgid ""
#~| "<!-- the anchors force ikiwiki to use a tags instead of spans. hopefully. -->\n"
#~| "<ul class=\"nav navbar-nav navbar-right\">\n"
#~| "<li>[[Home|index]]</li>\n"
#~| "<li>[[Forge|https://ayakael.net/forge/]]</li>\n"
#~| "<li>[[Contact]]</li>\n"
#~| "</ul>\n"
#~ msgid ""
#~ "<!-- the anchors force ikiwiki to use a tags instead of spans. hopefully. -->\n"
#~ "<ul class=\"nav navbar-nav nav-link align-items-center ms-auto\">\n"
#~ "<li>[[Home|index]]</li>\n"
#~ "<li>[[Forge|https://ayakael.net/forge/]]</li>\n"
#~ "<li>[[Contact]]</li>\n"
#~ "</ul>\n"
#~ msgstr ""
#~ "<!-- the anchors force ikiwiki to use a tags instead of spans. hopefully. -->\n"
#~ "<ul class=\"nav navbar-nav navbar-right\">\n"
#~ "<li>[[Accueil|index]]</li>\n"
#~ "<li>[[Forge|https://ayakael.net/forge/]]</li>\n"
#~ "<li>[[Contact]]</li>\n"
#~ "</ul>\n"

View file

@ -1,5 +1,5 @@
<!-- the anchors force ikiwiki to use a tags instead of spans. hopefully. -->
<ul class="nav navbar-nav navbar-right">
<ul class="navbar-nav nav-link align-items-center ms-auto">
<li>[[Home|index]]</li>
<li>[[Forge|https://ayakael.net/forge/]]</li>
<li>[[Contact]]</li>

View file

@ -7,7 +7,7 @@
msgid ""
msgstr ""
"Project-Id-Version: PACKAGE VERSION\n"
"POT-Creation-Date: 2024-08-10 21:36-0400\n"
"POT-Creation-Date: 2024-09-10 22:25-0400\n"
"PO-Revision-Date: YEAR-MO-DA HO:MI+ZONE\n"
"Last-Translator: FULL NAME <EMAIL@ADDRESS>\n"
"Language-Team: LANGUAGE <LL@li.org>\n"
@ -16,14 +16,14 @@ msgstr ""
"Content-Type: text/plain; charset=UTF-8\n"
"Content-Transfer-Encoding: 8bit\n"
#. type: Plain text
#, markdown-text, no-wrap
msgid ""
"<!-- the anchors force ikiwiki to use a tags instead of "
"spans. hopefully. -->\n"
"<ul class=\"nav navbar-nav navbar-right\">\n"
"<li>[[Home|index]]</li>\n"
"<li>[[Forge|https://ayakael.net/forge/]]</li>\n"
"<li>[[Contact]]</li>\n"
"</ul>\n"
#. type: Content of: <ul><li>
msgid "[[Home|index]]"
msgstr ""
#. type: Content of: <ul><li>
msgid "[[Forge|https://ayakael.net/forge/]]"
msgstr ""
#. type: Content of: <ul><li>
msgid "[[Contact]]"
msgstr ""

View file

@ -30,7 +30,7 @@
<!-- Bootstrap core CSS -->
<!-- those checksums can be verified with: shasum -b -a 384 $file | xxd -r -p | base64 -->
<link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous" />
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<!-- Custom styles for this template -->
<link href="<TMPL_VAR BASEURL>bootstrap.local.css" rel="stylesheet" />
@ -62,30 +62,21 @@
</head>
<body>
<nav class="navbar navbar-default navbar-fixed-top">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand" href="<TMPL_VAR BASEURL>">
<nav class="navbar fixed-top navbar-expand-lg navbar-light bg-light border">
<div class="container-fluid">
<a class="navbar-brand me-auto" href="<TMPL_VAR BASEURL>">
<img alt="<TMPL_VAR WIKINAME>" src="<TMPL_VAR BASEURL>favicon.png" width="48" height="48" />
</a>
</div>
<div id="navbar" class="collapse navbar-collapse">
<TMPL_IF OTHERLANGUAGES>
<div class="dropdown language-switcher-top navbar-left">
<button class="btn language-switcher dropdown-toggle" type="button" id="language-menu-top" data-toggle=
"dropdown" aria-haspopup="true" aria-expanded="true">
<TMPL_VAR LANG_NAME>
<img src="<TMPL_VAR BASEURL>wikiicons/languages.png">
</button>
<ul class="dropdown-menu" aria-labelledby="language-menu-top">
<div class="dropdown ps-2 pe-2">
<button class="btn language-switcher dropdown" type="button" id="language-menu-top" data-bs-toggle="dropdown" aria-expanded="false">
<div class="collapse navbar-collapse float-end ms-1" id="navbar">
<TMPL_VAR LANG_NAME>
</div>
<img src="<TMPL_VAR BASEURL>wikiicons/languages.png">
</button>
<ul class="dropdown-menu dropdown-menu-end dropdown-menu-lg-start" aria-labelledby="language-menu-top">
<TMPL_LOOP OTHERLANGUAGES>
<li>
<a href="<TMPL_VAR URL>"><TMPL_VAR LANGUAGE></a>
@ -95,6 +86,14 @@
</div>
</TMPL_IF>
<button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navbar" aria-controls="navbarScroll" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div id="navbar" class="collapse navbar-collapse">
<TMPL_IF SIDEBAR>
<TMPL_VAR SIDEBAR>
</TMPL_IF>
@ -220,19 +219,15 @@
</span>
</div>
<TMPL_IF HTML5><nav class="navbar navbar-default">
<TMPL_ELSE>
<div class="navbar navbar-default">
</TMPL_IF>
<div class="navbar-brand"><span class="glyphicon glyphicon-search" aria-hidden="true"></span></div>
<nav class="navbar navbar-expand-lg navbar-light bg-light border">
<div class="navbar-brand">
<img src="<TMPL_VAR BASEURL>wikiicons/languages.png">
</div>
<div class="container-fluid">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar-footer" aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<div class="navbar navbar-expand-lg navbar-light border">
<button class="navbar-toggler collapsed" type="button" data-bs-toggle="collapse" data-bs-target="#navbar-footer" aria-controls="navbarScroll" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
</div>
@ -241,7 +236,7 @@
<TMPL_VAR SEARCHFORM>
</TMPL_IF>
<ul class="nav navbar-nav navbar-right">
<ul class="nav navbar-nav nav-link">
<TMPL_IF TAGS>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown" role="button" aria-haspopup="true" aria-expanded="false">Tags <span class="caret"></span></a>
@ -313,7 +308,7 @@
</TMPL_UNLESS>
</div> <!-- /container -->
<footer class="footer" role="contentinfo">
<footer class="footer pb-3 pt-3" role="contentinfo">
<div class="container">
<TMPL_IF FOOTER>
@ -327,8 +322,8 @@
<!-- Bootstrap core JavaScript
================================================== -->
<!-- Placed at the end of the document so the pages load faster -->
<script src="https://code.jquery.com/jquery-3.2.1.min.js" crossorigin="anonymous" integrity="sha384-xBuQ/xzmlsLoJpyjoggmTEz8OWUFM0/RC5BsqQBDX2v5cMvDHcMakNTNrHIW2I5f"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js" crossorigin="anonymous" integrity="sha384-Tc5IQib027qvyjSMfHjOMaLkfuWVxZxUPnCJA7l2mCWNIpG9mGCD8wGNIcPD7Txa"></script>
<script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.6/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
<!-- TODO: Find other ways to setup analytics
<script data-goatcounter="https://analytics.anarc.at/count" async src="//analytics.anarc.at/count.js"></script>