hugo/panaetius-theme
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Updating latest

Browse Source
This commit is contained in:
Daniel Tomlinson
2020-05-29 03:58:33 +01:00
parent 373c1bb894
commit 9df9fb34e2
11 changed files with 1716 additions and 297 deletions
Download Patch File Download Diff File Expand all files Collapse all files

BIN
src/.DS_Store vendored
View File

Binary file not shown.

197
src/js/App.js
View File

@@ -1,120 +1,103 @@
'use strict';
"use strict";
import { library, dom } from "@fortawesome/fontawesome-svg-core";
import $ from 'jquery';
import { library, dom } from '@fortawesome/fontawesome-svg-core';
import {
faBookOpen,
faChevronLeft,
faChevronRight,
faCircle,
faClock,
faEnvelope,
faRss,
faTag,
faSearch,
} from '@fortawesome/free-solid-svg-icons';
faBookOpen,
faChevronLeft,
faChevronRight,
faCircle,
faClock,
faEnvelope,
faRss,
faTag,
faSearch,
} from "@fortawesome/free-solid-svg-icons";
import {
faFacebook,
faFacebookF,
faGithub,
faGitlab,
faInstagram,
faKeybase,
faLinkedin,
faLinkedinIn,
faMastodon,
faMedium,
faPinterest,
faReddit,
faRedditAlien,
faStackOverflow,
faTwitter,
faWeibo,
} from '@fortawesome/free-brands-svg-icons';
faFacebook,
faFacebookF,
faGithub,
faGitlab,
faInstagram,
faKeybase,
faLinkedin,
faLinkedinIn,
faMastodon,
faMedium,
faPinterest,
faReddit,
faRedditAlien,
faStackOverflow,
faTwitter,
faWeibo,
} from "@fortawesome/free-brands-svg-icons";
library.add(
faBookOpen,
faChevronLeft,
faChevronRight,
faCircle,
faClock,
faEnvelope,
faFacebook,
faFacebookF,
faGithub,
faGitlab,
faInstagram,
faKeybase,
faLinkedin,
faLinkedinIn,
faMastodon,
faMedium,
faPinterest,
faReddit,
faRedditAlien,
faRss,
faStackOverflow,
faTag,
faTwitter,
faWeibo,
faSearch,
faBookOpen,
faChevronLeft,
faChevronRight,
faCircle,
faClock,
faEnvelope,
faFacebook,
faFacebookF,
faGithub,
faGitlab,
faInstagram,
faKeybase,
faLinkedin,
faLinkedinIn,
faMastodon,
faMedium,
faPinterest,
faReddit,
faRedditAlien,
faRss,
faStackOverflow,
faTag,
faTwitter,
faWeibo,
faSearch
);
export default {
loadFontAwesome: () => {
dom.watch();
},
bootstrapify: () => {
$('.content blockquote').addClass('blockquote');
$('.content table').addClass('table');
$('.content table').wrap('<div class="table-responsive" />');
$('.content table thead').addClass('thead-dark');
$('.content pre').wrap('<figure class="highlight" />');
$('.content figure > img').addClass('img-fluid');
},
lazyload: async () => {
const { default: LazyLoad } = await import(/* webpackChunkName: "lazyload" */ 'vanilla-lazyload');
new LazyLoad({
thresholds: "40px 10%",
load_delay: 100,
});
},
navbarFade: () => {
let $position = $(window).scrollTop();
loadFontAwesome: () => {
dom.watch();
},
bootstrapify: () => {
$(".content blockquote").addClass("blockquote");
$(".content table").addClass("table");
$(".content table").wrap('<div class="table-responsive" />');
$(".content table thead").addClass("thead-dark");
$(".content pre").wrap('<figure class="highlight" />');
$(".content figure > img").addClass("img-fluid");
},
lazyload: async () => {
const { default: LazyLoad } = await import(
/* webpackChunkName: "lazyload" */ "vanilla-lazyload"
);
new LazyLoad({
thresholds: "40px 10%",
load_delay: 100,
});
},
navbarFade: () => {
let $position = $(window).scrollTop();
$(window).scroll(() => {
const $scroll = $(window).scrollTop();
const $navbarHeight = $('#navbar-main-menu.fixed-top').outerHeight();
$(window).scroll(() => {
const $scroll = $(window).scrollTop();
const $navbarHeight = $("#navbar-main-menu.fixed-top").outerHeight();
$scroll > $position ? $('#navbar-main-menu.fixed-top').css('top', -$navbarHeight) :
$('#navbar-main-menu.fixed-top').css('top', 0);
$scroll > $position
? $("#navbar-main-menu.fixed-top").css("top", -$navbarHeight)
: $("#navbar-main-menu.fixed-top").css("top", 0);
if ($scroll <= 0) {
$('#navbar-main-menu.fixed-top').css('top', 0);
}
if ($scroll <= 0) {
$("#navbar-main-menu.fixed-top").css("top", 0);
}
$position = $scroll;
});
},
lightbox: async () => {
const { default: ekkoLightbox } = await import(/* webpackChunkName: "ekkoLightbox" */ 'ekko-lightbox');
$('[data-toggle="lightbox"]').click(function(e) {
e.preventDefault();
$(this).ekkoLightbox();
});
},
syntaxHighlight: () => {
if (!window.Prism) {
return;
}
Prism.highlightAll();
$('pre:has(> code[class*=language-])').removeAttr('style');
const element = $('pre:has(> code:not([class*=language-]))');
element.addClass('language-none');
$('> code', element).addClass('language-none');
}
$position = $scroll;
});
},
};

