Few cosmetic changes

This commit is contained in:
Ratan Kulshreshtha 2021-03-20 00:19:57 +05:30
parent a7e99bf188
commit 86293344f0
10 changed files with 99 additions and 65 deletions

View File

@ -144,7 +144,7 @@ google = "<your_gtag>"
# To add disqus comments
[extra.commenting]
disqus_shortname = "<your_disqus_shortname>"
disqus = "<your_disqus_shortname>"
# To enable mapbox maps
[extra.mapbox]

View File

@ -6,8 +6,8 @@ highlight_theme = "one-dark"
generate_feed = true
feed_filename = "rss.xml"
taxonomies = [
{ name = "categories", feed = true, paginate_by = 10 },
{ name = "tags", fees = true, paginate_by = 10 },
{ name = "categories", feed = true, paginate_by = 10 },
{ name = "tags", fees = true, paginate_by = 10 },
]
languages = []
compile_sass = true
@ -28,13 +28,13 @@ anchors = "on"
[extra]
navbar_items = [
{ code = "en", nav_items = [
{ url = "$BASE_URL/", name = "Home" },
{ url = "$BASE_URL/posts", name = "Posts" },
{ url = "$BASE_URL/docs", name = "Docs" },
{ url = "$BASE_URL/tags", name = "Tags" },
{ url = "$BASE_URL/categories", name = "Categories" },
]}
{ code = "en", nav_items = [
{ url = "$BASE_URL/", name = "Home" },
{ url = "$BASE_URL/posts", name = "Posts" },
{ url = "$BASE_URL/docs", name = "Docs" },
{ url = "$BASE_URL/tags", name = "Tags" },
{ url = "$BASE_URL/categories", name = "Categories" },
] },
]
[extra.favicon]
@ -62,7 +62,7 @@ twitter = "RatanShreshtha"
google = "UA-176984489-2"
[extra.commenting]
disqus_shortname = "deepthought-theme"
disqus = "deepthought-theme"
[extra.mapbox]
access_token = "pk.eyJ1IjoicmF0YW5zaHJlc2h0aGEiLCJhIjoiY2tla2s2NmM3MDd0ZzJzbXFtc3Y2YmU0NyJ9.0RhUnJPKbxHWw3xGPnnBlA"

View File

@ -66,11 +66,11 @@ google = "<your_gtag>"
## Disqus Comments Setup
**DeepThought** support disqus commenting out of the box. You can configure disqus_shortname in `[extra.commenting]` of `config.toml` file.
**DeepThought** support disqus commenting out of the box. You can configure disqus in `[extra.commenting]` of `config.toml` file.
```toml
[extra.commenting]
disqus_shortname = "<your_disqus_shortname>"
disqus = "<your_disqus>"
```
## Mapbox Setup

View File

@ -3,7 +3,7 @@ publish = "public"
command = "zola build"
[build.environment]
ZOLA_VERSION = "0.11.0"
ZOLA_VERSION = "0.13.0"
[context.deploy-preview]
command = "zola build --base-url https://deepthought-theme.netlify.app"
command = "zola build --base-url $DEPLOY_PRIME_URL"

View File

@ -5,7 +5,30 @@
// Update Bulma's global variables
$family-sans-serif: "Recursive", sans-serif;
$footer-padding: 1.5rem 2.5rem;
$footer-padding: 1.0rem 2.5rem;
$link: hsl(0, 0%, 21%);
$link-hover: hsl(204, 71%, 39%);
body
display: flex;
flex-direction: column;
min-height: 100vh;
body[theme="dark"]
filter: invert(1) hue-rotate(180deg);
section
flex: 1;
img[theme="dark"],
picture[theme="dark"],
video[theme="dark"]
filter: invert(1) hue-rotate(180deg);
@import "base/all"
@import "components/all"

View File

