WebDev
/
mind-overflow-website-ghost-theme
1
0
Fork 0
Code Issues 2 Pull Requests Releases Wiki Activity

Change line endings from CRLF to LF

This commit is contained in:
Bea 2020-10-30 00:19:49 +01:00
parent 964a474355
commit 3360f14d83
14 changed files with 3013 additions and 3013 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1958
assets/css/screen.css
View File

File diff suppressed because it is too large Load Diff

22
assets/js/arrow-fade.js
View File

@ -1,11 +1,11 @@
$(document).ready(function(){ $(document).ready(function(){
$(window).scroll(function(){ $(window).scroll(function(){
if($(this).scrollTop() > if($(this).scrollTop() >
//$(window).height()*0.3){ //$(window).height()*0.3){
100) { 100) {
$(".mind-global-header_arrow-down").css({"opacity" : "0"}); $(".mind-global-header_arrow-down").css({"opacity" : "0"});
} else { } else {
$(".mind-global-header_arrow-down").css({"opacity" : "0.4"}); $(".mind-global-header_arrow-down").css({"opacity" : "0.4"});
} }
}); });
}); });

1316
assets/js/jquery-3.5.1.js vendored
View File

File diff suppressed because it is too large Load Diff

76
assets/js/policy-popup.js
View File

@ -1,38 +1,38 @@
function openPolicyPopup() { function openPolicyPopup() {
if(getCookie("consentGiven") === "true") return; if(getCookie("consentGiven") === "true") return;
$("#mind-policy-popup").fadeIn(1000); // Enable the div $("#mind-policy-popup").fadeIn(1000); // Enable the div
} }
function agreePolicyPopup() { function agreePolicyPopup() {
const _paq = window._paq || []; const _paq = window._paq || [];
_paq.push(['rememberConsentGiven', 43800]); _paq.push(['rememberConsentGiven', 43800]);
$("#mind-policy-popup").fadeOut(1000); // Disable the div $("#mind-policy-popup").fadeOut(1000); // Disable the div
setCookie("consentGiven", "true", 1825) // todo: check if already present? also, firefox was throwing a warning... setCookie("consentGiven", "true", 1825) // todo: check if already present? also, firefox was throwing a warning...
} }
function getCookie(cname) { function getCookie(cname) {
var name = cname + "="; var name = cname + "=";
var decodedCookie = decodeURIComponent(document.cookie); var decodedCookie = decodeURIComponent(document.cookie);
var ca = decodedCookie.split(';'); var ca = decodedCookie.split(';');
for(var i = 0; i <ca.length; i++) { for(var i = 0; i <ca.length; i++) {
var c = ca[i]; var c = ca[i];
while (c.charAt(0) === ' ') { while (c.charAt(0) === ' ') {
c = c.substring(1); c = c.substring(1);
} }
if (c.indexOf(name) === 0) { if (c.indexOf(name) === 0) {
return c.substring(name.length, c.length); return c.substring(name.length, c.length);
} }
} }
return ""; return "";
} }
function setCookie(name, value, days) { function setCookie(name, value, days) {
var expires = ""; var expires = "";
if (days) { if (days) {
var date = new Date(); var date = new Date();
date.setTime(date.getTime() + (days*24*60*60*1000)); date.setTime(date.getTime() + (days*24*60*60*1000));
expires = "; expires=" + date.toUTCString(); expires = "; expires=" + date.toUTCString();
} }
document.cookie = name + "=" + (value || "") + expires + "; path=/;SameSite=Lax"; document.cookie = name + "=" + (value || "") + expires + "; path=/;SameSite=Lax";
} }

96
assets/js/scroll-navbar-color.js
View File

@ -1,48 +1,48 @@
var scroll_pos = 0; var scroll_pos = 0;
var transparent = true; var transparent = true;
var offset = 100; var offset = 100;
function makeTransparent() function makeTransparent()
{ {
$("#mind-global-navbar_primary").removeClass('mind-global-navbar_primary-colored').addClass('mind-global-navbar_primary-transparent'); $("#mind-global-navbar_primary").removeClass('mind-global-navbar_primary-colored').addClass('mind-global-navbar_primary-transparent');
transparent = true; transparent = true;
} }
function makeOpaque() function makeOpaque()
{ {
$("#mind-global-navbar_primary").removeClass('mind-global-navbar_primary-transparent').addClass('mind-global-navbar_primary-colored'); $("#mind-global-navbar_primary").removeClass('mind-global-navbar_primary-transparent').addClass('mind-global-navbar_primary-colored');
transparent = false; transparent = false;
} }
$(document).ready(function() { $(document).ready(function() {
$("#mind-global-navbar_primary").addClass('mind-global-navbar_primary-allowmoving'); $("#mind-global-navbar_primary").addClass('mind-global-navbar_primary-allowmoving');
scroll_pos = $(this).scrollTop(); scroll_pos = $(this).scrollTop();
if(scroll_pos > offset) if(scroll_pos > offset)
{ {
makeOpaque(); makeOpaque();
} }
else else
{ {
makeTransparent(); makeTransparent();
} }
$(document).scroll(function() { $(document).scroll(function() {
scroll_pos = $(this).scrollTop(); scroll_pos = $(this).scrollTop();
if(transparent) if(transparent)
{ {
if(scroll_pos > offset) if(scroll_pos > offset)
{ {
makeOpaque(); makeOpaque();
} }
} }
else else
{ {
if(scroll_pos <= offset) if(scroll_pos <= offset)
{ {
makeTransparent(); makeTransparent();
} }
} }
}); });
}); });

1898
assets/js/three.r95.min.js vendored
View File

File diff suppressed because one or more lines are too long

44
custom-tags.hbs
View File

@ -1,22 +1,22 @@
{{!< default}} {{!< default}}
<div class="mind-post-header unselectable"> <div class="mind-post-header unselectable">
{{#post}} {{#post}}
<div> <div>
<h1>{{title}}</h1> <h1>{{title}}</h1>
</div> </div>
{{/post}} {{/post}}
<i class="mind-global-header_arrow-down mind-global-header_arrow-down-mid"></i> <i class="mind-global-header_arrow-down mind-global-header_arrow-down-mid"></i>
</div> </div>
<main> <main>
<nav class="navbar-secondary unselectable"> <nav class="navbar-secondary unselectable">
{{navigation type="secondary"}} {{navigation type="secondary"}}
</nav> </nav>
<div class="mind-content_main"> <div class="mind-content_main">
<div class="mind-feed-content_main"> <div class="mind-feed-content_main">
{{#foreach tags}} {{#foreach tags}}
{{> "tag-card-big"}} {{> "tag-card-big"}}
{{/foreach}} {{/foreach}}
</div> </div>
</div> </div>
</main> </main>

148
default.hbs
View File

@ -1,74 +1,74 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="{{@site.lang}}"> <html lang="{{@site.lang}}">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="{{asset "css/screen.css"}}" /> <link rel="stylesheet" type="text/css" href="{{asset "css/screen.css"}}" />
<!-- Scripts Begin --> <!-- Scripts Begin -->
<script src="{{asset "js/jquery-3.5.1.js"}}"></script> <script src="{{asset "js/jquery-3.5.1.js"}}"></script>
<script src="{{asset "js/policy-popup.js"}}"></script> <script src="{{asset "js/policy-popup.js"}}"></script>
<script src="{{asset "js/arrow-fade.js"}}" async></script> <script src="{{asset "js/arrow-fade.js"}}" async></script>
<script src="{{asset "js/scroll-navbar-color.js"}}"></script> <script src="{{asset "js/scroll-navbar-color.js"}}"></script>
<!-- TODO: REMOVE ON PRODUCTION! --> <!-- TODO: REMOVE ON PRODUCTION! -->
<script type="text/javascript" src="http://livejs.com/live.js"></script> <script type="text/javascript" src="http://livejs.com/live.js"></script>
<!-- Scripts End --> <!-- Scripts End -->
<!-- Begin Page-specific code --> <!-- Begin Page-specific code -->
{{#is "post"}} {{#is "post"}}
<script src="{{asset "js/remark42-comments.js"}}"></script> <script src="{{asset "js/remark42-comments.js"}}"></script>
{{/is}} {{/is}}
{{#is "index"}} {{#is "index"}}
<title>{{@site.title}}</title> <title>{{@site.title}}</title>
{{/is}} {{/is}}
{{# is "post, page, tag"}} {{# is "post, page, tag"}}
<title>{{meta_title}} – {{@site.title}}</title> <title>{{meta_title}} – {{@site.title}}</title>
{{/is}} {{/is}}
<!-- End Page-specific code --> <!-- End Page-specific code -->
{{ghost_head}} {{ghost_head}}
{{!-- Outputs important meta data and settings, should always be in <head> --}} {{!-- Outputs important meta data and settings, should always be in <head> --}}
</head> </head>
<body class="{{body_class}}" onload="openPolicyPopup()"> <body class="{{body_class}}" onload="openPolicyPopup()">
<nav id="mind-global-navbar_primary" class="mind-global-navbar_primary unselectable"> <nav id="mind-global-navbar_primary" class="mind-global-navbar_primary unselectable">
<a href="/"> <a href="/">
<img src="{{img_url @site.icon size="xxs"}}" /> <img src="{{img_url @site.icon size="xxs"}}" />
</a> </a>
{{navigation}} {{navigation}}
</nav> </nav>
<div class="mind-policy-popup" id="mind-policy-popup"> <div class="mind-policy-popup" id="mind-policy-popup">
<h4>This website uses cookies.</h4> <h4>This website uses cookies.</h4>
<p>We use cookies to ensure you the best experience. <p>We use cookies to ensure you the best experience.
<br> <br>
By visiting our website, you agree with our <a href="/policy" target="_blank">Privacy Policy</a>. By visiting our website, you agree with our <a href="/policy" target="_blank">Privacy Policy</a>.
</p> </p>
<button onclick="agreePolicyPopup()">Ok, understood</button> <button onclick="agreePolicyPopup()">Ok, understood</button>
</div> </div>
{{{body}}} {{{body}}}
{{!-- All content gets inserted here, index.hbs, post.hbs, etc --}} {{!-- All content gets inserted here, index.hbs, post.hbs, etc --}}
<footer class="mind-site-footer_main unselectable"> <footer class="mind-site-footer_main unselectable">
<div> <div>
<p>Copyright © 2019-20 ― Lorenzo Dellacà</p> <p>Copyright © 2019-20 ― Lorenzo Dellacà</p>
</div> </div>
<nav class="mind-site-footer_nav"> <nav class="mind-site-footer_nav">
<a href="/policy/">Privacy Policy</a> <a href="/policy/">Privacy Policy</a>
</nav> </nav>
</footer> </footer>
{{!-- <foot> --}} {{!-- <foot> --}}
{{ghost_foot}} {{ghost_foot}}
{{!-- Outputs important scripts - should always be included before closing body tag --}} {{!-- Outputs important scripts - should always be included before closing body tag --}}
</body> </body>
</html> </html>

88
home.hbs
View File

@ -1,44 +1,44 @@
{{!< default}} {{!< default}}
<div class="mind-index-header_main unselectable" id="vantajs"> <div class="mind-index-header_main unselectable" id="vantajs">
<h1>{{@site.title}}</h1> <h1>{{@site.title}}</h1>
<i class="mind-global-header_arrow-down mind-global-header_arrow-down-big"></i> <i class="mind-global-header_arrow-down mind-global-header_arrow-down-big"></i>
</div> </div>
<main> <main>
<nav class="mind-global-navbar_secondary unselectable"> <nav class="mind-global-navbar_secondary unselectable">
{{navigation type="secondary"}} {{navigation type="secondary"}}
</nav> </nav>
<div class="mind-content_main"> <div class="mind-content_main">
<div class="mind-feed-content_main"> <div class="mind-feed-content_main">
<!-- Looping through every post --> <!-- Looping through every post -->
{{#foreach posts}} {{#foreach posts}}
{{> "post-card-big"}} {{> "post-card-big"}}
{{/foreach}} {{/foreach}}
</div> </div>
</div> </div>
</main> </main>
<!-- Vanta.JS Scripts to make the background cool, but disabled on mobile --> <!-- Vanta.JS Scripts to make the background cool, but disabled on mobile -->
<script> <script>
if(window.screen.width > 800) if(window.screen.width > 800)
{ {
document.write('<script src="{{asset "js/three.r95.min.js"}}"><\/script>' + document.write('<script src="{{asset "js/three.r95.min.js"}}"><\/script>' +
'<script src="{{asset "js/vanta.net.min.js"}}"><\/script>' + '<script src="{{asset "js/vanta.net.min.js"}}"><\/script>' +
'<script>' + '<script>' +
'VANTA.NET({'+ 'VANTA.NET({'+
'el: "#vantajs",'+ 'el: "#vantajs",'+
'color: 0x3fd5ff,'+ 'color: 0x3fd5ff,'+
'backgroundColor: 0x190f2b,'+ 'backgroundColor: 0x190f2b,'+
'mouseControls: true,'+ 'mouseControls: true,'+
'touchControls: true,'+ 'touchControls: true,'+
'minHeight: 200.00,'+ 'minHeight: 200.00,'+
'minWidth: 200.00,'+ 'minWidth: 200.00,'+
'scale: 1.00,'+ 'scale: 1.00,'+
'scaleMobile: 1.00'+ 'scaleMobile: 1.00'+
'})'+ '})'+
'<\/script>'); '<\/script>');
} }
</script> </script>

88
index.hbs
View File

@ -1,44 +1,44 @@
{{!< default}} {{!< default}}
<div class="mind-index-header_main unselectable" id="vantajs"> <div class="mind-index-header_main unselectable" id="vantajs">
<h1>{{@site.title}}</h1> <h1>{{@site.title}}</h1>
<i class="mind-global-header_arrow-down mind-global-header_arrow-down-big"></i> <i class="mind-global-header_arrow-down mind-global-header_arrow-down-big"></i>
</div> </div>
<main> <main>
<nav class="mind-global-navbar_secondary unselectable"> <nav class="mind-global-navbar_secondary unselectable">
{{navigation type="secondary"}} {{navigation type="secondary"}}
</nav> </nav>
<div class="mind-content_main"> <div class="mind-content_main">
<div class="mind-feed-content_main"> <div class="mind-feed-content_main">
<!-- Looping through every post --> <!-- Looping through every post -->
{{#foreach posts}} {{#foreach posts}}
{{> "post-card-big"}} {{> "post-card-big"}}
{{/foreach}} {{/foreach}}
</div> </div>
</div> </div>
</main> </main>
<!-- Vanta.JS Scripts to make the background cool, but disabled on mobile --> <!-- Vanta.JS Scripts to make the background cool, but disabled on mobile -->
<script> <script>
if(window.screen.width > 800) if(window.screen.width > 800)
{ {
document.write('<script src="{{asset "js/three.r95.min.js"}}"><\/script>' + document.write('<script src="{{asset "js/three.r95.min.js"}}"><\/script>' +
'<script src="{{asset "js/vanta.net.min.js"}}"><\/script>' + '<script src="{{asset "js/vanta.net.min.js"}}"><\/script>' +
'<script>' + '<script>' +
'VANTA.NET({'+ 'VANTA.NET({'+
'el: "#vantajs",'+ 'el: "#vantajs",'+
'color: 0x3fd5ff,'+ 'color: 0x3fd5ff,'+
'backgroundColor: 0x190f2b,'+ 'backgroundColor: 0x190f2b,'+
'mouseControls: true,'+ 'mouseControls: true,'+
'touchControls: true,'+ 'touchControls: true,'+
'minHeight: 200.00,'+ 'minHeight: 200.00,'+
'minWidth: 200.00,'+ 'minWidth: 200.00,'+
'scale: 1.00,'+ 'scale: 1.00,'+
'scaleMobile: 1.00'+ 'scaleMobile: 1.00'+
'})'+ '})'+
'<\/script>'); '<\/script>');
} }
</script> </script>

68
package.json
View File

@ -1,34 +1,34 @@
{ {
"name": "mindtheme", "name": "mindtheme",
"description": "Mind Overflow's official website style", "description": "Mind Overflow's official website style",
"version": "0.0.6", "version": "0.0.6",
"engines": { "engines": {
"ghost-api": "v3" "ghost-api": "v3"
}, },
"keywords": ["ghost-theme"], "keywords": ["ghost-theme"],
"license": "Copyright", "license": "Copyright",
"author": { "author": {
"name": "Lorenzo Dellacà", "name": "Lorenzo Dellacà",
"email": "lorenzo.dellaca@mind-overflow.net" "email": "lorenzo.dellaca@mind-overflow.net"
}, },
"config": { "config": {
"posts_per_page": 10, "posts_per_page": 10,
"image_sizes": { "image_sizes": {
"xxs": { "xxs": {
"width": 64 "width": 64
}, },
"xs": { "xs": {
"width": 100 "width": 100
}, },
"s": { "s": {
"width": 300 "width": 300
}, },
"m": { "m": {
"width": 600 "width": 600
}, },
"l": { "l": {
"width": 1200 "width": 1200
} }
} }
} }
} }

48
page.hbs
View File

@ -1,24 +1,24 @@
{{!< default}} {{!< default}}
<div class="mind-post-header unselectable"> <div class="mind-post-header unselectable">
{{#post}} {{#post}}
<div> <div>
<h1>{{title}}</h1> <h1>{{title}}</h1>
</div> </div>
{{/post}} {{/post}}
<i class="mind-global-header_arrow-down mind-global-header_arrow-down-mid"></i> <i class="mind-global-header_arrow-down mind-global-header_arrow-down-mid"></i>
</div> </div>
<main> <main>
<div class="mind-content_main"> <div class="mind-content_main">
<div class="mind-post_main"> <div class="mind-post_main">
{{#post}} {{#post}}
<div class="mind-post_content"> <div class="mind-post_content">
<div class="mind-post_content-header"> <div class="mind-post_content-header">
<img class="mind-post_feature-image" src="{{img_url feature_image size="l"}}"/> <img class="mind-post_feature-image" src="{{img_url feature_image size="l"}}"/>
</div> </div>
{{content}} {{content}}
</div> </div>
{{/post}} {{/post}}
</div> </div>
</div> </div>
</main> </main>

72
post.hbs
View File

@ -1,36 +1,36 @@
{{!< default}} {{!< default}}
<div class="mind-post-header unselectable"> <div class="mind-post-header unselectable">
{{#post}} {{#post}}
<div> <div>
<h1>{{title}}</h1> <h1>{{title}}</h1>
<p><a class="mind-post-header_tag" href="{{primary_tag.url}}">{{primary_tag.name}}</a> • <time class="post-date" datetime="{{date format='YYYY-MM-DD'}}">{{date format="DD MMMM YYYY"}}</time></p> <p><a class="mind-post-header_tag" href="{{primary_tag.url}}">{{primary_tag.name}}</a> • <time class="post-date" datetime="{{date format='YYYY-MM-DD'}}">{{date format="DD MMMM YYYY"}}</time></p>
</div> </div>
{{/post}} {{/post}}
<i class="mind-global-header_arrow-down mind-global-header_arrow-down-mid"></i> <i class="mind-global-header_arrow-down mind-global-header_arrow-down-mid"></i>
</div> </div>
<main> <main>
<div class="mind-content_main"> <div class="mind-content_main">
<div class="mind-post_main"> <div class="mind-post_main">
<aside class="mind-post_sidebar unselectable"> <aside class="mind-post_sidebar unselectable">
</aside> </aside>
{{#post}} {{#post}}
<div class="mind-post_content"> <div class="mind-post_content">
<div class="mind-post_content-header"> <div class="mind-post_content-header">
<img class="mind-post_feature-image" src="{{img_url feature_image size="l"}}"/> <img class="mind-post_feature-image" src="{{img_url feature_image size="l"}}"/>
</div> </div>
{{content}} {{content}}
<hr> <hr>
<h3>Comments</h3> <h3>Comments</h3>
<div id="remark42"></div> <div id="remark42"></div>
</div> </div>
{{/post}} {{/post}}
<aside class="mind-post_sidebar unselectable"> <aside class="mind-post_sidebar unselectable">
<div class="mind-post_sidebar-content"> <div class="mind-post_sidebar-content">
{{> "posts-card-small"}} {{> "posts-card-small"}}
</div> </div>
</aside> </aside>
</div> </div>
</div> </div>
</main> </main>

104
tag.hbs
View File

@ -1,52 +1,52 @@
{{!< default}} {{!< default}}
<div class="mind-post-header unselectable"> <div class="mind-post-header unselectable">
{{#tag}} {{#tag}}
<div> <div>
<h1>{{name}}</h1> <h1>{{name}}</h1>
<p> <p>
{{#if description}} {{#if description}}
{{description}} {{description}}
{{else}} {{else}}
{{plural ../pagination.total empty='posts' singular='% post' plural='% posts'}} {{plural ../pagination.total empty='posts' singular='% post' plural='% posts'}}
{{/if}} {{/if}}
</p> </p>
</div> </div>
{{/tag}} {{/tag}}
<i class="mind-global-header_arrow-down mind-global-header_arrow-down-mid"></i> <i class="mind-global-header_arrow-down mind-global-header_arrow-down-mid"></i>
</div> </div>
<main> <main>
<div class="mind-content_main"> <div class="mind-content_main">
<div class="mind-feed-content_main"> <div class="mind-feed-content_main">
<!-- Looping through every post --> <!-- Looping through every post -->
{{#foreach posts}} {{#foreach posts}}
{{> "post-card-big"}} {{> "post-card-big"}}
{{/foreach}} {{/foreach}}
</div> </div>
</div> </div>
</main> </main>
<!-- Vanta.JS Scripts to make the background cool, but disabled on mobile --> <!-- Vanta.JS Scripts to make the background cool, but disabled on mobile -->
<script> <script>
if(window.screen.width > 800) if(window.screen.width > 800)
{ {
document.write('<script src="{{asset "js/three.r95.min.js"}}"><\/script>' + document.write('<script src="{{asset "js/three.r95.min.js"}}"><\/script>' +
'<script src="{{asset "js/vanta.net.min.js"}}"><\/script>' + '<script src="{{asset "js/vanta.net.min.js"}}"><\/script>' +
'<script>' + '<script>' +
'VANTA.NET({'+ 'VANTA.NET({'+
'el: "#vantajs",'+ 'el: "#vantajs",'+
'color: 0x3fd5ff,'+ 'color: 0x3fd5ff,'+
'backgroundColor: 0x190f2b,'+ 'backgroundColor: 0x190f2b,'+
'mouseControls: true,'+ 'mouseControls: true,'+
'touchControls: true,'+ 'touchControls: true,'+
'minHeight: 200.00,'+ 'minHeight: 200.00,'+
'minWidth: 200.00,'+ 'minWidth: 200.00,'+
'scale: 1.00,'+ 'scale: 1.00,'+
'scaleMobile: 1.00'+ 'scaleMobile: 1.00'+
'})'+ '})'+
'<\/script>'); '<\/script>');
} }
</script> </script>