13
src/main.js
View File

@@ -1 +1,12 @@
import './scss/styles.scss';
import "./scss/styles.scss";
import(/* webpackChunkName: "bootstrap" */ "bootstrap");
window.addEventListener("DOMContentLoaded", async (event) => {
const { default: App } = await import(
/* webpackChunkName: "app" */ "./js/App"
);
App.bootstrapify();
App.lazyload();
App.loadFontAwesome();
App.navbarFade();
});

86
src/scss/chunky-poster.scss
View File

@@ -1,86 +0,0 @@
.homepage-image {
@include media-breakpoint-up(lg) {
position: absolute;
width: 400px;
right: 100px;
top: 50px;
}
}
.author .name a, .author .social a {
color: $gray-900;
text-decoration: none;
}
blockquote {
color: $gray-400;
border-left: 6px solid $gray-400;
padding-left: $spacer;
}
code {
background-color: $gray-100;
border-radius: $border-radius-sm;
padding: .125rem .2rem;
}
code[class*=language-], pre[class*=language-] {
font-family: $font-family-monospace;
@include font-size($code-font-size);
}
figure.highlight pre:not([class*=language-]) {
padding: 1em;
margin: .5em 0;
overflow: auto;
background-color: $gray-100;
}
pre code {
padding: 0;
background-color: transparent;
}
.latest h2 a, .navbar a, .card > a, a.badge {
text-decoration: none;
}
figure.highlight {
margin-left: -($grid-gutter-width / 2);
margin-right: -($grid-gutter-width / 2);
@include media-breakpoint-up(md) {
margin-left: 0;
margin-right: 0;
}
}
img[data-src] {
opacity: 0;
@include transition($transition-fade);
&.loaded {
opacity: 1;
}
}
#navbar-main-menu {
transition: top 0.2s ease;
.nav-item .nav-link {
font-size: $navbar-brand-font-size;
}
}
ul.share.nav {
.nav-link {
padding: $nav-link-padding-y 0.2rem;
text-align: center;
}
}
footer a:not(.icons) {
color: $gray-200;
}

43
src/scss/search.scss
View File

@@ -1,43 +0,0 @@
.searchbar {
margin-bottom: auto;
margin-top: auto;
height: 60px;
background-color: #353b48;
border-radius: 30px;
padding: 10px;
}
.search_input {
color: white;
border: 0;
outline: 0;
background: none;
width: 0;
caret-color: transparent;
line-height: 40px;
transition: width 0.4s linear;
}
.searchbar:hover>.search_input {
padding: 0 10px;
width: 450px;
caret-color: red;
transition: width 0.4s linear;
}
.searchbar:hover>.search_icon {
background: white;
color: #e74c3c;
}
.search_icon {
height: 40px;
width: 40px;
float: right;
display: flex;
justify-content: center;
align-items: center;
border-radius: 50%;
color: white;
text-decoration: none;
}

16
src/scss/sticky-footer.scss
View File

@@ -1,16 +0,0 @@
html, body {
height: 100%;
}
body {
display: flex;
flex-direction: column;
}
header, footer {
flex-shrink: 0;
}
main {
flex: 1 0 auto;
}

7
src/scss/styles.scss
View File

@@ -1,8 +1 @@
@import url('https://fonts.googleapis.com/css?family=Jost:400,400i,700,700i|Roboto+Mono:400,400i,700,700i|Open+Sans:400,700|Roboto:400,600,700&display=swap');
@import "_variables";
@import "~bootstrap/scss/bootstrap";
@import '~ekko-lightbox/dist/ekko-lightbox.css';
@import "chunky-poster";
@import "sticky-footer";
@import "search";