consolidated default themes into one, updated dev script
Are0h
4 years ago
parent
e24e7c9c2b
commit
2a821a9294
@ -1,169 +0,0 @@
|
|||||||
html
|
|
||||||
margin 0
|
|
||||||
padding 0
|
|
||||||
width 100%
|
|
||||||
height 100%
|
|
||||||
overflow hidden
|
|
||||||
font 400 1.3em/1.1em $bodyTypeSans
|
|
||||||
|
|
||||||
body
|
|
||||||
color white
|
|
||||||
margin 0
|
|
||||||
padding 0
|
|
||||||
perspective 1px
|
|
||||||
transform-style preserve-3d
|
|
||||||
height 100%
|
|
||||||
width 100%
|
|
||||||
overflow-y scroll
|
|
||||||
overflow-x hidden
|
|
||||||
|
|
||||||
a
|
|
||||||
color $highlight
|
|
||||||
text-decoration none
|
|
||||||
border-bottom 1px solid $white
|
|
||||||
object-transitions(.2s)
|
|
||||||
&:hover
|
|
||||||
border-bottom 1px solid $secondary
|
|
||||||
|
|
||||||
svg.icons
|
|
||||||
width 25px
|
|
||||||
fill $white
|
|
||||||
|
|
||||||
header
|
|
||||||
box-sizing border-box
|
|
||||||
min-height 100vh
|
|
||||||
position relative
|
|
||||||
transform-style inherit
|
|
||||||
width 100vw
|
|
||||||
//text-align center
|
|
||||||
color $white
|
|
||||||
border-bottom 1px $white solid
|
|
||||||
border-top 5px $highlight solid
|
|
||||||
span
|
|
||||||
margin 0
|
|
||||||
position absolute
|
|
||||||
top 50%
|
|
||||||
left 50%
|
|
||||||
transform translate(-50%, -50%)
|
|
||||||
font-weight: 600
|
|
||||||
padding 15px 20px 10px 20px
|
|
||||||
font-size 3em
|
|
||||||
line-height 1
|
|
||||||
color $secondary
|
|
||||||
text-drop-shadow($black, .9, 1px, 1px, 1px)
|
|
||||||
.menu
|
|
||||||
padding 20px
|
|
||||||
width: 200px
|
|
||||||
text-align: left
|
|
||||||
color $white
|
|
||||||
a.menu-link
|
|
||||||
background $black
|
|
||||||
margin-bottom 4px
|
|
||||||
padding 3px
|
|
||||||
border-radius 3px
|
|
||||||
display inline-block
|
|
||||||
font-size 0.8em
|
|
||||||
&:hover
|
|
||||||
color $white
|
|
||||||
#logo
|
|
||||||
width 30px
|
|
||||||
header,header:before
|
|
||||||
background 50% 50% / cover
|
|
||||||
|
|
||||||
header::before
|
|
||||||
content ""
|
|
||||||
position absolute
|
|
||||||
top 0
|
|
||||||
left 0
|
|
||||||
right 0
|
|
||||||
bottom 0
|
|
||||||
display block
|
|
||||||
background-size cover
|
|
||||||
transform-origin center center 0
|
|
||||||
transform translateZ(-1px) scale(2)
|
|
||||||
z-index -1
|
|
||||||
min-height 100vh
|
|
||||||
|
|
||||||
.container
|
|
||||||
z-index 2
|
|
||||||
position absolute
|
|
||||||
top 100vh
|
|
||||||
background $black
|
|
||||||
line-height 30px
|
|
||||||
font-weight lighter
|
|
||||||
width 100%
|
|
||||||
//padding 40px
|
|
||||||
color $black
|
|
||||||
article
|
|
||||||
position relative
|
|
||||||
width: 80%
|
|
||||||
height 80%
|
|
||||||
max-width 840px
|
|
||||||
min-height 500px
|
|
||||||
background $black
|
|
||||||
vertical-align top
|
|
||||||
color $white
|
|
||||||
margin 0 auto
|
|
||||||
span
|
|
||||||
custom-header(600, 2em, 1.5, $secondary)
|
|
||||||
.index, .page
|
|
||||||
.recent, .featured
|
|
||||||
display inline-block
|
|
||||||
width 50%
|
|
||||||
vertical-align top
|
|
||||||
margin 30px
|
|
||||||
label
|
|
||||||
background $black
|
|
||||||
color $white
|
|
||||||
font-size 1.5em
|
|
||||||
line-height 1.3
|
|
||||||
.meta
|
|
||||||
label
|
|
||||||
font-size: 0.8em
|
|
||||||
a
|
|
||||||
font-size: 0.8em
|
|
||||||
section
|
|
||||||
color $white
|
|
||||||
.archive-item
|
|
||||||
display inline-block
|
|
||||||
width 30%
|
|
||||||
vertical-align top
|
|
||||||
|
|
||||||
|
|
||||||
footer
|
|
||||||
background $white
|
|
||||||
padding 10px
|
|
||||||
color $black
|
|
||||||
text-align center
|
|
||||||
font-size 0.8em
|
|
||||||
font-weight 600
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
-------------------------------
|
|
||||||
-- Responsive
|
|
||||||
-------------------------------
|
|
||||||
**/
|
|
||||||
|
|
||||||
@media only screen and (max-width: 640px)
|
|
||||||
header
|
|
||||||
span
|
|
||||||
font-size 2.5em
|
|
||||||
|
|
||||||
@media only screen and (max-width: 480px)
|
|
||||||
header
|
|
||||||
span
|
|
||||||
font-size 2em
|
|
||||||
width 60%
|
|
||||||
.index
|
|
||||||
p
|
|
||||||
font 400 0.8em/1.3em $bodyTypeSans
|
|
||||||
.recent, .featured
|
|
||||||
width 100% !important
|
|
||||||
|
|
||||||
|
|
||||||
@media only screen and (max-width: 375px)
|
|
||||||
header
|
|
||||||
span
|
|
||||||
font-size 1.5em
|
|
||||||
width 75%
|
|
||||||
@ -1,18 +0,0 @@
|
|||||||
export default class Base {
|
|
||||||
//--------------------------
|
|
||||||
// constructor
|
|
||||||
//--------------------------
|
|
||||||
constructor() {
|
|
||||||
this.start();
|
|
||||||
}
|
|
||||||
start() {
|
|
||||||
console.log('Connected like F.E.');
|
|
||||||
}
|
|
||||||
//--------------------------
|
|
||||||
// methods
|
|
||||||
//--------------------------
|
|
||||||
|
|
||||||
//--------------------------
|
|
||||||
// event handlers
|
|
||||||
//--------------------------
|
|
||||||
}
|
|
||||||
@ -1,9 +0,0 @@
|
|||||||
import Base from './Base.mjs';
|
|
||||||
|
|
||||||
document.addEventListener(
|
|
||||||
'DOMContentLoaded',
|
|
||||||
function () {
|
|
||||||
var base = new Base();
|
|
||||||
},
|
|
||||||
false
|
|
||||||
);
|
|
||||||
@ -1,21 +0,0 @@
|
|||||||
extends frame
|
|
||||||
|
|
||||||
block main-content
|
|
||||||
section
|
|
||||||
article
|
|
||||||
- var index = 0;
|
|
||||||
- for ( index; index < archives.length; index++)
|
|
||||||
.archive-item
|
|
||||||
h1= archives[index].year
|
|
||||||
- var i = 0;
|
|
||||||
- for (i; i < archives[index].year_data.length; i++)
|
|
||||||
- var data = archives[index].year_data[i];
|
|
||||||
p= data.full_month
|
|
||||||
- var x = 0;
|
|
||||||
- for (x; x < data.pages.length; x++)
|
|
||||||
-var page = data.pages[x];
|
|
||||||
a(href='/'+archives[index].year+"/"+data.month+"/"+page.metadata.slug)= page.metadata.title
|
|
||||||
br
|
|
||||||
|
|
||||||
footer
|
|
||||||
| © 2020 Fipamo by PV
|
|
||||||
@ -1,31 +0,0 @@
|
|||||||
doctype html
|
|
||||||
html(xmlns='http://www.w3.org/1999/xhtml', lang='en', xml:lang="en")
|
|
||||||
head
|
|
||||||
title= title
|
|
||||||
meta(name='viewport', content='width=device-width, initial-scale=1.0')
|
|
||||||
meta(name="keywords" content=keywords)
|
|
||||||
meta(name="description" content=description)
|
|
||||||
meta(http-equiv="content-type", content="text/html; charset=utf-8")
|
|
||||||
meta(property="og:image" content=image)
|
|
||||||
meta(name="twitter:image" content=image)
|
|
||||||
link(rel='stylesheet', href='/assets/css/base.css', type='text/css')
|
|
||||||
body
|
|
||||||
.container#main-content
|
|
||||||
block main-content
|
|
||||||
<!-- Hacky Brown, but it's here so parallax images can be set dynamically -->
|
|
||||||
style.
|
|
||||||
header::before { background: url(!{default_bg}); background-size: cover; }
|
|
||||||
header
|
|
||||||
.menu
|
|
||||||
a(href='/')
|
|
||||||
img#logo(src='/assets/images/global/the-logo.svg')
|
|
||||||
br
|
|
||||||
if menu
|
|
||||||
- var index = 0;
|
|
||||||
- for ( index; index < menu.length; index++)
|
|
||||||
a.menu-link(href="/"+menu[index].path+"/"+menu[index].slug)= menu[index].slug
|
|
||||||
br
|
|
||||||
span= welcome_message
|
|
||||||
script(src='/assets/scripts/start.min.js' type="text/javascript")
|
|
||||||
|
|
||||||
|
|
||||||
@ -1,28 +0,0 @@
|
|||||||
extends frame
|
|
||||||
|
|
||||||
block main-content
|
|
||||||
article
|
|
||||||
.index
|
|
||||||
p !{content}
|
|
||||||
.recent
|
|
||||||
span Recent
|
|
||||||
br
|
|
||||||
- if(recent_posts)
|
|
||||||
- var index = 0;
|
|
||||||
- for ( index; index < recent_posts.length; index++)
|
|
||||||
a(href="/"+recent_posts[index].path+"/"+recent_posts[index].slug)= recent_posts[index].title
|
|
||||||
br
|
|
||||||
- if(featured_posts)
|
|
||||||
.featured
|
|
||||||
span Featured
|
|
||||||
br
|
|
||||||
- var index = 0;
|
|
||||||
- for ( index; index < featured_posts.length; index++)
|
|
||||||
a(href="/"+featured_posts[index].metadata.path+"/"+featured_posts[index].metadata.slug)= featured_posts[index].metadata.title
|
|
||||||
br
|
|
||||||
br
|
|
||||||
br
|
|
||||||
a(href='/archives') The Archives
|
|
||||||
footer
|
|
||||||
| © 2020 Fipamo by PV
|
|
||||||
|
|
||||||
@ -1,23 +0,0 @@
|
|||||||
extends frame
|
|
||||||
|
|
||||||
block main-content
|
|
||||||
section
|
|
||||||
article
|
|
||||||
.page
|
|
||||||
p !{content}
|
|
||||||
.meta
|
|
||||||
| !{meta.who}
|
|
||||||
|
|
||||||
| dropped this
|
|
||||||
|
|
||||||
| !{meta.when}
|
|
||||||
br
|
|
||||||
|
|
||||||
| tags:
|
|
||||||
- var i = 0;
|
|
||||||
- for (i; i < meta.tags.length; i++)
|
|
||||||
- var tag = meta.tags[i]
|
|
||||||
a(href="/tags/"+tag.slug)= tag.label
|
|
||||||
|
|
||||||
footer
|
|
||||||
| © 2020 Fipamo by PV
|
|
||||||
@ -1,13 +0,0 @@
|
|||||||
extends frame
|
|
||||||
|
|
||||||
block main-content
|
|
||||||
section
|
|
||||||
article
|
|
||||||
.page
|
|
||||||
- var index = 0;
|
|
||||||
- for ( index; index < tag_list.length; index++)
|
|
||||||
a(href='/'+tag_list[index].path+'/'+tag_list[index].slug) !{tag_list[index].title}
|
|
||||||
br
|
|
||||||
|
|
||||||
footer
|
|
||||||
| © 2020 Fipamo by PV
|
|
||||||
@ -1,7 +0,0 @@
|
|||||||
{
|
|
||||||
"name": "default-light",
|
|
||||||
"display-name": "Fipamo Oh Won Lyte",
|
|
||||||
"author": "Are0h",
|
|
||||||
"description": "The most dangerous default theme in the known universe.",
|
|
||||||
"version": "1.0.0"
|
|
||||||
}
|
|
||||||
@ -1,5 +0,0 @@
|
|||||||
$primary = #34495e;
|
|
||||||
$secondary = #FC6399;
|
|
||||||
$highlight = #7ED07E;
|
|
||||||
$white = #d5cfba;
|
|
||||||
$black = #32302f;
|
|
||||||
@ -1,58 +0,0 @@
|
|||||||
form
|
|
||||||
display inline-block
|
|
||||||
|
|
||||||
input[type=email], input[type=password], input[type=text]
|
|
||||||
border 0
|
|
||||||
border-radius 5px
|
|
||||||
padding 5px
|
|
||||||
margin 10px 5px 0 0
|
|
||||||
font 15px 'RobotoMono'
|
|
||||||
display inline-block
|
|
||||||
|
|
||||||
textarea
|
|
||||||
border 0
|
|
||||||
border-radius 3px
|
|
||||||
color $type02
|
|
||||||
font 15px 'RobotoMono'
|
|
||||||
|
|
||||||
button, input[type=submit]
|
|
||||||
background $secondary
|
|
||||||
color $white
|
|
||||||
font 14px $bodyTypeSans
|
|
||||||
border-radius 5px
|
|
||||||
position relative
|
|
||||||
cursor pointer
|
|
||||||
border 0
|
|
||||||
padding 5px 5px 0 5px
|
|
||||||
object-transitions(.3s)
|
|
||||||
&:hover
|
|
||||||
background lighten($secondary, 5)
|
|
||||||
|
|
||||||
select
|
|
||||||
font 14px 'RobotoMono'
|
|
||||||
border 1px solid $secondary
|
|
||||||
-webkit-appearance none
|
|
||||||
-moz-appearance none
|
|
||||||
appearance none
|
|
||||||
// background: url(http://www.stackoverflow.com/favicon.ico) 96% / 15% no-repeat #000;
|
|
||||||
color $primary
|
|
||||||
|
|
||||||
::-webkit-input-placeholder
|
|
||||||
font 14px 'RobotoMono'
|
|
||||||
color lightness($black, 50%)
|
|
||||||
|
|
||||||
:-moz-placeholder
|
|
||||||
/* Firefox 18- */
|
|
||||||
font 14px 'RobotoMono'
|
|
||||||
color lightness($black, 50%)
|
|
||||||
|
|
||||||
::-moz-placeholder
|
|
||||||
/* Firefox 19+ */
|
|
||||||
font 14px 'RobotoMono'
|
|
||||||
color lightness($black, 50%)
|
|
||||||
|
|
||||||
:-ms-input-placeholder
|
|
||||||
font 14px 'RobotoMono'
|
|
||||||
color lightness($black, 50%)
|
|
||||||
|
|
||||||
|
|
||||||
@ -1,16 +0,0 @@
|
|||||||
text-drop-shadow(rgb-value, opacity, offsetX, offsetY, blur)
|
|
||||||
text-shadow: offsetX offsetY blur rgba(rgb-value, opacity);
|
|
||||||
|
|
||||||
|
|
||||||
object-transitions(rate)
|
|
||||||
-moz-transition:all rate linear;
|
|
||||||
-webkit-transition:all rate linear;
|
|
||||||
-o-transition:all rate linear;
|
|
||||||
transition:all rate linear;
|
|
||||||
|
|
||||||
background-opacity(rgb-value, opacity)
|
|
||||||
background: rgba(rgb-value, opacity);
|
|
||||||
|
|
||||||
custom-header(weight, size, line-height, color)
|
|
||||||
font: weight size/line-height $bodyTypeSans
|
|
||||||
color: color
|
|
||||||
@ -1,197 +0,0 @@
|
|||||||
html
|
|
||||||
line-height 1.15
|
|
||||||
-ms-text-size-adjust 100%
|
|
||||||
-webkit-text-size-adjust 100%
|
|
||||||
|
|
||||||
body
|
|
||||||
margin 0
|
|
||||||
|
|
||||||
article,
|
|
||||||
aside,
|
|
||||||
footer,
|
|
||||||
header,
|
|
||||||
nav,
|
|
||||||
section
|
|
||||||
display block
|
|
||||||
|
|
||||||
h1
|
|
||||||
font-size 2em
|
|
||||||
margin 0.67em 0
|
|
||||||
line-height 1em
|
|
||||||
|
|
||||||
figcaption,
|
|
||||||
figure,
|
|
||||||
main
|
|
||||||
display block
|
|
||||||
|
|
||||||
figure
|
|
||||||
margin 1em 40px
|
|
||||||
|
|
||||||
hr
|
|
||||||
box-sizing content-box
|
|
||||||
height 0
|
|
||||||
overflow visible
|
|
||||||
|
|
||||||
pre
|
|
||||||
font-family monospace, monospace
|
|
||||||
font-size 1em
|
|
||||||
a
|
|
||||||
background-color transparent
|
|
||||||
-webkit-text-decoration-skip objects
|
|
||||||
|
|
||||||
a:active,
|
|
||||||
a:hover
|
|
||||||
outline-width 0
|
|
||||||
|
|
||||||
abbr[title]
|
|
||||||
border-bottom none
|
|
||||||
text-decoration underline
|
|
||||||
text-decoration underline dotted
|
|
||||||
|
|
||||||
b,
|
|
||||||
strong
|
|
||||||
font-weight inherit
|
|
||||||
font-weight bolder
|
|
||||||
|
|
||||||
code,
|
|
||||||
kbd,
|
|
||||||
samp
|
|
||||||
font-family monospace, monospace
|
|
||||||
font-size 1em
|
|
||||||
|
|
||||||
dfn
|
|
||||||
font-style italic
|
|
||||||
|
|
||||||
mark
|
|
||||||
background-color #ff0
|
|
||||||
color #000
|
|
||||||
|
|
||||||
small
|
|
||||||
font-size 80%
|
|
||||||
|
|
||||||
sub,
|
|
||||||
sup
|
|
||||||
font-size 60%
|
|
||||||
line-height 0
|
|
||||||
position relative
|
|
||||||
vertical-align baseline
|
|
||||||
|
|
||||||
sub
|
|
||||||
bottom -0.25em
|
|
||||||
|
|
||||||
sup
|
|
||||||
top -0.55em
|
|
||||||
background lightness($primary, 80%)
|
|
||||||
color $primary
|
|
||||||
border-radius: 2px;
|
|
||||||
padding 0 2px 0 2px
|
|
||||||
margin: 0 2px 0 0
|
|
||||||
|
|
||||||
audio,
|
|
||||||
video
|
|
||||||
display inline-block
|
|
||||||
|
|
||||||
audio
|
|
||||||
&:not([controls])
|
|
||||||
display none
|
|
||||||
height 0
|
|
||||||
|
|
||||||
img
|
|
||||||
border-style none
|
|
||||||
|
|
||||||
svg
|
|
||||||
&:not(:root)
|
|
||||||
overflow hidden
|
|
||||||
|
|
||||||
button,
|
|
||||||
input,
|
|
||||||
optgroup,
|
|
||||||
select,
|
|
||||||
textarea
|
|
||||||
font-family sans-serif
|
|
||||||
font-size 100%
|
|
||||||
line-height 1.15
|
|
||||||
margin 0
|
|
||||||
|
|
||||||
button,
|
|
||||||
input
|
|
||||||
overflow visible
|
|
||||||
|
|
||||||
button,
|
|
||||||
select
|
|
||||||
text-transform none
|
|
||||||
|
|
||||||
button, html [type="button"],
|
|
||||||
[type="reset"],
|
|
||||||
[type="submit"]
|
|
||||||
-webkit-appearance button
|
|
||||||
|
|
||||||
[type="button"]::-moz-focus-inner,
|
|
||||||
[type="reset"]::-moz-focus-inner,
|
|
||||||
[type="submit"]::-moz-focus-inner,
|
|
||||||
button::-moz-focus-inner
|
|
||||||
border-style none
|
|
||||||
padding 0
|
|
||||||
|
|
||||||
[type="button"]:-moz-focusring,
|
|
||||||
[type="reset"]:-moz-focusring,
|
|
||||||
[type="submit"]:-moz-focusring,
|
|
||||||
button:-moz-focusring
|
|
||||||
outline 1px dotted ButtonText
|
|
||||||
|
|
||||||
fieldset
|
|
||||||
border 1px solid #c0c0c0
|
|
||||||
margin 0 2px
|
|
||||||
padding 0.35em 0.625em 0.75em
|
|
||||||
|
|
||||||
legend
|
|
||||||
box-sizing border-box
|
|
||||||
color inherit
|
|
||||||
display table
|
|
||||||
max-width 100%
|
|
||||||
padding 0
|
|
||||||
white-space normal
|
|
||||||
|
|
||||||
progress
|
|
||||||
display inline-block
|
|
||||||
vertical-align baseline
|
|
||||||
|
|
||||||
textarea
|
|
||||||
overflow auto
|
|
||||||
|
|
||||||
[type="checkbox"],
|
|
||||||
[type="radio"]
|
|
||||||
box-sizing border-box
|
|
||||||
padding 0
|
|
||||||
|
|
||||||
[type="number"]::-webkit-inner-spin-button,
|
|
||||||
[type="number"]::-webkit-outer-spin-button
|
|
||||||
height auto
|
|
||||||
|
|
||||||
[type="search"]
|
|
||||||
-webkit-appearance textfield
|
|
||||||
outline-offset -2px
|
|
||||||
|
|
||||||
[type="search"]::-webkit-search-cancel-button,
|
|
||||||
[type="search"]::-webkit-search-decoration
|
|
||||||
-webkit-appearance none
|
|
||||||
|
|
||||||
::-webkit-file-upload-button
|
|
||||||
-webkit-appearance button
|
|
||||||
font inherit
|
|
||||||
|
|
||||||
details,
|
|
||||||
menu
|
|
||||||
display block
|
|
||||||
|
|
||||||
summary
|
|
||||||
display list-item
|
|
||||||
|
|
||||||
canvas
|
|
||||||
display inline-block
|
|
||||||
|
|
||||||
template
|
|
||||||
display none
|
|
||||||
|
|
||||||
[hidden]
|
|
||||||
display none
|
|
||||||
@ -1,4 +0,0 @@
|
|||||||
$bodyTypeSans = Helvetica, Arial, sans-serif;
|
|
||||||
$bodyTypeSerif = Georgia, Times, serif;
|
|
||||||
|
|
||||||
|
|
||||||
@ -1,48 +0,0 @@
|
|||||||
|
|
||||||
/**
|
|
||||||
-------------------------------
|
|
||||||
-- Typography
|
|
||||||
-------------------------------
|
|
||||||
**/
|
|
||||||
|
|
||||||
@import "_typography"
|
|
||||||
|
|
||||||
/**
|
|
||||||
-------------------------------
|
|
||||||
-- Colors
|
|
||||||
-------------------------------
|
|
||||||
**/
|
|
||||||
|
|
||||||
@import "_colors"
|
|
||||||
|
|
||||||
/**
|
|
||||||
-------------------------------
|
|
||||||
-- Mixins
|
|
||||||
-------------------------------
|
|
||||||
**/
|
|
||||||
|
|
||||||
@import '_mixins'
|
|
||||||
|
|
||||||
/**
|
|
||||||
-------------------------------
|
|
||||||
-- Normalize
|
|
||||||
-------------------------------
|
|
||||||
**/
|
|
||||||
@import '_normalize'
|
|
||||||
|
|
||||||
/**
|
|
||||||
-------------------------------
|
|
||||||
-- Main Structure
|
|
||||||
-------------------------------
|
|
||||||
**/
|
|
||||||
|
|
||||||
@import "_structure"
|
|
||||||
|
|
||||||
/**
|
|
||||||
-------------------------------
|
|
||||||
-- Forms
|
|
||||||
-------------------------------
|
|
||||||
**/
|
|
||||||
|
|
||||||
@import '_forms'
|
|
||||||
|
|
||||||
@ -1,6 +1,6 @@
|
|||||||
{
|
{
|
||||||
"name": "default-dark",
|
"name": "fipamo-default",
|
||||||
"display-name": "Fipamo Oh Won Dark",
|
"display-name": "Fipamo Oh Won",
|
||||||
"author": "Are0h",
|
"author": "Are0h",
|
||||||
"description": "The most dangerous default theme in the known universe.",
|
"description": "The most dangerous default theme in the known universe.",
|
||||||
"version": "1.0.0"
|
"version": "1.0.0"
|
||||||
Loading…
Reference in New Issue