add PugJS mixins and variables

parent 257b6b1b
Pipeline #7856820 passed with stage
in 3 minutes and 56 seconds
//- Mixins and Varibles
include ./settings/mixins
include ./settings/variables
doctype
html(lang='ml')
head
include ./templates/head_inwrapper
include ./templates/meta_seo
title Shrimadhav U K
title= $vars.title
include ./templates/css
include ./templates/meta_favicons
body(oncontextmenu="return false;")
body
//-(oncontextmenu="return false;")
#main.container
block content
include ./templates/BSModal
include ./templates/js
block scripts
......@@ -2,7 +2,6 @@ extends ../layout.pug
block content
div(style='height:50px;')
base(href='/')/
div(style='max-width: 800px; margin: 2em auto;')
h1.FourZeroFour
span.green 404
......@@ -31,3 +30,8 @@ block content
strong "You must be,"
| said the Cat,
strong "or you wouldn't have come here."
block scripts
script(type="text/javascript").
document.getElementsByTagName('head')[0].innerHTML += "<base href='/'/>";
console.log("Page Not Loaded!");
......@@ -38,4 +38,8 @@ block content
br
include ../templates/SocialLinks
include ../templates/TimeCountUp
+TimeCountUp(0,0,0,0,0)
block scripts
script(type="text/javascript").
console.log("Main Page Loaded!");
mixin meta(name,content)
meta(name=name, content=content)/
mixin metap(property,content)
meta(property=property, content=content)/
mixin TimeCountUp(years, days, hours, minutes, seconds)
#time_countdown.time-count-container
.col-sm-6.col-xs-6.col-md-2
.time-box
.time-box-inner.dash.years_dash.animated
span#yrsl.time-number
span.digit= years
span.digit= years
span.time-name Years
.col-sm-6.col-xs-6.col-md-2
.time-box
.time-box-inner.dash.days_dash.animated
span#daysl.time-number
span.digit= days
span.digit= days
span.digit= days
span.time-name Days
.hidden-sm.col-md-2.hidden-xs
.time-box
.time-box-inner.dash.months_dash.animated
span#monthsl.time-number
span.digit  
span.digit :
span.digit  
.col-sm-6.col-xs-6.col-md-2
.time-box
.time-box-inner.dash.hours_dash.animated
span#hrsl.time-number
span.digit= hours
span.digit= hours
span.time-name Hours
.col-sm-6.col-xs-6.col-md-2
.time-box
.time-box-inner.dash.minutes_dash.animated
span#minl.time-number
span.digit= minutes
span.digit= minutes
span.time-name Minutes
.hidden-sm.hidden-xs.col-md-2
.time-box
.time-box-inner.dash.seconds_dash.animated
span#secl.time-number
span.digit= seconds
span.digit= seconds
span.time-name Seconds
-
var $vars = {}; //funky name to hold all global variables in templates.
$vars.title = 'Shrimadhav U K';
$vars.author = 'Shrimadhav U K';
$vars.keywords = 'relevant, keywords, appear, here';
$vars.description = 'Shrimadhav U K is a Computer Science and Engineering Student studying at National Institute of Technology, Calicut!';
#time_countdown.time-count-container
.col-sm-6.col-xs-6.col-md-2
.time-box
.time-box-inner.dash.years_dash.animated
span#yrsl.time-number
span.digit 0
span.digit 0
span.time-name Years
.col-sm-6.col-xs-6.col-md-2
.time-box
.time-box-inner.dash.days_dash.animated
span#daysl.time-number
span.digit 0
span.digit 0
span.digit 0
span.time-name Days
.hidden-sm.col-md-2.hidden-xs
.time-box
.time-box-inner.dash.months_dash.animated
span#monthsl.time-number
span.digit  
span.digit :
span.digit  
.col-sm-6.col-xs-6.col-md-2
.time-box
.time-box-inner.dash.hours_dash.animated
span#hrsl.time-number
span.digit 0
span.digit 0
span.time-name Hours
.col-sm-6.col-xs-6.col-md-2
.time-box
.time-box-inner.dash.minutes_dash.animated
span#minl.time-number
span.digit 0
span.digit 0
span.time-name Minutes
.hidden-sm.hidden-xs.col-md-2
.time-box
.time-box-inner.dash.seconds_dash.animated
span#secl.time-number
span.digit 0
span.digit 0
span.time-name Seconds
meta(charset='utf-8')/
meta(http-equiv='X-UA-Compatible', content='IE=edge')/
meta(name='viewport', content='width=device-width, initial-scale=1.0')/
+meta('viewport','width=device-width, initial-scale=1.0')
// The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags
//- meta(http-equiv='content-type', content='text/html')/
meta(name='apple-mobile-web-app-capable', content='yes')/
+meta('apple-mobile-web-app-capable','yes')
// the Original SEO
meta(name='description', content='Shrimadhav U K is a Computer Science and Engineering Student studying at National Institute of Technology, Calicut!')/
meta(name='keywords', content='relevant, keywords, appear, here')/
meta(name='author', content='Shrimadhav U K')/
+meta('author',$vars.author)
+meta('keywords',$vars.keywords)
+meta('description',$vars.description)
// if each site makes their own METAs, then ...?
link(rel='canonical', href='http://www.shrimadhavuk.me/')/
// OpenGraph
meta(property='og:type', content='article')/
meta(property='article:author', content='https://www.facebook.com/1631255353')/
meta(property='article:publisher', content='https://www.facebook.com/1631255353')/
meta(property='og:locale', content='en_IN')/
meta(property='og:image', content='https://spechide.shrimadhavuk.me/img/aboutme/photo.png')/
meta(property='fb:app_id', content='241804676227385')/
meta(property='fb:admins', content='1631255353')/
meta(property='og:image:width', content='182')/
meta(property='og:image:height', content='273')/
meta(property='og:title', content='Shrimadhav U K')/
meta(property='og:description', content='Shrimadhav U K is a Computer Science and Engineering Student studying at National Institute of Technology, Calicut!')/
meta(property='og:url', content='http://www.shrimadhavuk.me/')/
+metap('og:type','article')
+metap('article:author','https://www.facebook.com/1631255353')
+metap('article:publisher','https://www.facebook.com/1631255353')
+metap('og:locale','en_IN')
+metap('og:image','https://spechide.shrimadhavuk.me/img/aboutme/photo.png')
+metap('fb:app_id','241804676227385')
+metap('fb:admins','1631255353')
+metap('og:image:width','182')
+metap('og:image:height','273')
+metap('og:title',$vars.title)
+metap('og:description',$vars.description)
+metap('og:url','http://www.shrimadhavuk.me/')
// Twitter Cards
meta(name='twitter:card', content='summary')/
meta(name='twitter:site', content='@SpEcHiDe')/
meta(name='twitter:creator', content='@SpEcHiDe')/
meta(name='twitter:title', content='Shrimadhav U K')/
meta(name='twitter:description', content='Shrimadhav U K is a Computer Science and Engineering Student studying at National Institute of Technology, Calicut!')/
meta(name='twitter:image', content='https://spechide.shrimadhavuk.me/img/aboutme/photo.png')/
meta(name='twitter:image:alt', content='Shrimadhav U K')/
+meta('twitter:card','summary')
+meta('twitter:site','@SpEcHiDe')
+meta('twitter:creator','@SpEcHiDe')
+meta('twitter:title',$vars.title)
+meta('twitter:description',$vars.description)
+meta('twitter:image','https://spechide.shrimadhavuk.me/img/aboutme/photo.png')
+meta('twitter:image:alt','Shrimadhav U K')
// Google Plus Author Info
link(rel='author', href='https://plus.google.com/104708839037568086407')/
// Google Structured data markup
......
Markdown is supported
0%
or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment