consolidated default themes into one, updated dev script
This commit is contained in:
Are0h
parent
e24e7c9c2b
commit
2a821a9294
31 changed files with 4 additions and 652 deletions
|
|
@ -5,8 +5,7 @@
|
|||
"description": "Theming tool pack for Fipamo",
|
||||
"repository": "https://code.playvicio.us/Are0h/Fipamo",
|
||||
"scripts": {
|
||||
"dev-dark-theme": "stylus -w -m -o src/themes/theme-default-dark/default-dark/assets/css src/themes/theme-default-dark/styles/base.styl & parcel watch src/themes/theme-default-dark/com/Start.mjs --out-dir src/themes/theme-default-dark/default-dark/assets/scripts --out-file start.min.js & parcel src/themes/theme-default-dark/default-dark/*.pug",
|
||||
"dev-light-theme": "stylus -w -m -o src/themes/theme-default-light/default-light/assets/css src/themes/theme-default-light/styles/base.styl & parcel watch src/themes/theme-default-light/com/Start.mjs --out-dir src/themes/theme-default-light/default-light/assets/scripts --out-file start.min.js & parcel src/themes/theme-default-light/default-light/*.pug"
|
||||
"dev-default-theme": "stylus -w -m -o src/themes/theme-fipamo-default/default-light/assets/css src/themes/theme-fipamo-default/styles/base.styl & parcel watch src/themes/theme-fipamo-default/com/Start.mjs --out-dir src/themes/theme-fipamo-default/default-light/assets/scripts --out-file start.min.js & parcel src/themes/theme-fipamo-default/fipamo-default/*.pug"
|
||||
},
|
||||
"engines": {
|
||||
"node": ">=10.16.0"
|
||||
|
|
@ -16,4 +15,4 @@
|
|||
"pug": "^2.0.4",
|
||||
"stylus": "^0.54.7"
|
||||
}
|
||||
}
|
||||
}
|
||||
|
|
@ -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",
|
||||
"display-name": "Fipamo Oh Won Dark",
|
||||
"name": "fipamo-default",
|
||||
"display-name": "Fipamo Oh Won",
|
||||
"author": "Are0h",
|
||||
"description": "The most dangerous default theme in the known universe.",
|
||||
"version": "1.0.0"
|
||||
Loading…
Reference in a new issue