defined default assets and pages
This commit is contained in:
Are0h
parent
45626c8847
commit
f17bf28d71
32 changed files with 1519 additions and 563 deletions
70
.eslintrc
Normal file
70
.eslintrc
Normal file
|
|
@ -0,0 +1,70 @@
|
||||||
|
{
|
||||||
|
"parserOptions": {
|
||||||
|
"ecmaVersion": 7,
|
||||||
|
"sourceType": "module",
|
||||||
|
"ecmaFeatures": {}
|
||||||
|
},
|
||||||
|
"rules": {
|
||||||
|
"constructor-super": 2,
|
||||||
|
"for-direction": 2,
|
||||||
|
"getter-return": 2,
|
||||||
|
"no-case-declarations": 2,
|
||||||
|
"no-class-assign": 2,
|
||||||
|
"no-compare-neg-zero": 2,
|
||||||
|
"no-cond-assign": 2,
|
||||||
|
"no-console": 1,
|
||||||
|
"no-const-assign": 2,
|
||||||
|
"no-constant-condition": 2,
|
||||||
|
"no-control-regex": 1,
|
||||||
|
"no-debugger": 2,
|
||||||
|
"no-delete-var": 2,
|
||||||
|
"no-dupe-args": 2,
|
||||||
|
"no-dupe-class-members": 2,
|
||||||
|
"no-dupe-keys": 2,
|
||||||
|
"no-duplicate-case": 2,
|
||||||
|
"no-empty": 2,
|
||||||
|
"no-empty-character-class": 2,
|
||||||
|
"no-empty-pattern": 2,
|
||||||
|
"no-ex-assign": 2,
|
||||||
|
"no-extra-boolean-cast": 2,
|
||||||
|
"no-extra-semi": 2,
|
||||||
|
"no-fallthrough": 2,
|
||||||
|
"no-func-assign": 2,
|
||||||
|
"no-global-assign": 2,
|
||||||
|
"no-inner-declarations": 2,
|
||||||
|
"no-invalid-regexp": 2,
|
||||||
|
"no-irregular-whitespace": 2,
|
||||||
|
"no-mixed-spaces-and-tabs": 2,
|
||||||
|
"no-new-symbol": 2,
|
||||||
|
"no-obj-calls": 2,
|
||||||
|
"no-octal": 2,
|
||||||
|
"no-redeclare": 2,
|
||||||
|
"no-regex-spaces": 2,
|
||||||
|
"no-self-assign": 2,
|
||||||
|
"no-sparse-arrays": 2,
|
||||||
|
"no-this-before-super": 2,
|
||||||
|
"no-undef": 2,
|
||||||
|
"no-unexpected-multiline": 2,
|
||||||
|
"no-unreachable": 2,
|
||||||
|
"no-unsafe-finally": 2,
|
||||||
|
"no-unsafe-negation": 2,
|
||||||
|
"no-unused-labels": 2,
|
||||||
|
"no-unused-vars": 2,
|
||||||
|
"no-useless-escape": 1,
|
||||||
|
"require-yield": 2,
|
||||||
|
"use-isnan": 2,
|
||||||
|
"valid-typeof": 2,
|
||||||
|
"no-duplicate-imports": 2
|
||||||
|
},
|
||||||
|
"env": {
|
||||||
|
"node": true,
|
||||||
|
"browser": true,
|
||||||
|
"es6": true
|
||||||
|
},
|
||||||
|
"globals": {
|
||||||
|
"_": false,
|
||||||
|
"hljs": false,
|
||||||
|
"Sortable": false,
|
||||||
|
"Prism": false
|
||||||
|
}
|
||||||
|
}
|
||||||
3
.gitignore
vendored
3
.gitignore
vendored
|
|
@ -1,5 +1,4 @@
|
||||||
node_modules
|
node_modules
|
||||||
dist
|
dist
|
||||||
.cache
|
.cache
|
||||||
.DS_Store
|
.DS_Store
|
||||||
assets
|
|
||||||
5
.prettierignore
Normal file
5
.prettierignore
Normal file
|
|
@ -0,0 +1,5 @@
|
||||||
|
.babelrc
|
||||||
|
README.md
|
||||||
|
*.pug
|
||||||
|
*.styl
|
||||||
|
|
||||||
17
.prettierrc
Normal file
17
.prettierrc
Normal file
|
|
@ -0,0 +1,17 @@
|
||||||
|
{
|
||||||
|
"arrowParens": "avoid",
|
||||||
|
"bracketSpacing": true,
|
||||||
|
"htmlWhitespaceSensitivity": "css",
|
||||||
|
"insertPragma": false,
|
||||||
|
"jsxBracketSameLine": false,
|
||||||
|
"jsxSingleQuote": true,
|
||||||
|
"parser": "babel",
|
||||||
|
"proseWrap": "preserve",
|
||||||
|
"requirePragma": false,
|
||||||
|
"semi": true,
|
||||||
|
"singleQuote": true,
|
||||||
|
"trailingComma": "none",
|
||||||
|
"useTabs": true,
|
||||||
|
"tabWidth": 4,
|
||||||
|
"printWidth": 100
|
||||||
|
}
|
||||||
987
assets/css/base.css
Normal file
987
assets/css/base.css
Normal file
|
|
@ -0,0 +1,987 @@
|
||||||
|
/**
|
||||||
|
-------------------------------
|
||||||
|
-- Bulma
|
||||||
|
-------------------------------
|
||||||
|
**/
|
||||||
|
/**
|
||||||
|
-------------------------------
|
||||||
|
-- Typography
|
||||||
|
-------------------------------
|
||||||
|
**/
|
||||||
|
@font-face {
|
||||||
|
font-weight: 400;
|
||||||
|
font-style: normal;
|
||||||
|
font-family: 'AlteHaasGrotesk';
|
||||||
|
src: url("fonts/app/AlteHaasGroteskRegular.eot"), url("fonts/app/AlteHaasGroteskRegular.eot?#iefix") format('embedded-opentype'), url("fonts/app/AlteHaasGroteskRegular.woff2") format('woff2'), url("fonts/app/AlteHaasGroteskRegular.woff") format('woff'), url("fonts/app/AlteHaasGroteskRegular.ttf") format('truetype'), url("fonts/app/AlteHaasGroteskRegular.svg?#AlteHaasGrotesk") format('svg');
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-weight: 600;
|
||||||
|
font-style: normal;
|
||||||
|
font-family: 'AlteHaasGrotesk';
|
||||||
|
src: url("fonts/app/AlteHaasGroteskBold.eot"), url("fonts/app/AlteHaasGroteskBold.eot?#iefix") format('embedded-opentype'), url("fonts/app/AlteHaasGroteskBold.woff2") format('woff2'), url("fonts/app/AlteHaasGroteskBold.woff") format('woff'), url("fonts/app/AlteHaasGroteskBold.ttf") format('truetype'), url("fonts/app/AlteHaasGroteskBold.svg?#AlteHaasGrotesk") format('svg');
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: 'RobotoMono';
|
||||||
|
src: url("fonts/app/RobotoMono-Thin.eot"), url("fonts/app/RobotoMono-Thin.eot?#iefix") format('embedded-opentype'), url("fonts/app/RobotoMono-Thin.woff2") format('woff2'), url("fonts/app/RobotoMono-Thin.woff") format('woff'), url("fonts/app/RobotoMono-Thin.ttf") format('truetype'), url("fonts/app/RobotoMono-Thin.svg?#RobotoMono") format('svg');
|
||||||
|
font-weight: 200;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: 'RobotoMono';
|
||||||
|
src: url("fonts/app/RobotoMono-Light.eot"), url("fonts/app/RobotoMono-Light.eot?#iefix") format('embedded-opentype'), url("fonts/app/RobotoMono-Light.woff2") format('woff2'), url("fonts/app/RobotoMono-Light.woff") format('woff'), url("fonts/app/RobotoMono-Light.ttf") format('truetype'), url("fonts/app/RobotoMono-Light.svg?#RobotoMono") format('svg');
|
||||||
|
font-weight: 300;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: 'RobotoMono';
|
||||||
|
src: url("fonts/app/RobotoMono-Regular.eot"), url("fonts/app/RobotoMono-Regular.eot?#iefix") format('embedded-opentype'), url("fonts/app/RobotoMono-Regular.woff2") format('woff2'), url("fonts/app/RobotoMono-Regular.woff") format('woff'), url("fonts/app/RobotoMono-Regular.ttf") format('truetype'), url("fonts/app/RobotoMono-Regular.svg?#RobotoMono") format('svg');
|
||||||
|
font-weight: 400;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
@font-face {
|
||||||
|
font-family: 'RobotoMono';
|
||||||
|
src: url("fonts/app/RobotoMono-Bold.eot"), url("fonts/app/RobotoMono-Bold.eot?#iefix") format('embedded-opentype'), url("fonts/app/RobotoMono-Bold.woff2") format('woff2'), url("fonts/app/RobotoMono-Bold.woff") format('woff'), url("fonts/app/RobotoMono-Bold.ttf") format('truetype'), url("fonts/app/RobotoMono-Bold.svg?#RobotoMono") format('svg');
|
||||||
|
font-weight: 600;
|
||||||
|
font-style: normal;
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
-------------------------------
|
||||||
|
-- Colors
|
||||||
|
-------------------------------
|
||||||
|
**/
|
||||||
|
/**
|
||||||
|
-------------------------------
|
||||||
|
-- Mixins
|
||||||
|
-------------------------------
|
||||||
|
**/
|
||||||
|
/**
|
||||||
|
-------------------------------
|
||||||
|
-- Normalize
|
||||||
|
-------------------------------
|
||||||
|
**/
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
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: #addbeb;
|
||||||
|
color: #2b8caf;
|
||||||
|
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;
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
-------------------------------
|
||||||
|
-- Main Structure
|
||||||
|
-------------------------------
|
||||||
|
**/
|
||||||
|
html {
|
||||||
|
background: url("../images/bg-teal-pattern.png");
|
||||||
|
font: 300 1em 'AlteHaasGrotesk', Helvetica, Arial, sans-serif;
|
||||||
|
color: #ebdfce;
|
||||||
|
}
|
||||||
|
a {
|
||||||
|
font: 300 1em 'RobotoMono', Helvetica, Arial, sans-serif;
|
||||||
|
color: #baf273;
|
||||||
|
text-decoration: underline;
|
||||||
|
-moz-transition: all 0.1s linear;
|
||||||
|
-webkit-transition: all 0.1s linear;
|
||||||
|
-o-transition: all 0.1s linear;
|
||||||
|
transition: all 0.1s linear;
|
||||||
|
}
|
||||||
|
a:hover {
|
||||||
|
color: #e8fbd0;
|
||||||
|
background: #2b8caf;
|
||||||
|
}
|
||||||
|
svg.icons {
|
||||||
|
width: 20px;
|
||||||
|
fill: #eb6b99;
|
||||||
|
}
|
||||||
|
h1,
|
||||||
|
h2,
|
||||||
|
h3,
|
||||||
|
h4,
|
||||||
|
h5,
|
||||||
|
h6 {
|
||||||
|
color: #eb6b99 !important;
|
||||||
|
font-weight: 600 !important;
|
||||||
|
}
|
||||||
|
#loader {
|
||||||
|
position: fixed;
|
||||||
|
z-index: 2000;
|
||||||
|
height: 100%;
|
||||||
|
width: 100%;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
#loader i {
|
||||||
|
color: #ebdfce;
|
||||||
|
}
|
||||||
|
.blog-container {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.main-container {
|
||||||
|
margin: 0 auto;
|
||||||
|
z-index: 10;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.main-container section header {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 1024px;
|
||||||
|
position: relative;
|
||||||
|
width: 100%;
|
||||||
|
font-size: 1em;
|
||||||
|
padding: 20px;
|
||||||
|
opacity: 0;
|
||||||
|
color: #ebdfce;
|
||||||
|
}
|
||||||
|
.main-container section header #float-bg {
|
||||||
|
background: url("../images/bg-teal-pattern.png");
|
||||||
|
position: absolute;
|
||||||
|
z-index: 5;
|
||||||
|
isolation: isolate;
|
||||||
|
opacity: 0;
|
||||||
|
left: 20%;
|
||||||
|
}
|
||||||
|
.main-container section header #float-bg img {
|
||||||
|
width: 250px;
|
||||||
|
mix-blend-mode: multiply;
|
||||||
|
}
|
||||||
|
.main-container section header #header-one,
|
||||||
|
.main-container section header #header-two {
|
||||||
|
z-index: 10;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
.main-container section header #header-one label#the-title a,
|
||||||
|
.main-container section header #header-two label#the-title a {
|
||||||
|
font: 500 2em 'RobotoMono', Helvetica, Arial, sans-serif;
|
||||||
|
width: 97px;
|
||||||
|
height: 100px;
|
||||||
|
color: #eb6b99;
|
||||||
|
text-decoration: none;
|
||||||
|
display: block;
|
||||||
|
word-break: break-all;
|
||||||
|
}
|
||||||
|
@media only screen and (max-width: 640px) {
|
||||||
|
.main-container .content #the-intro {
|
||||||
|
font-size: 31px;
|
||||||
|
line-height: 35px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media only screen and (max-width: 480px) {
|
||||||
|
.main-container .content #the-intro {
|
||||||
|
font-size: 25px;
|
||||||
|
line-height: 33px;
|
||||||
|
}
|
||||||
|
.main-container .content #index-display span,
|
||||||
|
.main-container .content #index-display a {
|
||||||
|
font: 400 1.2em 'AlteHaasGrotesk', Helvetica, Arial, sans-serif;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media only screen and (max-width: 375px) {
|
||||||
|
.main-container .header {
|
||||||
|
width: 90%;
|
||||||
|
}
|
||||||
|
.main-container .header .header-desc h1 {
|
||||||
|
line-height: 1rem;
|
||||||
|
font-size: 3.3rem;
|
||||||
|
}
|
||||||
|
.main-container .header .header-desc span a {
|
||||||
|
color: #eee;
|
||||||
|
width: 250px;
|
||||||
|
font-weight: 300;
|
||||||
|
display: inline-block;
|
||||||
|
word-break: break-all;
|
||||||
|
font: 300 7em/1em 'RobotoMono', Helvetica, Arial, sans-serif;
|
||||||
|
text-decoration: none;
|
||||||
|
margin: 0 0 50px 0;
|
||||||
|
}
|
||||||
|
.main-container .header .header-desc #the-intro {
|
||||||
|
color: #eb6b99;
|
||||||
|
opacity: 0;
|
||||||
|
font: 400 1.8em 'RobotoMono', Helvetica, Arial, sans-serif;
|
||||||
|
display: inline-block;
|
||||||
|
width: 95%;
|
||||||
|
}
|
||||||
|
.main-container .header .header-desc #item-intro {
|
||||||
|
width: 95%;
|
||||||
|
}
|
||||||
|
.main-container .header .header-desc #item-intro label {
|
||||||
|
font-size: 2em;
|
||||||
|
}
|
||||||
|
.main-container .content #the-intro {
|
||||||
|
font-size: 24px;
|
||||||
|
line-height: 33px;
|
||||||
|
}
|
||||||
|
.main-container .content #index-display label {
|
||||||
|
font-size: 7em;
|
||||||
|
}
|
||||||
|
.main-container .content #index-display #recent-work,
|
||||||
|
.main-container .content #index-display #recent-blog {
|
||||||
|
float: none;
|
||||||
|
display: block;
|
||||||
|
margin: 0 auto;
|
||||||
|
text-align: left;
|
||||||
|
padding-bottom: 30px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
@media only screen and (max-width: 320px) {
|
||||||
|
.main-container .header .header-desc h1 {
|
||||||
|
line-height: 1rem;
|
||||||
|
font-size: 2.9rem;
|
||||||
|
}
|
||||||
|
.main-container .content #the-intro {
|
||||||
|
font-size: 19px;
|
||||||
|
line-height: 28px;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
-------------------------------
|
||||||
|
-- Index
|
||||||
|
-------------------------------
|
||||||
|
**/
|
||||||
|
#index-content {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 1024px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
header #header-one #the-intro,
|
||||||
|
header #header-two #the-intro {
|
||||||
|
margin: 80px 0 0 0;
|
||||||
|
}
|
||||||
|
#index-display {
|
||||||
|
padding: 20px;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 1024px;
|
||||||
|
font-size: 1em;
|
||||||
|
z-index: 10;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
#index-display #recent-title {
|
||||||
|
color: #eee;
|
||||||
|
font: 400 2em 'RobotoMono', Helvetica, Arial, sans-serif;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
#index-display .index-block {
|
||||||
|
width: 50%;
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: top;
|
||||||
|
margin-bottom: 50px;
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
-------------------------------
|
||||||
|
-- Fipamo
|
||||||
|
-------------------------------
|
||||||
|
**/
|
||||||
|
#bm-content {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 1024px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
#bm-content #header-two {
|
||||||
|
font: 400 1.5em 'AlteHaasGrotesk', Helvetica, Arial, sans-serif;
|
||||||
|
}
|
||||||
|
#bm-content #bookmark-display {
|
||||||
|
padding: 0;
|
||||||
|
}
|
||||||
|
#bm-content #bookmark-display .bookmark-list .bookmark-entry {
|
||||||
|
background: #0f313d;
|
||||||
|
width: 50%;
|
||||||
|
height: 500px;
|
||||||
|
background-size: cover;
|
||||||
|
overflow: hidden;
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: top;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
#bm-content #bookmark-display .bookmark-list .bookmark-entry .bookmark-info {
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
width: 100%;
|
||||||
|
height: 100%;
|
||||||
|
}
|
||||||
|
#bm-content #bookmark-display .bookmark-list .bookmark-entry .bookmark-info label {
|
||||||
|
display: block;
|
||||||
|
font-size: 0.5em;
|
||||||
|
padding: 10px;
|
||||||
|
background: #2b8caf;
|
||||||
|
border-radius: 5px;
|
||||||
|
}
|
||||||
|
#bm-content #bookmark-display .bookmark-list #paginate-control {
|
||||||
|
width: 100%;
|
||||||
|
height: 300px;
|
||||||
|
background: #1e627b;
|
||||||
|
display: flex;
|
||||||
|
align-items: center;
|
||||||
|
justify-content: center;
|
||||||
|
}
|
||||||
|
#bm-content #bookmark-display .bookmark-list #paginate-control #paginate {
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
#bm-content #bookmark-display .bookmark-list #paginate-control #paginate a,
|
||||||
|
#bm-content #bookmark-display .bookmark-list #paginate-control #paginate label {
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
#bm-content #bookmark-display .bookmark-list #paginate-control #paginate label {
|
||||||
|
padding: 5px;
|
||||||
|
color: #ebdfce;
|
||||||
|
font-size: 2.2em;
|
||||||
|
}
|
||||||
|
#bm-content #bookmark-display .bookmark-list #paginate-control #paginate a {
|
||||||
|
padding: 20px;
|
||||||
|
margin-top: 4px;
|
||||||
|
}
|
||||||
|
@media only screen and (max-width: 768px) {
|
||||||
|
#bm-content #bookmark-display .bookmark-list .bookmark-entry {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
-------------------------------
|
||||||
|
-- Folio
|
||||||
|
-------------------------------
|
||||||
|
**/
|
||||||
|
#work-content {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 1024px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
#work-content #header #header-two p {
|
||||||
|
font: 400 1.5em 'AlteHaasGrotesk', Helvetica, Arial, sans-serif;
|
||||||
|
}
|
||||||
|
#work-content #header #header-two p span {
|
||||||
|
color: #eb6b99;
|
||||||
|
}
|
||||||
|
#work-content #work-display {
|
||||||
|
padding: 0;
|
||||||
|
margin: 0 0 40px 0;
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
#work-content #work-list .work-item {
|
||||||
|
width: 50%;
|
||||||
|
height: 300px;
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: top;
|
||||||
|
background-size: cover;
|
||||||
|
background-color: #ebdfce;
|
||||||
|
color: #ebdfce;
|
||||||
|
}
|
||||||
|
#work-content #work-list .work-item span {
|
||||||
|
font: 600 0.7em 'RobotoMono', Helvetica, Arial, sans-serif;
|
||||||
|
}
|
||||||
|
#work-content #work-contact #contact-form {
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
#work-content #work-contact #contact-form label {
|
||||||
|
font: 600 0.8em 'RobotoMono', Helvetica, Arial, sans-serif;
|
||||||
|
color: #baf273;
|
||||||
|
margin: 0 0 15px 0;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
#work-content #work-contact #contact-form #request-form input[type=email],
|
||||||
|
#work-content #work-contact #contact-form #request-form input[type=password],
|
||||||
|
#work-content #work-contact #contact-form #request-form input[type=text] {
|
||||||
|
width: 100%;
|
||||||
|
margin: 0 10px 10px 0;
|
||||||
|
}
|
||||||
|
#work-content #work-contact #contact-form #request-form select {
|
||||||
|
width: 100%;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
}
|
||||||
|
#work-content #work-contact #contact-form #request-form textarea {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
#work-content #work-contact #contact-info label#request-status {
|
||||||
|
font: 600 0.8em 'RobotoMono', Helvetica, Arial, sans-serif;
|
||||||
|
color: #baf273;
|
||||||
|
margin: 0 0 15px 0;
|
||||||
|
display: block;
|
||||||
|
text-transform: uppercase;
|
||||||
|
}
|
||||||
|
#work-content #work-contact #contact-info p {
|
||||||
|
font: 400 1em 'AlteHaasGrotesk', Helvetica, Arial, sans-serif;
|
||||||
|
color: #ebdfce;
|
||||||
|
}
|
||||||
|
#work-content #work-contact #contact-info p i {
|
||||||
|
color: #baf273;
|
||||||
|
}
|
||||||
|
#project-content {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 1024px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
#project-content #project-display {
|
||||||
|
padding: 0 20px 20px 20px;
|
||||||
|
}
|
||||||
|
#project-content #project-display #project-info span {
|
||||||
|
font: 400 2em 'RobotoMono', Helvetica, Arial, sans-serif;
|
||||||
|
color: #eee;
|
||||||
|
}
|
||||||
|
#project-content #project-display #project-desc {
|
||||||
|
font: 300 1.2em 'AlteHaasGrotesk', Helvetica, Arial, sans-serif;
|
||||||
|
color: #ebdfce;
|
||||||
|
}
|
||||||
|
#project-content #project-images {
|
||||||
|
margin: 10px 0 0 0;
|
||||||
|
opacity: 1;
|
||||||
|
}
|
||||||
|
#project-content #project-images .folio-image {
|
||||||
|
width: 100%;
|
||||||
|
margin: 0 0 50px 0;
|
||||||
|
opacity: 0;
|
||||||
|
}
|
||||||
|
@media screen and (max-width: 768px) {
|
||||||
|
#work-content #work-list .work-item {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
-------------------------------
|
||||||
|
-- Admin
|
||||||
|
-------------------------------
|
||||||
|
**/
|
||||||
|
#admin-index-content {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 1024px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
#admin-index-content #admin-index-display {
|
||||||
|
padding: 20px;
|
||||||
|
width: 100%;
|
||||||
|
max-width: 1024px;
|
||||||
|
z-index: 10;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
#admin-index-content #admin-index-display #admin-login {
|
||||||
|
width: 300px;
|
||||||
|
}
|
||||||
|
#admin-index-content #admin-index-display #admin-index-title {
|
||||||
|
color: #eee;
|
||||||
|
font: 400 2em 'RobotoMono', Helvetica, Arial, sans-serif;
|
||||||
|
vertical-align: top;
|
||||||
|
}
|
||||||
|
#admin-index-content #admin-index-display .admin-menu-main .admin-nav span {
|
||||||
|
display: inline-block;
|
||||||
|
padding: 0 0 0 5px;
|
||||||
|
}
|
||||||
|
#admin-index-content #admin-index-display .index-block {
|
||||||
|
width: 50%;
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: top;
|
||||||
|
margin-bottom: 50px;
|
||||||
|
}
|
||||||
|
#admin-index-content #admin-index-display #blog-edit label {
|
||||||
|
font: 600 1em 'RobotoMono', Helvetica, Arial, sans-serif;
|
||||||
|
color: #eee;
|
||||||
|
}
|
||||||
|
#admin-index-content #admin-index-display #blog-edit textarea#entry_title {
|
||||||
|
width: 100%;
|
||||||
|
background: none;
|
||||||
|
color: #ebdfce;
|
||||||
|
font: 500 2em 'RobotoMono', Helvetica, Arial, sans-serif;
|
||||||
|
}
|
||||||
|
#admin-index-content #admin-index-display #blog-edit textarea#entry_text {
|
||||||
|
width: 100%;
|
||||||
|
height: 600px;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
#admin-index-content #admin-index-display #blog-meta label {
|
||||||
|
font: 600 1em 'RobotoMono', Helvetica, Arial, sans-serif;
|
||||||
|
color: #eee;
|
||||||
|
}
|
||||||
|
#admin-index-content #admin-index-display #blog-meta input,
|
||||||
|
#admin-index-content #admin-index-display #blog-meta button {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
#admin-index-content #admin-index-display #blog-meta input {
|
||||||
|
color: #eb6b99;
|
||||||
|
background: #32302f;
|
||||||
|
}
|
||||||
|
#admin-index-content #admin-index-display #blog-meta #featured-click {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
#blog-index-content {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 1024px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
#blog-index-content #blog-hub-display #blog-hub-title {
|
||||||
|
font: 400 2em 'RobotoMono', Helvetica, Arial, sans-serif;
|
||||||
|
color: #eee;
|
||||||
|
}
|
||||||
|
#saved-index-content {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 1024px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
#saved-index-content #saved-hub-display #saved-hub-title label,
|
||||||
|
#saved-index-content #saved-hub-display #saved-hub-main label {
|
||||||
|
font: 400 2em 'RobotoMono', Helvetica, Arial, sans-serif;
|
||||||
|
color: #eee;
|
||||||
|
}
|
||||||
|
#saved-index-content #saved-hub-display #saved-hub-title textarea,
|
||||||
|
#saved-index-content #saved-hub-display #saved-hub-main textarea {
|
||||||
|
width: 90%;
|
||||||
|
}
|
||||||
|
#saved-index-content #saved-hub-display #saved-hub-title button,
|
||||||
|
#saved-index-content #saved-hub-display #saved-hub-main button {
|
||||||
|
padding: 5px;
|
||||||
|
}
|
||||||
|
#post-edit-content {
|
||||||
|
width: 100%;
|
||||||
|
max-width: 1024px;
|
||||||
|
margin: 0 auto;
|
||||||
|
}
|
||||||
|
#post-edit-content header#header #header-one #blog-edit {
|
||||||
|
margin: 100px 0 0 0;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
#post-edit-content header#header #header-one #blog-edit label {
|
||||||
|
font: 600 1em 'RobotoMono', Helvetica, Arial, sans-serif;
|
||||||
|
color: #eee;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
#post-edit-content header#header #header-one #blog-edit #entry_title {
|
||||||
|
width: 90%;
|
||||||
|
background: none;
|
||||||
|
font: 400 2em 'RobotoMono', Helvetica, Arial, sans-serif;
|
||||||
|
color: #ebdfce;
|
||||||
|
}
|
||||||
|
#post-edit-content header#header #header-one #blog-edit #entry_text {
|
||||||
|
width: 90%;
|
||||||
|
height: 500px;
|
||||||
|
padding: 10px;
|
||||||
|
}
|
||||||
|
#post-edit-content header#header #header-one #blog-edit pre {
|
||||||
|
background: #32302f;
|
||||||
|
}
|
||||||
|
#post-edit-content header#header #header-one #blog-edit pre code {
|
||||||
|
white-space: pre-wrap;
|
||||||
|
color: #ebdfce;
|
||||||
|
}
|
||||||
|
#post-edit-content header#header #header-two label {
|
||||||
|
font: 600 1em 'RobotoMono', Helvetica, Arial, sans-serif;
|
||||||
|
color: #eee;
|
||||||
|
}
|
||||||
|
#post-edit-content header#header #header-two #featured-image-drop {
|
||||||
|
border-radius: 3px;
|
||||||
|
border: 1px dashed #eee;
|
||||||
|
width: 100%;
|
||||||
|
font: 600 0.5em 'RobotoMono', Helvetica, Arial, sans-serif;
|
||||||
|
height: 100px;
|
||||||
|
text-align: center;
|
||||||
|
vertical-align: middle;
|
||||||
|
line-height: 100px;
|
||||||
|
overflow: hidden;
|
||||||
|
}
|
||||||
|
#post-edit-content header#header #header-two #featured-image-drop img {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
#post-edit-content header#header #header-two #blog-meta {
|
||||||
|
margin: 100px 0 0 0;
|
||||||
|
position: relative;
|
||||||
|
}
|
||||||
|
#post-edit-content header#header #header-two #blog-meta #featured-click {
|
||||||
|
display: none;
|
||||||
|
}
|
||||||
|
#post-edit-content header#header #header-two #blog-meta #entry_tags,
|
||||||
|
#post-edit-content header#header #header-two #blog-meta button {
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
.folio-project-form {
|
||||||
|
display: inline-block;
|
||||||
|
width: 56%;
|
||||||
|
}
|
||||||
|
.folio-project-form input[type=email],
|
||||||
|
.folio-project-form input[type=password],
|
||||||
|
.folio-project-form input[type=text],
|
||||||
|
.folio-project-form select {
|
||||||
|
width: 400px;
|
||||||
|
}
|
||||||
|
.folio-project-form select {
|
||||||
|
margin: 10px 0 0 0;
|
||||||
|
}
|
||||||
|
.folio-project-form textarea {
|
||||||
|
width: 400px;
|
||||||
|
height: 133px;
|
||||||
|
}
|
||||||
|
.folio-hub {
|
||||||
|
padding: 20px;
|
||||||
|
}
|
||||||
|
.folio-hub span {
|
||||||
|
margin: 10px 10px 0 0;
|
||||||
|
}
|
||||||
|
.folio-hub .btn-add-project span {
|
||||||
|
font: 20px 'AlteHaasGrotesk', Helvetica, Arial, sans-serif;
|
||||||
|
margin: -35px 0 0 40px;
|
||||||
|
display: block;
|
||||||
|
height: 50px;
|
||||||
|
}
|
||||||
|
.folio-hub .project-list {
|
||||||
|
width: 95%;
|
||||||
|
}
|
||||||
|
.folio-hub .project-list span.drag-handle {
|
||||||
|
padding: 10px;
|
||||||
|
color: #ebdfce;
|
||||||
|
cursor: pointer;
|
||||||
|
}
|
||||||
|
.folio-hub .project-list .project-item {
|
||||||
|
width: 100%;
|
||||||
|
display: inline-block;
|
||||||
|
background: #144252;
|
||||||
|
padding: 5px;
|
||||||
|
margin-bottom: 10px;
|
||||||
|
border-radius: 5px;
|
||||||
|
-moz-transition: all 0.3s linear;
|
||||||
|
-webkit-transition: all 0.3s linear;
|
||||||
|
-o-transition: all 0.3s linear;
|
||||||
|
transition: all 0.3s linear;
|
||||||
|
}
|
||||||
|
.folio-hub .project-list .project-item:hover {
|
||||||
|
background: #1e627b;
|
||||||
|
}
|
||||||
|
.upload-list {
|
||||||
|
color: #addbeb;
|
||||||
|
display: inline-block;
|
||||||
|
vertical-align: top;
|
||||||
|
width: 260px;
|
||||||
|
height: 330px;
|
||||||
|
margin: 45px 0 0;
|
||||||
|
}
|
||||||
|
.thumb {
|
||||||
|
height: 50px;
|
||||||
|
overflow: hidden;
|
||||||
|
border-radius: 3px;
|
||||||
|
margin: 10px 5px 0 0;
|
||||||
|
}
|
||||||
|
.upload-drop {
|
||||||
|
width: 400px;
|
||||||
|
height: 70px;
|
||||||
|
background: $form-background;
|
||||||
|
color: #addbeb;
|
||||||
|
text-align: center;
|
||||||
|
padding: 40px 0 0;
|
||||||
|
font-size: 12px;
|
||||||
|
text-transform: uppercase;
|
||||||
|
border-radius: 3px;
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
-------------------------------
|
||||||
|
-- Forms
|
||||||
|
-------------------------------
|
||||||
|
**/
|
||||||
|
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: #baf273;
|
||||||
|
color: #2b8caf;
|
||||||
|
font: 14px 'RobotoMono';
|
||||||
|
border-radius: 5px;
|
||||||
|
position: relative;
|
||||||
|
cursor: pointer;
|
||||||
|
border: 0;
|
||||||
|
}
|
||||||
|
select {
|
||||||
|
font: 14px 'RobotoMono';
|
||||||
|
border: 1px solid #eb6b99;
|
||||||
|
-webkit-appearance: none;
|
||||||
|
-moz-appearance: none;
|
||||||
|
appearance: none;
|
||||||
|
color: #2b8caf;
|
||||||
|
}
|
||||||
|
::-webkit-input-placeholder {
|
||||||
|
font: 14px 'RobotoMono';
|
||||||
|
color: #837e7c;
|
||||||
|
}
|
||||||
|
:-moz-placeholder {
|
||||||
|
/* Firefox 18- */
|
||||||
|
font: 14px 'RobotoMono';
|
||||||
|
color: #837e7c;
|
||||||
|
}
|
||||||
|
::-moz-placeholder {
|
||||||
|
/* Firefox 19+ */
|
||||||
|
font: 14px 'RobotoMono';
|
||||||
|
color: #837e7c;
|
||||||
|
}
|
||||||
|
:-ms-input-placeholder {
|
||||||
|
font: 14px 'RobotoMono';
|
||||||
|
color: #837e7c;
|
||||||
|
}
|
||||||
|
/**
|
||||||
|
-------------------------------
|
||||||
|
-- Blog
|
||||||
|
-------------------------------
|
||||||
|
**/
|
||||||
|
#blog-content #blog-display #blog-list .blog-entry {
|
||||||
|
display: inline-block;
|
||||||
|
height: 500px;
|
||||||
|
width: 50%;
|
||||||
|
background-size: cover;
|
||||||
|
background: #32302f;
|
||||||
|
position: relative;
|
||||||
|
text-align: center;
|
||||||
|
vertical-align: middle;
|
||||||
|
line-height: 250px;
|
||||||
|
}
|
||||||
|
#blog-content #blog-display #blog-list .blog-entry label {
|
||||||
|
background: #eb6b99;
|
||||||
|
padding: 5px;
|
||||||
|
border-radius: 3px;
|
||||||
|
}
|
||||||
|
#post-content {
|
||||||
|
width: 100%;
|
||||||
|
margin: -10px 0 0 0;
|
||||||
|
}
|
||||||
|
#post-content #header-post {
|
||||||
|
width: 100%;
|
||||||
|
min-height: 350px;
|
||||||
|
background: #32302f;
|
||||||
|
position: relative;
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
}
|
||||||
|
#post-content #header-post img {
|
||||||
|
padding: 0;
|
||||||
|
margin: 0;
|
||||||
|
position: relative;
|
||||||
|
display: block;
|
||||||
|
width: 100%;
|
||||||
|
}
|
||||||
|
#post-content #header-post #header-one {
|
||||||
|
position: relative;
|
||||||
|
width: 80%;
|
||||||
|
margin: 0 auto;
|
||||||
|
padding: 30px 0 0 0;
|
||||||
|
}
|
||||||
|
#post-content #header-post #header-one label#the-title a {
|
||||||
|
font: 500 2em 'RobotoMono', Helvetica, Arial, sans-serif;
|
||||||
|
width: 97px;
|
||||||
|
height: 115px;
|
||||||
|
color: #eb6b99;
|
||||||
|
text-decoration: none;
|
||||||
|
display: block;
|
||||||
|
word-break: break-all;
|
||||||
|
margin: 10px 0 0 10px;
|
||||||
|
}
|
||||||
|
#post-content #header-post #header-one span#post-title {
|
||||||
|
font: 200 4.5em/1em 'RobotoMono', Helvetica, Arial, sans-serif;
|
||||||
|
color: #eee;
|
||||||
|
margin: 20px 0 0 10px;
|
||||||
|
padding: 20px 0 80px 0;
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
#post-content #post-display {
|
||||||
|
color: #ebdfce;
|
||||||
|
width: 80%;
|
||||||
|
margin: 50px auto;
|
||||||
|
font: 400 1.5em 'AlteHaasGrotesk', Helvetica, Arial, sans-serif;
|
||||||
|
padding-bottom: 50px;
|
||||||
|
}
|
||||||
|
/*# sourceMappingURL=base.css.map */
|
||||||
1
assets/css/base.css.map
Normal file
1
assets/css/base.css.map
Normal file
File diff suppressed because one or more lines are too long
BIN
assets/images/global/default-avi.png
Normal file
BIN
assets/images/global/default-avi.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 24 KiB |
BIN
assets/images/global/default-bg.jpg
Normal file
BIN
assets/images/global/default-bg.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 1 MiB |
378
assets/scripts/start.min.js
vendored
Normal file
378
assets/scripts/start.min.js
vendored
Normal file
|
|
@ -0,0 +1,378 @@
|
||||||
|
// modules are defined as an array
|
||||||
|
// [ module function, map of requires ]
|
||||||
|
//
|
||||||
|
// map of requires is short require name -> numeric require
|
||||||
|
//
|
||||||
|
// anything defined in a previous bundle is accessed via the
|
||||||
|
// orig method which is the require for previous bundles
|
||||||
|
parcelRequire = (function (modules, cache, entry, globalName) {
|
||||||
|
// Save the require from previous bundle to this closure if any
|
||||||
|
var previousRequire = typeof parcelRequire === 'function' && parcelRequire;
|
||||||
|
var nodeRequire = typeof require === 'function' && require;
|
||||||
|
|
||||||
|
function newRequire(name, jumped) {
|
||||||
|
if (!cache[name]) {
|
||||||
|
if (!modules[name]) {
|
||||||
|
// if we cannot find the module within our internal map or
|
||||||
|
// cache jump to the current global require ie. the last bundle
|
||||||
|
// that was added to the page.
|
||||||
|
var currentRequire = typeof parcelRequire === 'function' && parcelRequire;
|
||||||
|
if (!jumped && currentRequire) {
|
||||||
|
return currentRequire(name, true);
|
||||||
|
}
|
||||||
|
|
||||||
|
// If there are other bundles on this page the require from the
|
||||||
|
// previous one is saved to 'previousRequire'. Repeat this as
|
||||||
|
// many times as there are bundles until the module is found or
|
||||||
|
// we exhaust the require chain.
|
||||||
|
if (previousRequire) {
|
||||||
|
return previousRequire(name, true);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Try the node require function if it exists.
|
||||||
|
if (nodeRequire && typeof name === 'string') {
|
||||||
|
return nodeRequire(name);
|
||||||
|
}
|
||||||
|
|
||||||
|
var err = new Error('Cannot find module \'' + name + '\'');
|
||||||
|
err.code = 'MODULE_NOT_FOUND';
|
||||||
|
throw err;
|
||||||
|
}
|
||||||
|
|
||||||
|
localRequire.resolve = resolve;
|
||||||
|
localRequire.cache = {};
|
||||||
|
|
||||||
|
var module = cache[name] = new newRequire.Module(name);
|
||||||
|
|
||||||
|
modules[name][0].call(module.exports, localRequire, module, module.exports, this);
|
||||||
|
}
|
||||||
|
|
||||||
|
return cache[name].exports;
|
||||||
|
|
||||||
|
function localRequire(x){
|
||||||
|
return newRequire(localRequire.resolve(x));
|
||||||
|
}
|
||||||
|
|
||||||
|
function resolve(x){
|
||||||
|
return modules[name][1][x] || x;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function Module(moduleName) {
|
||||||
|
this.id = moduleName;
|
||||||
|
this.bundle = newRequire;
|
||||||
|
this.exports = {};
|
||||||
|
}
|
||||||
|
|
||||||
|
newRequire.isParcelRequire = true;
|
||||||
|
newRequire.Module = Module;
|
||||||
|
newRequire.modules = modules;
|
||||||
|
newRequire.cache = cache;
|
||||||
|
newRequire.parent = previousRequire;
|
||||||
|
newRequire.register = function (id, exports) {
|
||||||
|
modules[id] = [function (require, module) {
|
||||||
|
module.exports = exports;
|
||||||
|
}, {}];
|
||||||
|
};
|
||||||
|
|
||||||
|
var error;
|
||||||
|
for (var i = 0; i < entry.length; i++) {
|
||||||
|
try {
|
||||||
|
newRequire(entry[i]);
|
||||||
|
} catch (e) {
|
||||||
|
// Save first error but execute all entries
|
||||||
|
if (!error) {
|
||||||
|
error = e;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (entry.length) {
|
||||||
|
// Expose entry point to Node, AMD or browser globals
|
||||||
|
// Based on https://github.com/ForbesLindesay/umd/blob/master/template.js
|
||||||
|
var mainExports = newRequire(entry[entry.length - 1]);
|
||||||
|
|
||||||
|
// CommonJS
|
||||||
|
if (typeof exports === "object" && typeof module !== "undefined") {
|
||||||
|
module.exports = mainExports;
|
||||||
|
|
||||||
|
// RequireJS
|
||||||
|
} else if (typeof define === "function" && define.amd) {
|
||||||
|
define(function () {
|
||||||
|
return mainExports;
|
||||||
|
});
|
||||||
|
|
||||||
|
// <script>
|
||||||
|
} else if (globalName) {
|
||||||
|
this[globalName] = mainExports;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
// Override the current require with this new one
|
||||||
|
parcelRequire = newRequire;
|
||||||
|
|
||||||
|
if (error) {
|
||||||
|
// throw error from earlier, _after updating parcelRequire_
|
||||||
|
throw error;
|
||||||
|
}
|
||||||
|
|
||||||
|
return newRequire;
|
||||||
|
})({"Base.jsx":[function(require,module,exports) {
|
||||||
|
"use strict";
|
||||||
|
|
||||||
|
Object.defineProperty(exports, "__esModule", {
|
||||||
|
value: true
|
||||||
|
});
|
||||||
|
exports.default = void 0;
|
||||||
|
|
||||||
|
function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
|
||||||
|
|
||||||
|
function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } }
|
||||||
|
|
||||||
|
function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; }
|
||||||
|
|
||||||
|
var Base =
|
||||||
|
/*#__PURE__*/
|
||||||
|
function () {
|
||||||
|
//--------------------------
|
||||||
|
// constructor
|
||||||
|
//--------------------------
|
||||||
|
//TODO: Flip to unified structure defined in BMG, brah
|
||||||
|
function Base() {
|
||||||
|
_classCallCheck(this, Base);
|
||||||
|
|
||||||
|
this.start();
|
||||||
|
}
|
||||||
|
|
||||||
|
_createClass(Base, [{
|
||||||
|
key: "start",
|
||||||
|
value: function start() {
|
||||||
|
console.log("I knoooooooow you see it... ");
|
||||||
|
} //--------------------------
|
||||||
|
// methods
|
||||||
|
//--------------------------
|
||||||
|
//--------------------------
|
||||||
|
// event handlers
|
||||||
|
//--------------------------
|
||||||
|
|
||||||
|
}]);
|
||||||
|
|
||||||
|
return Base;
|
||||||
|
}();
|
||||||
|
|
||||||
|
exports.default = Base;
|
||||||
|
},{}],"Start.jsx":[function(require,module,exports) {
|
||||||
|
"use strict";
|
||||||
|
|
||||||
|
var _Base = _interopRequireDefault(require("./Base.jsx"));
|
||||||
|
|
||||||
|
function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
|
||||||
|
|
||||||
|
document.addEventListener('DOMContentLoaded', function () {
|
||||||
|
var base = new _Base.default();
|
||||||
|
}, false);
|
||||||
|
},{"./Base.jsx":"Base.jsx"}],"../../../../../../.nvm/versions/node/v10.16.3/lib/node_modules/parcel/src/builtins/hmr-runtime.js":[function(require,module,exports) {
|
||||||
|
var global = arguments[3];
|
||||||
|
var OVERLAY_ID = '__parcel__error__overlay__';
|
||||||
|
var OldModule = module.bundle.Module;
|
||||||
|
|
||||||
|
function Module(moduleName) {
|
||||||
|
OldModule.call(this, moduleName);
|
||||||
|
this.hot = {
|
||||||
|
data: module.bundle.hotData,
|
||||||
|
_acceptCallbacks: [],
|
||||||
|
_disposeCallbacks: [],
|
||||||
|
accept: function (fn) {
|
||||||
|
this._acceptCallbacks.push(fn || function () {});
|
||||||
|
},
|
||||||
|
dispose: function (fn) {
|
||||||
|
this._disposeCallbacks.push(fn);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
module.bundle.hotData = null;
|
||||||
|
}
|
||||||
|
|
||||||
|
module.bundle.Module = Module;
|
||||||
|
var checkedAssets, assetsToAccept;
|
||||||
|
var parent = module.bundle.parent;
|
||||||
|
|
||||||
|
if ((!parent || !parent.isParcelRequire) && typeof WebSocket !== 'undefined') {
|
||||||
|
var hostname = "" || location.hostname;
|
||||||
|
var protocol = location.protocol === 'https:' ? 'wss' : 'ws';
|
||||||
|
var ws = new WebSocket(protocol + '://' + hostname + ':' + "65111" + '/');
|
||||||
|
|
||||||
|
ws.onmessage = function (event) {
|
||||||
|
checkedAssets = {};
|
||||||
|
assetsToAccept = [];
|
||||||
|
var data = JSON.parse(event.data);
|
||||||
|
|
||||||
|
if (data.type === 'update') {
|
||||||
|
var handled = false;
|
||||||
|
data.assets.forEach(function (asset) {
|
||||||
|
if (!asset.isNew) {
|
||||||
|
var didAccept = hmrAcceptCheck(global.parcelRequire, asset.id);
|
||||||
|
|
||||||
|
if (didAccept) {
|
||||||
|
handled = true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}); // Enable HMR for CSS by default.
|
||||||
|
|
||||||
|
handled = handled || data.assets.every(function (asset) {
|
||||||
|
return asset.type === 'css' && asset.generated.js;
|
||||||
|
});
|
||||||
|
|
||||||
|
if (handled) {
|
||||||
|
console.clear();
|
||||||
|
data.assets.forEach(function (asset) {
|
||||||
|
hmrApply(global.parcelRequire, asset);
|
||||||
|
});
|
||||||
|
assetsToAccept.forEach(function (v) {
|
||||||
|
hmrAcceptRun(v[0], v[1]);
|
||||||
|
});
|
||||||
|
} else {
|
||||||
|
window.location.reload();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (data.type === 'reload') {
|
||||||
|
ws.close();
|
||||||
|
|
||||||
|
ws.onclose = function () {
|
||||||
|
location.reload();
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
if (data.type === 'error-resolved') {
|
||||||
|
console.log('[parcel] ✨ Error resolved');
|
||||||
|
removeErrorOverlay();
|
||||||
|
}
|
||||||
|
|
||||||
|
if (data.type === 'error') {
|
||||||
|
console.error('[parcel] 🚨 ' + data.error.message + '\n' + data.error.stack);
|
||||||
|
removeErrorOverlay();
|
||||||
|
var overlay = createErrorOverlay(data);
|
||||||
|
document.body.appendChild(overlay);
|
||||||
|
}
|
||||||
|
};
|
||||||
|
}
|
||||||
|
|
||||||
|
function removeErrorOverlay() {
|
||||||
|
var overlay = document.getElementById(OVERLAY_ID);
|
||||||
|
|
||||||
|
if (overlay) {
|
||||||
|
overlay.remove();
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function createErrorOverlay(data) {
|
||||||
|
var overlay = document.createElement('div');
|
||||||
|
overlay.id = OVERLAY_ID; // html encode message and stack trace
|
||||||
|
|
||||||
|
var message = document.createElement('div');
|
||||||
|
var stackTrace = document.createElement('pre');
|
||||||
|
message.innerText = data.error.message;
|
||||||
|
stackTrace.innerText = data.error.stack;
|
||||||
|
overlay.innerHTML = '<div style="background: black; font-size: 16px; color: white; position: fixed; height: 100%; width: 100%; top: 0px; left: 0px; padding: 30px; opacity: 0.85; font-family: Menlo, Consolas, monospace; z-index: 9999;">' + '<span style="background: red; padding: 2px 4px; border-radius: 2px;">ERROR</span>' + '<span style="top: 2px; margin-left: 5px; position: relative;">🚨</span>' + '<div style="font-size: 18px; font-weight: bold; margin-top: 20px;">' + message.innerHTML + '</div>' + '<pre>' + stackTrace.innerHTML + '</pre>' + '</div>';
|
||||||
|
return overlay;
|
||||||
|
}
|
||||||
|
|
||||||
|
function getParents(bundle, id) {
|
||||||
|
var modules = bundle.modules;
|
||||||
|
|
||||||
|
if (!modules) {
|
||||||
|
return [];
|
||||||
|
}
|
||||||
|
|
||||||
|
var parents = [];
|
||||||
|
var k, d, dep;
|
||||||
|
|
||||||
|
for (k in modules) {
|
||||||
|
for (d in modules[k][1]) {
|
||||||
|
dep = modules[k][1][d];
|
||||||
|
|
||||||
|
if (dep === id || Array.isArray(dep) && dep[dep.length - 1] === id) {
|
||||||
|
parents.push(k);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
if (bundle.parent) {
|
||||||
|
parents = parents.concat(getParents(bundle.parent, id));
|
||||||
|
}
|
||||||
|
|
||||||
|
return parents;
|
||||||
|
}
|
||||||
|
|
||||||
|
function hmrApply(bundle, asset) {
|
||||||
|
var modules = bundle.modules;
|
||||||
|
|
||||||
|
if (!modules) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (modules[asset.id] || !bundle.parent) {
|
||||||
|
var fn = new Function('require', 'module', 'exports', asset.generated.js);
|
||||||
|
asset.isNew = !modules[asset.id];
|
||||||
|
modules[asset.id] = [fn, asset.deps];
|
||||||
|
} else if (bundle.parent) {
|
||||||
|
hmrApply(bundle.parent, asset);
|
||||||
|
}
|
||||||
|
}
|
||||||
|
|
||||||
|
function hmrAcceptCheck(bundle, id) {
|
||||||
|
var modules = bundle.modules;
|
||||||
|
|
||||||
|
if (!modules) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (!modules[id] && bundle.parent) {
|
||||||
|
return hmrAcceptCheck(bundle.parent, id);
|
||||||
|
}
|
||||||
|
|
||||||
|
if (checkedAssets[id]) {
|
||||||
|
return;
|
||||||
|
}
|
||||||
|
|
||||||
|
checkedAssets[id] = true;
|
||||||
|
var cached = bundle.cache[id];
|
||||||
|
assetsToAccept.push([bundle, id]);
|
||||||
|
|
||||||
|
if (cached && cached.hot && cached.hot._acceptCallbacks.length) {
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
|
||||||
|
return getParents(global.parcelRequire, id).some(function (id) {
|
||||||
|
return hmrAcceptCheck(global.parcelRequire, id);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
function hmrAcceptRun(bundle, id) {
|
||||||
|
var cached = bundle.cache[id];
|
||||||
|
bundle.hotData = {};
|
||||||
|
|
||||||
|
if (cached) {
|
||||||
|
cached.hot.data = bundle.hotData;
|
||||||
|
}
|
||||||
|
|
||||||
|
if (cached && cached.hot && cached.hot._disposeCallbacks.length) {
|
||||||
|
cached.hot._disposeCallbacks.forEach(function (cb) {
|
||||||
|
cb(bundle.hotData);
|
||||||
|
});
|
||||||
|
}
|
||||||
|
|
||||||
|
delete bundle.cache[id];
|
||||||
|
bundle(id);
|
||||||
|
cached = bundle.cache[id];
|
||||||
|
|
||||||
|
if (cached && cached.hot && cached.hot._acceptCallbacks.length) {
|
||||||
|
cached.hot._acceptCallbacks.forEach(function (cb) {
|
||||||
|
cb();
|
||||||
|
});
|
||||||
|
|
||||||
|
return true;
|
||||||
|
}
|
||||||
|
}
|
||||||
|
},{}]},{},["../../../../../../.nvm/versions/node/v10.16.3/lib/node_modules/parcel/src/builtins/hmr-runtime.js","Start.jsx"], null)
|
||||||
|
//# sourceMappingURL=/start.min.js.map
|
||||||
1
assets/scripts/start.min.js.map
Normal file
1
assets/scripts/start.min.js.map
Normal file
File diff suppressed because one or more lines are too long
|
|
@ -3,15 +3,13 @@ html(xmlns='http://www.w3.org/1999/xhtml', lang='en', xml:lang="en")
|
||||||
head
|
head
|
||||||
title= title
|
title= title
|
||||||
meta(name='viewport', content='width=device-width, initial-scale=1.0')
|
meta(name='viewport', content='width=device-width, initial-scale=1.0')
|
||||||
meta(name="keywords" content="creative technoglogist, graphic design, web development, designer developer, social thought, political discussion, music producer, creative culture, black creative, black geek")
|
meta(name="keywords" content=keywords)
|
||||||
meta(name="description" content="The home site of Creative Technologist, music maker, and social philoshoper, Ro. Ha, I know. Me too.")
|
meta(name="description" content=description)
|
||||||
meta(http-equiv="content-type", content="text/html; charset=utf-8")
|
meta(http-equiv="content-type", content="text/html; charset=utf-8")
|
||||||
meta(property="og:image" content=image)
|
meta(property="og:image" content=image)
|
||||||
meta(name="twitter:image" content=image)
|
meta(name="twitter:image" content=image)
|
||||||
link(rel='stylesheet', href='/assets/css/base.css', type='text/css')
|
link(rel='stylesheet', href='/assets/css/base.css', type='text/css')
|
||||||
body
|
body
|
||||||
#loader
|
|
||||||
i.fa.fa-cog.fa-spin.fa-4x.fa-fw
|
|
||||||
.main-container#main-content
|
.main-container#main-content
|
||||||
block main-content
|
block main-content
|
||||||
script(src='/assets/scripts/start.min.js' type="text/javascript")
|
script(src='/assets/scripts/start.min.js' type="text/javascript")
|
||||||
|
|
|
||||||
35
index.pug
35
index.pug
|
|
@ -2,34 +2,9 @@ extends frame
|
||||||
|
|
||||||
block main-content
|
block main-content
|
||||||
section#index-content
|
section#index-content
|
||||||
header.columns#header
|
header
|
||||||
#float-bg
|
#index-display
|
||||||
img(src='/assets/images/eye-beamz.png')
|
#index-content
|
||||||
#header-one.column
|
div !{content_index}
|
||||||
#header-two.column
|
span Shit. I think I just made a theme kit for Fipamo
|
||||||
label#the-title
|
|
||||||
a(href="/") thetwelfthhouse
|
|
||||||
#the-intro
|
|
||||||
| I'm Ro. I am a
|
|
||||||
a(href='/work') freelancer
|
|
||||||
|,
|
|
||||||
a(href='/blog/page/1') thinker
|
|
||||||
|,
|
|
||||||
a(href='https://playvicious.social' target="_blank") masto admin
|
|
||||||
|,
|
|
||||||
a(href='/fipamo') a pack rat
|
|
||||||
|, and I'm kinda trying to
|
|
||||||
a(href="https://www.patreon.com/Are0h" target="_blank") save the world.
|
|
||||||
#index-display
|
|
||||||
#recent-title.index-block
|
|
||||||
| "Boards do not hit back" © Bruce Lee
|
|
||||||
//svg(viewBox="0 0 20 20" class="icons")
|
|
||||||
use(xlink:href='/assets/images/sprite.svg#entypo-air')
|
|
||||||
#index-content
|
|
||||||
div !{content_index}
|
|
||||||
span Shit. I think I just made a theme kit for Fipamo
|
|
||||||
br
|
|
||||||
| Not perfect, but it's workable...
|
|
||||||
-var count = bucket[2].item
|
|
||||||
p= count
|
|
||||||
|
|
||||||
|
|
|
||||||
11
package.json
11
package.json
|
|
@ -1,11 +0,0 @@
|
||||||
|
|
||||||
|
|
||||||
{"scripts":{
|
|
||||||
"dev": "stylus -w -m -o assets/css src/styles/base.styl & parcel watch src/com/Start.jsx --out-dir assets/scripts --out-file start.min.js & parcel index.pug page.pug"
|
|
||||||
},
|
|
||||||
"devDependencies": {
|
|
||||||
"cssnano": "^4.1.10",
|
|
||||||
"pug": "^2.0.4",
|
|
||||||
"stylus": "^0.54.7"
|
|
||||||
}
|
|
||||||
}
|
|
||||||
|
|
@ -1,8 +1,12 @@
|
||||||
module.exports = {
|
module.exports = {
|
||||||
locals: {
|
locals: {
|
||||||
title: "Fipamo Theme Kit",
|
title: 'Fipamo Theme Kit',
|
||||||
content_index: "This is some page content... for your broke ass",
|
keywords:
|
||||||
content_page: "This is some page content... for your broke ass",
|
'creative technoglogist, graphic design, web development, designer developer, social thought, political discussion, music producer, creative culture, black creative, black geek',
|
||||||
bucket: [{item: "one"}, {item: "two"}, {item: "three"}]
|
description:
|
||||||
}
|
'The home site of Creative Technologist, music maker, and social philoshoper, Ro. Ha, I know. Me too.',
|
||||||
};
|
content_index: 'This is some page content... for your broke ass',
|
||||||
|
content_page: 'This is some page content... for your broke ass',
|
||||||
|
bucket: [{ item: 'one' }, { item: 'two' }, { item: 'three' }]
|
||||||
|
}
|
||||||
|
};
|
||||||
|
|
|
||||||
18
src/com/Base.js
Normal file
18
src/com/Base.js
Normal file
|
|
@ -0,0 +1,18 @@
|
||||||
|
export default class Base {
|
||||||
|
//--------------------------
|
||||||
|
// constructor
|
||||||
|
//--------------------------
|
||||||
|
constructor() {
|
||||||
|
this.start();
|
||||||
|
}
|
||||||
|
start() {
|
||||||
|
console.log('I knoooooooow you see it... ');
|
||||||
|
}
|
||||||
|
//--------------------------
|
||||||
|
// methods
|
||||||
|
//--------------------------
|
||||||
|
|
||||||
|
//--------------------------
|
||||||
|
// event handlers
|
||||||
|
//--------------------------
|
||||||
|
}
|
||||||
|
|
@ -1,25 +0,0 @@
|
||||||
|
|
||||||
|
|
||||||
export default class Base {
|
|
||||||
//--------------------------
|
|
||||||
// constructor
|
|
||||||
//--------------------------
|
|
||||||
|
|
||||||
//TODO: Flip to unified structure defined in BMG, brah
|
|
||||||
constructor() {
|
|
||||||
|
|
||||||
this.start();
|
|
||||||
}
|
|
||||||
start() {
|
|
||||||
console.log("I knoooooooow you see it... ");
|
|
||||||
}
|
|
||||||
//--------------------------
|
|
||||||
// methods
|
|
||||||
//--------------------------
|
|
||||||
|
|
||||||
|
|
||||||
//--------------------------
|
|
||||||
// event handlers
|
|
||||||
//--------------------------
|
|
||||||
|
|
||||||
}
|
|
||||||
9
src/com/Start.js
Normal file
9
src/com/Start.js
Normal file
|
|
@ -0,0 +1,9 @@
|
||||||
|
import Base from './Base';
|
||||||
|
|
||||||
|
document.addEventListener(
|
||||||
|
'DOMContentLoaded',
|
||||||
|
function () {
|
||||||
|
var base = new Base();
|
||||||
|
},
|
||||||
|
false
|
||||||
|
);
|
||||||
|
|
@ -1,6 +0,0 @@
|
||||||
import Base from './Base.jsx'
|
|
||||||
|
|
||||||
document.addEventListener('DOMContentLoaded', function() {
|
|
||||||
|
|
||||||
var base = new Base();
|
|
||||||
}, false);
|
|
||||||
|
|
@ -4,5 +4,3 @@ $tertiary = #EBDFCE;
|
||||||
$highlight = #BAF273;
|
$highlight = #BAF273;
|
||||||
$white = #eee;
|
$white = #eee;
|
||||||
$black = #32302f;
|
$black = #32302f;
|
||||||
|
|
||||||
//Bulma overrides
|
|
||||||
3
src/styles/_typography.styl
Normal file
3
src/styles/_typography.styl
Normal file
|
|
@ -0,0 +1,3 @@
|
||||||
|
$titleType = Helvetica, Arial, sans-serif;
|
||||||
|
$bodyType = Helvetica, Arial, sans-serif;
|
||||||
|
|
||||||
|
|
@ -1,19 +1,11 @@
|
||||||
/**
|
|
||||||
-------------------------------
|
|
||||||
-- Bulma
|
|
||||||
-------------------------------
|
|
||||||
**/
|
|
||||||
//@import '/../../node_modules/bulma.styl/bulma.styl'
|
|
||||||
//@import "../../../../node_modules/bulma.styl/stylus/utilities/_all"
|
|
||||||
//@import "../../../../node_modules/bulma.styl/stylus/grid/columns"
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
-------------------------------
|
-------------------------------
|
||||||
-- Typography
|
-- Typography
|
||||||
-------------------------------
|
-------------------------------
|
||||||
**/
|
**/
|
||||||
|
|
||||||
@import "main/_typography"
|
@import "_typography"
|
||||||
|
|
||||||
/**
|
/**
|
||||||
-------------------------------
|
-------------------------------
|
||||||
|
|
@ -21,7 +13,7 @@
|
||||||
-------------------------------
|
-------------------------------
|
||||||
**/
|
**/
|
||||||
|
|
||||||
@import "main/_colors"
|
@import "_colors"
|
||||||
|
|
||||||
/**
|
/**
|
||||||
-------------------------------
|
-------------------------------
|
||||||
|
|
@ -29,14 +21,14 @@
|
||||||
-------------------------------
|
-------------------------------
|
||||||
**/
|
**/
|
||||||
|
|
||||||
@import 'main/_mixins'
|
@import '_mixins'
|
||||||
|
|
||||||
/**
|
/**
|
||||||
-------------------------------
|
-------------------------------
|
||||||
-- Normalize
|
-- Normalize
|
||||||
-------------------------------
|
-------------------------------
|
||||||
**/
|
**/
|
||||||
@import 'main/_normalize'
|
@import '_normalize'
|
||||||
|
|
||||||
/**
|
/**
|
||||||
-------------------------------
|
-------------------------------
|
||||||
|
|
@ -44,7 +36,7 @@
|
||||||
-------------------------------
|
-------------------------------
|
||||||
**/
|
**/
|
||||||
|
|
||||||
@import "main/_structure"
|
@import "_structure"
|
||||||
|
|
||||||
/**
|
/**
|
||||||
-------------------------------
|
-------------------------------
|
||||||
|
|
@ -52,31 +44,8 @@
|
||||||
-------------------------------
|
-------------------------------
|
||||||
**/
|
**/
|
||||||
|
|
||||||
@import "main/_index"
|
@import "_index"
|
||||||
|
|
||||||
/**
|
|
||||||
-------------------------------
|
|
||||||
-- Fipamo
|
|
||||||
-------------------------------
|
|
||||||
**/
|
|
||||||
|
|
||||||
@import "main/_fipamo"
|
|
||||||
|
|
||||||
/**
|
|
||||||
-------------------------------
|
|
||||||
-- Folio
|
|
||||||
-------------------------------
|
|
||||||
**/
|
|
||||||
|
|
||||||
@import 'main/_folio'
|
|
||||||
|
|
||||||
/**
|
|
||||||
-------------------------------
|
|
||||||
-- Admin
|
|
||||||
-------------------------------
|
|
||||||
**/
|
|
||||||
|
|
||||||
@import 'main/_admin'
|
|
||||||
|
|
||||||
/**
|
/**
|
||||||
-------------------------------
|
-------------------------------
|
||||||
|
|
@ -84,7 +53,7 @@
|
||||||
-------------------------------
|
-------------------------------
|
||||||
**/
|
**/
|
||||||
|
|
||||||
@import 'main/_forms'
|
@import '_forms'
|
||||||
|
|
||||||
/**
|
/**
|
||||||
-------------------------------
|
-------------------------------
|
||||||
|
|
@ -92,4 +61,4 @@
|
||||||
-------------------------------
|
-------------------------------
|
||||||
**/
|
**/
|
||||||
|
|
||||||
@import 'main/_blog'
|
@import '_page'
|
||||||
|
|
|
||||||
|
|
@ -1,197 +0,0 @@
|
||||||
#admin-index-content
|
|
||||||
width 100%
|
|
||||||
max-width 1024px
|
|
||||||
margin 0 auto
|
|
||||||
|
|
||||||
#admin-index-display
|
|
||||||
padding 20px
|
|
||||||
width 100%
|
|
||||||
max-width 1024px
|
|
||||||
z-index 10
|
|
||||||
position relative
|
|
||||||
#admin-login
|
|
||||||
width 300px
|
|
||||||
#admin-index-title
|
|
||||||
color $white
|
|
||||||
font 400 2em $titleType
|
|
||||||
vertical-align top
|
|
||||||
.admin-menu-main
|
|
||||||
.admin-nav
|
|
||||||
span
|
|
||||||
display inline-block
|
|
||||||
padding 0 0 0 5px
|
|
||||||
.index-block
|
|
||||||
width 50%
|
|
||||||
display inline-block
|
|
||||||
vertical-align top
|
|
||||||
margin-bottom 50px
|
|
||||||
|
|
||||||
#blog-edit
|
|
||||||
label
|
|
||||||
font 600 1em $titleType
|
|
||||||
color $white
|
|
||||||
textarea#entry_title
|
|
||||||
width 100%
|
|
||||||
background none
|
|
||||||
color $tertiary
|
|
||||||
font 500 2em $titleType
|
|
||||||
textarea#entry_text
|
|
||||||
width 100%
|
|
||||||
height 600px
|
|
||||||
padding 10px
|
|
||||||
|
|
||||||
#blog-meta
|
|
||||||
label
|
|
||||||
font 600 1em $titleType
|
|
||||||
color $white
|
|
||||||
input, button
|
|
||||||
width 100%
|
|
||||||
input
|
|
||||||
color $secondary
|
|
||||||
background $black
|
|
||||||
#featured-click
|
|
||||||
display none
|
|
||||||
|
|
||||||
#blog-index-content
|
|
||||||
width 100%
|
|
||||||
max-width 1024px
|
|
||||||
margin 0 auto
|
|
||||||
#blog-hub-display
|
|
||||||
#blog-hub-title
|
|
||||||
font 400 2em $titleType
|
|
||||||
color $white
|
|
||||||
|
|
||||||
#saved-index-content
|
|
||||||
width 100%
|
|
||||||
max-width 1024px
|
|
||||||
margin 0 auto
|
|
||||||
#saved-hub-display
|
|
||||||
#saved-hub-title, #saved-hub-main
|
|
||||||
label
|
|
||||||
font 400 2em $titleType
|
|
||||||
color $white
|
|
||||||
textarea
|
|
||||||
width 90%
|
|
||||||
button
|
|
||||||
padding 5px
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
#post-edit-content
|
|
||||||
width 100%
|
|
||||||
max-width 1024px
|
|
||||||
margin 0 auto
|
|
||||||
header#header
|
|
||||||
#header-one
|
|
||||||
#blog-edit
|
|
||||||
margin 100px 0 0 0
|
|
||||||
position relative
|
|
||||||
label
|
|
||||||
font 600 1em $titleType
|
|
||||||
color $white
|
|
||||||
display block
|
|
||||||
#entry_title
|
|
||||||
width 90%
|
|
||||||
background none
|
|
||||||
font 400 2em $titleType
|
|
||||||
color $tertiary
|
|
||||||
#entry_text
|
|
||||||
width 90%
|
|
||||||
height 500px
|
|
||||||
padding 10px
|
|
||||||
pre
|
|
||||||
background $black
|
|
||||||
code
|
|
||||||
white-space pre-wrap
|
|
||||||
color $tertiary
|
|
||||||
#header-two
|
|
||||||
label
|
|
||||||
font 600 1em $titleType
|
|
||||||
color $white
|
|
||||||
#featured-image-drop
|
|
||||||
border-radius 3px
|
|
||||||
border 1px dashed $white
|
|
||||||
width 100%
|
|
||||||
font 600 .5em $titleType
|
|
||||||
height 100px
|
|
||||||
text-align center
|
|
||||||
vertical-align middle
|
|
||||||
line-height 100px
|
|
||||||
overflow hidden
|
|
||||||
img
|
|
||||||
width 100%
|
|
||||||
|
|
||||||
#blog-meta
|
|
||||||
margin 100px 0 0 0
|
|
||||||
position relative
|
|
||||||
#featured-click
|
|
||||||
display none
|
|
||||||
#entry_tags, button
|
|
||||||
width 100%
|
|
||||||
|
|
||||||
|
|
||||||
.folio-project-form
|
|
||||||
display inline-block
|
|
||||||
width 56%
|
|
||||||
|
|
||||||
input[type=email], input[type=password], input[type=text], select
|
|
||||||
width 400px
|
|
||||||
select
|
|
||||||
margin: 10px 0 0 0
|
|
||||||
|
|
||||||
textarea
|
|
||||||
width 400px
|
|
||||||
height 133px
|
|
||||||
|
|
||||||
.folio-hub
|
|
||||||
padding 20px
|
|
||||||
|
|
||||||
span
|
|
||||||
margin 10px 10px 0 0
|
|
||||||
.btn-add-project span
|
|
||||||
font 20px $bodyType
|
|
||||||
margin: -35px 0 0 40px;
|
|
||||||
display block
|
|
||||||
height: 50px
|
|
||||||
|
|
||||||
.project-list
|
|
||||||
width 95%
|
|
||||||
span.drag-handle
|
|
||||||
padding: 10px;
|
|
||||||
color $tertiary
|
|
||||||
cursor pointer
|
|
||||||
.project-item
|
|
||||||
width: 100%;
|
|
||||||
display: inline-block
|
|
||||||
background lightness($primary, 20%)
|
|
||||||
padding: 5px
|
|
||||||
margin-bottom 10px
|
|
||||||
border-radius: 5px;
|
|
||||||
object-transitions(.3s)
|
|
||||||
.project-item:hover
|
|
||||||
background lightness($primary, 30%)
|
|
||||||
|
|
||||||
.upload-list
|
|
||||||
color lightness($primary, 80%)
|
|
||||||
display inline-block
|
|
||||||
vertical-align top
|
|
||||||
width 260px
|
|
||||||
height 330px
|
|
||||||
margin 45px 0 0
|
|
||||||
|
|
||||||
.thumb
|
|
||||||
height 50px
|
|
||||||
overflow hidden
|
|
||||||
border-radius 3px
|
|
||||||
margin 10px 5px 0 0
|
|
||||||
|
|
||||||
.upload-drop
|
|
||||||
width 400px
|
|
||||||
height 70px
|
|
||||||
background $form-background
|
|
||||||
color lightness($primary, 80%)
|
|
||||||
text-align center
|
|
||||||
padding 40px 0 0
|
|
||||||
font-size 12px
|
|
||||||
text-transform uppercase
|
|
||||||
border-radius 3px
|
|
||||||
|
|
@ -1,71 +0,0 @@
|
||||||
#bm-content
|
|
||||||
width 100%
|
|
||||||
max-width 1024px
|
|
||||||
margin 0 auto
|
|
||||||
#header-one, #header-two
|
|
||||||
label#the-title
|
|
||||||
a(href="/") thetwelfthhouse
|
|
||||||
#header-two
|
|
||||||
font 400 1.5em $bodyType
|
|
||||||
#bookmark-display
|
|
||||||
padding 0
|
|
||||||
.bookmark-list
|
|
||||||
.bookmark-entry
|
|
||||||
background lightness($primary, 15%)
|
|
||||||
width 50%
|
|
||||||
height 500px
|
|
||||||
background-size cover
|
|
||||||
overflow hidden
|
|
||||||
display inline-block
|
|
||||||
vertical-align top
|
|
||||||
//border-radius 3px
|
|
||||||
padding 10px
|
|
||||||
.bookmark-info
|
|
||||||
display flex
|
|
||||||
align-items center
|
|
||||||
justify-content center
|
|
||||||
width 100%
|
|
||||||
height 100%
|
|
||||||
label
|
|
||||||
display block
|
|
||||||
font-size .5em
|
|
||||||
padding 10px
|
|
||||||
background $primary
|
|
||||||
border-radius 5px
|
|
||||||
#paginate-control
|
|
||||||
width 100%
|
|
||||||
height 300px
|
|
||||||
background lightness($primary, 30%)
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
|
|
||||||
#paginate
|
|
||||||
|
|
||||||
margin 0 auto
|
|
||||||
a, label
|
|
||||||
display inline-block
|
|
||||||
vertical-align top
|
|
||||||
label
|
|
||||||
padding 5px
|
|
||||||
color $tertiary
|
|
||||||
font-size 2.2em
|
|
||||||
a
|
|
||||||
padding 20px
|
|
||||||
margin-top 4px
|
|
||||||
|
|
||||||
|
|
||||||
/**
|
|
||||||
-------------------------------
|
|
||||||
-- Responsive
|
|
||||||
-------------------------------
|
|
||||||
**/
|
|
||||||
|
|
||||||
@media only screen and (max-width: 768px)
|
|
||||||
#bm-content
|
|
||||||
#bookmark-display
|
|
||||||
.bookmark-list
|
|
||||||
.bookmark-entry
|
|
||||||
width 100%
|
|
||||||
|
|
||||||
|
|
||||||
|
|
@ -1,96 +0,0 @@
|
||||||
#work-content
|
|
||||||
width 100%
|
|
||||||
max-width 1024px
|
|
||||||
margin 0 auto
|
|
||||||
#header
|
|
||||||
#header-two
|
|
||||||
p
|
|
||||||
font 400 1.5em $bodyType
|
|
||||||
span
|
|
||||||
color $secondary
|
|
||||||
#work-display
|
|
||||||
padding 0
|
|
||||||
margin 0 0 40px 0
|
|
||||||
opacity 0
|
|
||||||
|
|
||||||
|
|
||||||
#work-list
|
|
||||||
|
|
||||||
.work-item
|
|
||||||
width 50%
|
|
||||||
height 300px
|
|
||||||
display inline-block
|
|
||||||
vertical-align top
|
|
||||||
background-size cover
|
|
||||||
background-color $tertiary
|
|
||||||
color $tertiary
|
|
||||||
span
|
|
||||||
font 600 .7em $titleType
|
|
||||||
|
|
||||||
#work-contact
|
|
||||||
#contact-form
|
|
||||||
opacity 1
|
|
||||||
label
|
|
||||||
font 600 .8em $titleType
|
|
||||||
color $highlight
|
|
||||||
margin 0 0 15px 0
|
|
||||||
display block
|
|
||||||
#request-form
|
|
||||||
input[type=email], input[type=password], input[type=text]
|
|
||||||
width 100%
|
|
||||||
margin 0 10px 10px 0
|
|
||||||
|
|
||||||
select
|
|
||||||
width 100%
|
|
||||||
margin-bottom: 10px;
|
|
||||||
|
|
||||||
textarea
|
|
||||||
width: 100%
|
|
||||||
#contact-info
|
|
||||||
label#request-status
|
|
||||||
font 600 .8em $titleType
|
|
||||||
color $highlight
|
|
||||||
margin 0 0 15px 0
|
|
||||||
display block
|
|
||||||
text-transform uppercase
|
|
||||||
p
|
|
||||||
font 400 1em $bodyType
|
|
||||||
color $tertiary
|
|
||||||
i
|
|
||||||
color $highlight
|
|
||||||
|
|
||||||
|
|
||||||
#project-content
|
|
||||||
width 100%
|
|
||||||
max-width 1024px
|
|
||||||
margin 0 auto
|
|
||||||
#project-display
|
|
||||||
padding: 0 20px 20px 20px
|
|
||||||
|
|
||||||
#project-info
|
|
||||||
span
|
|
||||||
font 400 2em $titleType
|
|
||||||
color $white
|
|
||||||
#project-desc
|
|
||||||
font 300 1.2em $bodyType
|
|
||||||
color $tertiary
|
|
||||||
#project-images
|
|
||||||
margin 10px 0 0 0
|
|
||||||
opacity 1
|
|
||||||
.folio-image
|
|
||||||
width 100%
|
|
||||||
margin 0 0 50px 0
|
|
||||||
opacity 0
|
|
||||||
|
|
||||||
/**
|
|
||||||
-------------------------------
|
|
||||||
-- Responsive
|
|
||||||
-------------------------------
|
|
||||||
**/
|
|
||||||
|
|
||||||
@media screen and (max-width: 768px)
|
|
||||||
#work-content
|
|
||||||
#work-list
|
|
||||||
.work-item
|
|
||||||
width 100%
|
|
||||||
|
|
||||||
|
|
@ -1,70 +0,0 @@
|
||||||
@font-face
|
|
||||||
font-weight 400
|
|
||||||
font-style normal
|
|
||||||
font-family 'AlteHaasGrotesk'
|
|
||||||
src url('fonts/app/AlteHaasGroteskRegular.eot'),
|
|
||||||
url('fonts/app/AlteHaasGroteskRegular.eot?#iefix') format('embedded-opentype'),
|
|
||||||
url('fonts/app/AlteHaasGroteskRegular.woff2') format('woff2'),
|
|
||||||
url('fonts/app/AlteHaasGroteskRegular.woff') format('woff'),
|
|
||||||
url('fonts/app/AlteHaasGroteskRegular.ttf') format('truetype'),
|
|
||||||
url('fonts/app/AlteHaasGroteskRegular.svg?#AlteHaasGrotesk') format('svg')
|
|
||||||
|
|
||||||
@font-face
|
|
||||||
font-weight 600
|
|
||||||
font-style normal
|
|
||||||
font-family 'AlteHaasGrotesk'
|
|
||||||
src url('fonts/app/AlteHaasGroteskBold.eot'),
|
|
||||||
url('fonts/app/AlteHaasGroteskBold.eot?#iefix') format('embedded-opentype'),
|
|
||||||
url('fonts/app/AlteHaasGroteskBold.woff2') format('woff2'),
|
|
||||||
url('fonts/app/AlteHaasGroteskBold.woff') format('woff'),
|
|
||||||
url('fonts/app/AlteHaasGroteskBold.ttf') format('truetype'),
|
|
||||||
url('fonts/app/AlteHaasGroteskBold.svg?#AlteHaasGrotesk') format('svg')
|
|
||||||
|
|
||||||
@font-face
|
|
||||||
font-family 'RobotoMono'
|
|
||||||
src url('fonts/app/RobotoMono-Thin.eot'),
|
|
||||||
url('fonts/app/RobotoMono-Thin.eot?#iefix') format('embedded-opentype'),
|
|
||||||
url('fonts/app/RobotoMono-Thin.woff2') format('woff2'),
|
|
||||||
url('fonts/app/RobotoMono-Thin.woff') format('woff'),
|
|
||||||
url('fonts/app/RobotoMono-Thin.ttf') format('truetype'),
|
|
||||||
url('fonts/app/RobotoMono-Thin.svg?#RobotoMono') format('svg');
|
|
||||||
font-weight 200;
|
|
||||||
font-style normal;
|
|
||||||
|
|
||||||
@font-face
|
|
||||||
font-family 'RobotoMono'
|
|
||||||
src url('fonts/app/RobotoMono-Light.eot'),
|
|
||||||
url('fonts/app/RobotoMono-Light.eot?#iefix') format('embedded-opentype'),
|
|
||||||
url('fonts/app/RobotoMono-Light.woff2') format('woff2'),
|
|
||||||
url('fonts/app/RobotoMono-Light.woff') format('woff'),
|
|
||||||
url('fonts/app/RobotoMono-Light.ttf') format('truetype'),
|
|
||||||
url('fonts/app/RobotoMono-Light.svg?#RobotoMono') format('svg');
|
|
||||||
font-weight 300;
|
|
||||||
font-style normal;
|
|
||||||
|
|
||||||
@font-face
|
|
||||||
font-family 'RobotoMono'
|
|
||||||
src url('fonts/app/RobotoMono-Regular.eot'),
|
|
||||||
url('fonts/app/RobotoMono-Regular.eot?#iefix') format('embedded-opentype'),
|
|
||||||
url('fonts/app/RobotoMono-Regular.woff2') format('woff2'),
|
|
||||||
url('fonts/app/RobotoMono-Regular.woff') format('woff'),
|
|
||||||
url('fonts/app/RobotoMono-Regular.ttf') format('truetype'),
|
|
||||||
url('fonts/app/RobotoMono-Regular.svg?#RobotoMono') format('svg');
|
|
||||||
font-weight 400;
|
|
||||||
font-style normal;
|
|
||||||
|
|
||||||
@font-face
|
|
||||||
font-family 'RobotoMono'
|
|
||||||
src url('fonts/app/RobotoMono-Bold.eot'),
|
|
||||||
url('fonts/app/RobotoMono-Bold.eot?#iefix') format('embedded-opentype'),
|
|
||||||
url('fonts/app/RobotoMono-Bold.woff2') format('woff2'),
|
|
||||||
url('fonts/app/RobotoMono-Bold.woff') format('woff'),
|
|
||||||
url('fonts/app/RobotoMono-Bold.ttf') format('truetype'),
|
|
||||||
url('fonts/app/RobotoMono-Bold.svg?#RobotoMono') format('svg');
|
|
||||||
font-weight 600;
|
|
||||||
font-style normal;
|
|
||||||
|
|
||||||
|
|
||||||
$titleType = 'RobotoMono', Helvetica, Arial, sans-serif;
|
|
||||||
$bodyType = 'AlteHaasGrotesk', Helvetica, Arial, sans-serif;
|
|
||||||
|
|
||||||
|
|
@ -1,6 +1,6 @@
|
||||||
{
|
{
|
||||||
"name": "default-light",
|
"name": "default",
|
||||||
"display-name":"Fipamo Oh Won Light",
|
"display-name":"Fipamo Default",
|
||||||
"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 a new issue