summaryrefslogtreecommitdiff
path: root/_includes
diff options
context:
space:
mode:
authorHombreLaser <buran@silosneeded.com>2024-05-05 19:51:24 -0600
committerHombreLaser <buran@silosneeded.com>2024-05-05 19:51:24 -0600
commit30c268fdabca62c7c4df6e8db7426666fc2be66a (patch)
tree8042bfd5d1ebee1ef492b9f1f8cac0e1c4c22438 /_includes
parentbf2c057eece0e777036110526eb488b364dff108 (diff)
Change interface
Diffstat (limited to '_includes')
-rw-r--r--_includes/banner.html9
-rw-r--r--_includes/footer.html11
-rw-r--r--_includes/header.html51
-rw-r--r--_includes/language_select_button.html25
-rw-r--r--_includes/links-list.html6
-rw-r--r--_includes/navigation.html32
-rw-r--r--_includes/navigation_buttons.html18
-rw-r--r--_includes/pagination.html49
-rw-r--r--_includes/recent_posts.html16
-rw-r--r--_includes/sidebar.html22
-rw-r--r--_includes/sidenav.html10
11 files changed, 162 insertions, 87 deletions
diff --git a/_includes/banner.html b/_includes/banner.html
new file mode 100644
index 0000000..33beb38
--- /dev/null
+++ b/_includes/banner.html
@@ -0,0 +1,9 @@
+<section class="hero is-small third-color">
+ <div class="hero-body banner">
+ {% if site.lang != "es" %}
+ <a class="title banner" href="{{ site.baseurl_root }}/{{ site.lang }}">{{ site.title }}</a>
+ {% else %}
+ <a class="title banner" href="{{ site.baseurl_root }}">{{ site.title }}</a>
+ {% endif %}
+ </div>
+</section>
diff --git a/_includes/footer.html b/_includes/footer.html
deleted file mode 100644
index 4798d16..0000000
--- a/_includes/footer.html
+++ /dev/null
@@ -1,11 +0,0 @@
-<div class="container-fluid">
- <div class="row-fluid">
- <div class="span12 footer navbar-inverse navbar-fixed-bottom">
- <p class="copyright">&copy;{{ site.time | date: '%Y' }} {{ site.name }}.
- under
- <a href="https://creativecommons.org/licenses/by-nc-nd/4.0/">Creative Commons Attribution-NonCommercial-NoDerivatives</a></p>
- </div>
- </div>
-</div>
-</body>
-</html>
diff --git a/_includes/header.html b/_includes/header.html
index f7a138f..1364b70 100644
--- a/_includes/header.html
+++ b/_includes/header.html
@@ -7,53 +7,8 @@
<meta charset="UTF-8">
<title>{{ site.name }}</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
- <script src="{{ site.baseurl }}/assets/js/jquery.min.js"></script>
- <script src="{{ site.baseurl }}/assets/js/bootstrap.min.js"></script>
- <link href="{{ site.baseurl }}/assets/css/bootstrap.min.css" rel="stylesheet" type="text/css">
- <link href="{{ site.baseurl }}/assets/css/theme.css" rel="stylesheet" type="text/css">
+ <link href="{{ site.baseurl }}/assets/css/bulma.min.css" rel="stylesheet" type="text/css">
+ <link href="{{ site.baseurl }}/assets/css/styles.css" rel="stylesheet" type="text/css">
<link href="{{ site.baseurl }}/assets/css/syntax.css" rel="stylesheet" type="text/css">
+ <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.11.3/font/bootstrap-icons.min.css">
</head>
-
-<body>
-
-<div class="container-fluid">
- <div class="row-fluid">
- <div class="navbar navbar-inverse navbar-fixed-top" role="navigation">
- <div class="navbar-header">
- <button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#bs-example-navbar-collapse-1">
- <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="{{ site.baseurl }}/">{{ site.name }}</a>
- </div>
- <div class="collapse navbar-collapse" id="bs-example-navbar-collapse-1">
- <ul class="nav navbar-nav">
- <li class="active"><a href="{{ site.baseurl }}/">{% t global.home %}</a></li>
- <li class="active visible-xs-block"><a href="{{ site.baseurl }}/links">Links</a></li>
- <li class="active"><a href="{{ site.baseurl }}/archive">{% t global.archive %}</a></li>
- <li class="active"><a href="{{ site.baseurl }}/categories">{% t global.categories %}</a></li>
- <li class="active"><a href="{{ site.baseurl }}/about-me">{% t global.about_me %}</a></li>
- <li class="active"><a href="{{ site.baseurl }}/about">{% t global.about %}</a></li>
- <li class="dropdown">
- <a class="dropdown-toggle" data-toggle="dropdown" href="#">
- {% t global.language %}<span class="caret"></span>
- </a>
- <ul class="dropdown-menu" role="menu">
- {% capture spanish_site %}{{ site.baseurl_root }}{{ page.url}}{% endcapture %}
- <li><a href="{{ spanish_site }}">Español</a></li>
- {% capture english_site %}{{ site.baseurl_root }}/en{{ page.url}}{% endcapture %}
- <li><a href="{{ english_site }}">English</a></li>
- </ul>
- </li>
- <li>
- <a href="{{ site.baseurl }}/feed.xml">
- <img src="{{ site.baseurl }}/assets/images/rss_feed_icon.svg" width="18" height="18">
- </a>
- </li>
- </ul>
- </div>
- </div>
- </div>
-</div>
diff --git a/_includes/language_select_button.html b/_includes/language_select_button.html
new file mode 100644
index 0000000..2659b49
--- /dev/null
+++ b/_includes/language_select_button.html
@@ -0,0 +1,25 @@
+<div class="dropdown is-up mr-2">
+ <div class="dropdown-trigger">
+ <button class="button btn-primary" aria-haspopup="true" id="language-select-button" aria-controls="language-selection">
+ <span>{% t global.language %}</span>
+ <span class="icon is-small">
+ <i class="bi bi-chevron-up"></i>
+ </span>
+ </button>
+ </div>
+ <div class="dropdown-menu" id="language-selection" role="menu">
+ <div class="dropdown-content">
+ <div class="dropdown-item">
+ {% capture spanish_site %}{{ site.baseurl_root }}{{ page.url}}{% endcapture %}
+ <a href="{{ spanish_site }}">Español</a>
+ </div>
+ <hr class="dropdown-divider" />
+ <div class="dropdown-item">
+ {% capture english_site %}{{ site.baseurl_root }}/en{{ page.url}}{% endcapture %}
+ <a href="{{ english_site }}">English</a>
+ </div>
+ </div>
+ </div>
+</div>
+
+<script src="{{ site.baseurl }}/assets/js/language_select.js"></script>
diff --git a/_includes/links-list.html b/_includes/links-list.html
deleted file mode 100644
index fef5a32..0000000
--- a/_includes/links-list.html
+++ /dev/null
@@ -1,6 +0,0 @@
-<h1>Links</h1>
-<ul>
- <li><a href="https://git.silosneeded.com/cgit/blog.git">{% t global.source_code %}</a></li>
- <li><a href="https://git.silosneeded.com/cgit">{% t global.personal_git_repository %}</a></li>
- <li><a href="https://github.com/HombreLaser">Github</a></li>
-</ul>
diff --git a/_includes/navigation.html b/_includes/navigation.html
new file mode 100644
index 0000000..90319c2
--- /dev/null
+++ b/_includes/navigation.html
@@ -0,0 +1,32 @@
+<div class="column sidebar">
+ <div class="column sidebar-element">
+ <a href="{{ site.baseurl }}/now">
+ {% t global.now %}
+ </a>
+ </div>
+ <div class="column sidebar-element">
+ <a href="{{ site.baseurl }}/about">
+ {% t global.about %}
+ </a>
+ </div>
+ <div class="column sidebar-element">
+ <a href="{{ site.baseurl }}/about_me">
+ {% t global.about_me %}
+ </a>
+ </div>
+ <div class="column sidebar-element">
+ <a href="{{ site.baseurl }}/archive">
+ {% t global.archive %}
+ </a>
+ </div>
+ <div class="column sidebar-element">
+ <a href="{{ site.baseurl }}/categories">
+ {% t global.categories %}
+ </a>
+ </div>
+ <div class="column sidebar-element">
+ <a href="https://git.silosneeded.com/cgit/blog.git">
+ {% t global.source_code %}
+ </a>
+ </div>
+</div>
diff --git a/_includes/navigation_buttons.html b/_includes/navigation_buttons.html
new file mode 100644
index 0000000..5b2d8b0
--- /dev/null
+++ b/_includes/navigation_buttons.html
@@ -0,0 +1,18 @@
+<div class="column mt-2">
+ <div class="flex-container">
+ <div class="navigation-element">
+ {% if page.next %}
+ <a class="button is-info" href="{{ page.next.url | relative_url }}">
+ {% t post.next %}
+ </a>
+ {% endif %}
+ </div>
+ <div cylass="navigation-element end-justified">
+ {% if page.previous %}
+ <a class="button is-info" href="{{ page.previous.url | relative_url }}">
+ {% t post.previous %}
+ </a>
+ {% endif %}
+ </div>
+ </div>
+</div>
diff --git a/_includes/pagination.html b/_includes/pagination.html
new file mode 100644
index 0000000..f692362
--- /dev/null
+++ b/_includes/pagination.html
@@ -0,0 +1,49 @@
+{% if paginator.total_pages > 1 %}
+<div class="column">
+ <div class="pagination">
+ {% if paginator.previous_page %}
+ <div class="column">
+ <a href="{{ paginator.previous_page_path | relative_url }}" rel="prev">
+ <i class="bi bi-chevron-left"></i>
+ </a>
+ </div>
+ {% endif %}
+
+ {% if paginator.page == 1%}
+ <div class="column">
+ <em>{% t index.first%}</em>
+ </div>
+ {% else %}
+ <div class="column">
+ <a href="/">
+ {% t index.first %}
+ </a>
+ </div>
+ {% endif %}
+
+ <div class="column">
+ {% t index.page %} {{ paginator.page }} {% t index.of %} {{ paginator.total_pages }}
+ </div>
+
+ {% if paginator.page == paginator.total_pages %}
+ <div class="column">
+ <em>{% t index.last %}</em>
+ </div>
+ {% else %}
+ <div class="column">
+ <a href="{{ site.paginate_path | relative_url | replace: ':num', paginator.total_pages }}">
+ {% t index.last %}
+ </a>
+ </div>
+ {% endif %}
+
+ {% if paginator.next_page %}
+ <div class="column">
+ <a href="{{ paginator.next_page_path | relative_url }}" rel="next">
+ <i class="bi bi-chevron-right"></i>
+ </a>
+ </div>
+ {% endif %}
+ </div>
+</div>
+{% endif %}
diff --git a/_includes/recent_posts.html b/_includes/recent_posts.html
new file mode 100644
index 0000000..c079d30
--- /dev/null
+++ b/_includes/recent_posts.html
@@ -0,0 +1,16 @@
+{% if site.posts %}
+<div class="column sidebar mt-3">
+ <div class="column sidebar-element">
+ <span>
+ {% t global.recent_posts %}
+ </span>
+ </div>
+ {% for post in site.posts limit:5 %}
+ <div class="column sidebar-element">
+ <a href="{{ site.baseurl }}{{ post.url }}">
+ {{ post.title }}
+ </a>
+ </div>
+ {% endfor %}
+</div>
+{% endif %}
diff --git a/_includes/sidebar.html b/_includes/sidebar.html
deleted file mode 100644
index 004a349..0000000
--- a/_includes/sidebar.html
+++ /dev/null
@@ -1,22 +0,0 @@
-<div class="sidebar well">
- <h1>{% t global.what_else_to_read %}</h1>
- <ul>
- <li><a href="https://yosoyira.medium.com/">Iranzo_Arte</a></li>
- <li><a href="https://kimimithegameeatingshemonster.com/">Kimimi the game-eating she monster</a></li>
- <li><a href="https://ephemeralenigmascom.wordpress.com/">Ephemeral Enigmas</a></li>
- <li><a href="https://www.badgamehalloffame.com/">Bad Game Hall of Fame</a></li>
- </ul>
-</div>
-
-<div class="sidebar well">
- <h1>{% t global.recent_posts %} </h1>
- <ul>
- {% for post in site.posts limit:5 %}
- <li><a href="{{ site.baseurl }}{{ post.url }}">{{ post.title }}</a></li>
- {% endfor %}
- </ul>
-</div>
-
-<div class="sidebar well">
-{% include links-list.html %}
-</div>
diff --git a/_includes/sidenav.html b/_includes/sidenav.html
new file mode 100644
index 0000000..7e9d945
--- /dev/null
+++ b/_includes/sidenav.html
@@ -0,0 +1,10 @@
+<div class="column mt-6">
+ <div class="column">
+ {% include language_select_button.html %}
+ <a href="{{ site.baseurl }}/feed.xml">
+ <img src="{{ site.baseurl }}/assets/images/rss_feed_icon.svg" width="40" height="40">
+ </a>
+ </div>
+ {% include navigation.html %}
+ {% include recent_posts.html %}
+</div>
generated by cgit v1.2.3 (git 2.39.1) at 2025-07-17 22:01:54 +0000