consolidated default themes into one, updated dev script

This commit is contained in:
Are0h 2020-09-02 12:55:57 -07:00
parent e24e7c9c2b
commit 2a821a9294
31 changed files with 4 additions and 652 deletions

View file

@ -5,8 +5,7 @@
"description": "Theming tool pack for Fipamo", "description": "Theming tool pack for Fipamo",
"repository": "https://code.playvicio.us/Are0h/Fipamo", "repository": "https://code.playvicio.us/Are0h/Fipamo",
"scripts": { "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-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"
"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"
}, },
"engines": { "engines": {
"node": ">=10.16.0" "node": ">=10.16.0"
@ -16,4 +15,4 @@
"pug": "^2.0.4", "pug": "^2.0.4",
"stylus": "^0.54.7" "stylus": "^0.54.7"
} }
} }

View file

@ -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%

View file

@ -1,18 +0,0 @@
export default class Base {
//--------------------------
// constructor
//--------------------------
constructor() {
this.start();
}
start() {
console.log('Connected like F.E.');
}
//--------------------------
// methods
//--------------------------
//--------------------------
// event handlers
//--------------------------
}

View file

@ -1,9 +0,0 @@
import Base from './Base.mjs';
document.addEventListener(
'DOMContentLoaded',
function () {
var base = new Base();
},
false
);

View file

@ -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

View file

@ -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")

View file

@ -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

View file

@ -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

View file

@ -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

View file

@ -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"
}

View file

@ -1,5 +0,0 @@
$primary = #34495e;
$secondary = #FC6399;
$highlight = #7ED07E;
$white = #d5cfba;
$black = #32302f;

View file

@ -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%)

View file

@ -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

View file

@ -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

View file

@ -1,4 +0,0 @@
$bodyTypeSans = Helvetica, Arial, sans-serif;
$bodyTypeSerif = Georgia, Times, serif;

View file

@ -1,48 +0,0 @@
/**
-------------------------------
-- Typography
-------------------------------
**/
@import "_typography"
/**
-------------------------------
-- Colors
-------------------------------
**/
@import "_colors"
/**
-------------------------------
-- Mixins
-------------------------------
**/
@import '_mixins'
/**
-------------------------------
-- Normalize
-------------------------------
**/
@import '_normalize'
/**
-------------------------------
-- Main Structure
-------------------------------
**/
@import "_structure"
/**
-------------------------------
-- Forms
-------------------------------
**/
@import '_forms'

View file

@ -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"