@ -25,9 +25,9 @@
<link href='{{ config.extra.favicon.apple_touch_icon }}' rel="apple-touch-icon" sizes="180x180" />
{% endif %}
<link href="https://cdn.jsdelivr.net/npm/bulma@0.9.2/css/bulma.min.css" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/galleria/1.6.1/themes/folio/galleria.folio.min.css" rel="stylesheet" />
<link href="https://api.mapbox.com/mapbox-gl-js/v1.12.0/mapbox-gl.css" rel="stylesheet" />
<link href="https://cdnjs.cloudflare.com/ajax/libs/galleria/1.6.1/themes/folio/galleria.folio.min.css"
rel="stylesheet" />
<link href="https://cdn.jsdelivr.net/npm/mapbox-gl@2.1.1/dist/mapbox-gl.min.css" rel="stylesheet" />
<link href="{{ get_url(path='deep-thought.css') }}" rel="stylesheet" />
{% block custom_css %}
@ -77,9 +77,9 @@
{% endif %}
</head>
<body>
<body class="has-background-white">
{% block navbar %}
<nav aria-label="section navigation" class="navbar" role="navigation">
<nav aria-label="section navigation" class="navbar is-light" role="navigation">
<div class="container">
<div class="navbar-brand">
<a class="navbar-item has-text-weight-bold" href="{{config.base_url}}">{{ config.title }}</a>
@ -92,13 +92,13 @@
<div class="navbar-menu" id="navMenu">
<div class="navbar-end has-text-centered">
{% for item in config.extra.navbar_items %}
{% if lang == item.code %}
{% for nav in item.nav_items %}
<a class="navbar-item" href='{{ nav.url | replace(from='$BASE_URL', to=config.base_url) }}'>
{{ nav.name }}
</a>
{% endfor %}
{% endif %}
{% if lang == item.code %}
{% for nav in item.nav_items %}
<a class="navbar-item" href='{{ nav.url | replace(from='$BASE_URL', to=config.base_url) }}'>
{{ nav.name }}
</a>
{% endfor %}
{% endif %}
{% endfor %}
<a class="navbar-item" id="nav-search" title="Search" data-target="#search-modal">
<span class="icon">
@ -182,29 +182,41 @@
{% block footbar %}
<footer class="footer">
<p class="has-text-centered">
Built with
<span class="icon is-small">
<i class="fas fa-code fa-xs"></i>
</span>
code and
<span class="icon is-small">
<i class="fas fa-heart fa-xs"></i>
</span>
love <br /> Powered By
<span class="icon is-small">
<i class="fas fa-power-off fa-xs"></i>
</span>
Zola
</p>
<div class="content has-text-centered">
<p>
Built with
<span class="icon-text">
<span class="icon">
<i class="fas fa-code"></i>
</span>
<span>code</span>
</span>
and
<span class="icon-text">
<span class="icon">
<i class="fas fa-heart"></i>
</span>
<span>love</span>
</span>
</p>
<p>
Powered by
<span class="icon-text">
<span class="icon">
<i class="fas fa-power-off"></i>
</span>
<span>zola</span>
</span>
</p>
</div>
</footer>
{% endblock %}
<script src="https://code.jquery.com/jquery-3.5.1.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/jquery@3.6.0/dist/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/galleria/1.6.1/galleria.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/mermaid/dist/mermaid.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.xkcd@1/dist/chart.xkcd.min.js"></script>
<script src="https://api.mapbox.com/mapbox-gl-js/v1.12.0/mapbox-gl.js"></script>
<script src="https://cdn.jsdelivr.net/npm/mermaid@8.9.2/dist/mermaid.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/chart.xkcd@1.1.13/dist/chart.xkcd.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/mapbox-gl@2.1.1/dist/mapbox-gl.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/galleria/1.6.1/themes/folio/galleria.folio.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/elasticlunr/0.9.6/elasticlunr.min.js"></script>
<script src="{{ get_url(path='search_index.en.js') }}"></script>
@ -214,4 +226,4 @@
{% endblock %}
</body>
</html>
</html>

View File

@ -8,8 +8,7 @@
<h1 class="title">
<span class="icon-text">
<span class="icon">
<i class="fas fa-folder" style="position: relative;top: 7px;"></i>
<i class="fas fa-folder" style="position: relative;left: -65px;top: -7px;"></i>
<i class="fas fa-cubes"></i>
</span>
<span>Categories</span>
</span>
@ -28,7 +27,7 @@
{% for category in terms %}
<a href="{{ get_taxonomy_url(kind='categories', name=category.name) }}" class="mr-4">
<span class="icon">
<i class="fas fa-folder"></i>
<i class="fas fa-cube"></i>
</span>
<span>{{category.name}} <sup>{{ category.pages | length }}</sup></span>
</a>

View File

@ -8,7 +8,7 @@
<h1 class="title">
<span class="icon-text">
<span class="icon">
<i class="fas fa-folder"></i>
<i class="fas fa-cube"></i>
</span>
<span>{{ term.name }}</span>
</span>

View File

@ -2,7 +2,7 @@
<span class="icon-text">
{% if social_config.facebook %}
<a href="https://facebook.com/{{ social_config.facebook }}" target="_blank">
<span class="icon is-medium">
<span class="icon is-large">
<i class="fab fa-facebook fa-lg"></i>
</span>
</a>
@ -10,7 +10,7 @@
{% if social_config.twitter %}
<a href="https://twitter.com/{{ social_config.twitter }}" target="_blank">
<span class="icon is-medium">
<span class="icon is-large">
<i class="fab fa-twitter fa-lg"></i>
</span>
</a>
@ -18,7 +18,7 @@
{% if social_config.linkedin %}
<a href="https://www.linkedin.com/in/{{ social_config.linkedin }}" target="_blank">
<span class="icon is-medium">
<span class="icon is-large">
<i class="fab fa-linkedin fa-lg"></i>
</span>
</a>
@ -26,7 +26,7 @@
{% if social_config.github %}
<a href="https://github.com/{{ social_config.github }}" target="_blank">
<span class="icon is-medium">
<span class="icon is-large">
<i class="fab fa-github fa-lg"></i>
</span>
</a>
@ -34,7 +34,7 @@
{% if social_config.gitlab %}
<a href="https://gitlab.com/{{ social_config.gitlab }}" target="_blank">
<span class="icon is-medium">
<span class="icon is-large">
<i class="fab fa-gitlab fa-lg"></i>
</span>
</a>
@ -42,7 +42,7 @@
{% if social_config.stackoverflow %}
<a href="https://stackoverflow.com/users/{{ social_config.stackoverflow }}" target="_blank">
<span class="icon is-medium">
<span class="icon is-large">
<i class="fab fa-stack-overflow fa-lg"></i>
</span>
</a>
@ -50,7 +50,7 @@
{% if social_config.keybase %}
<a href="https://keybase.io/{{ social_config.keybase }}" target="_blank">
<span class="icon is-medium">
<span class="icon is-large">
<i class="fab fa-keybase fa-lg"></i>
</span>
</a>
@ -58,7 +58,7 @@
{% if social_config.email %}
<a href="mailto:{{ social_config.email }}" target="_blank">
<span class="icon is-medium">
<span class="icon is-large">
<i class="far fa-envelope fa-lg"></i>
</span>
</a>
@ -66,7 +66,7 @@
{% if config.generate_feed %}
<a href="{{ config.base_url }}/{{ config.feed_filename }}" target="_blank">
<span class="icon is-medium">
<span class="icon is-large">
<i class="fas fa-rss fa-lg"></i>
</span>
</a>
@ -107,7 +107,7 @@
<a href="{{ get_taxonomy_url(kind='categories', name=category) }}">
<span class="icon-text">
<span class="icon">
<i class="fas fa-folder"></i>
<i class="fas fa-cube"></i>
</span>
<span>{{category}}</span>
</span>

View File

@ -121,7 +121,7 @@
{% endblock %}
{% block comment %}
{% if page.extra.comments and config.extra.commenting.disqus_shortname %}
{% if page.extra.comments and config.extra.commenting.disqus %}
<section class="section">
<div class="container">
<div class="columns is-centered">
@ -179,7 +179,7 @@
</script>
{% endif %}
{% if page.extra.comments and config.extra.commenting.disqus_shortname %}
{% if page.extra.comments and config.extra.commenting.disqus %}
<script>
var disqus_config = function () {
this.page.url = "{{config.base_url | safe}}";
@ -188,7 +188,7 @@
(function () {
var d = document, s = d.createElement('script');
s.src = 'https://{{ config.extra.commenting.disqus_shortname | safe}}.disqus.com/embed.js';
s.src = 'https://{{ config.extra.commenting.disqus | safe}}.disqus.com/embed.js';
s.setAttribute('data-timestamp', +new Date());
(d.head || d.body).appendChild(s);
})();