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
|
||||
}
|
||||
}
|
||||
1
.gitignore
vendored
1
.gitignore
vendored
|
|
@ -2,4 +2,3 @@ node_modules
|
|||
dist
|
||||
.cache
|
||||
.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
|
||||
title= title
|
||||
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="description" content="The home site of Creative Technologist, music maker, and social philoshoper, Ro. Ha, I know. Me too.")
|
||||
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
|
||||
#loader
|
||||
i.fa.fa-cog.fa-spin.fa-4x.fa-fw
|
||||
.main-container#main-content
|
||||
block main-content
|
||||
script(src='/assets/scripts/start.min.js' type="text/javascript")
|
||||
|
|
|
|||
33
index.pug
33
index.pug
|
|
@ -2,34 +2,9 @@ extends frame
|
|||
|
||||
block main-content
|
||||
section#index-content
|
||||
header.columns#header
|
||||
#float-bg
|
||||
img(src='/assets/images/eye-beamz.png')
|
||||
#header-one.column
|
||||
#header-two.column
|
||||
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.
|
||||
header
|
||||
#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
|
||||
#index-content
|
||||
div !{content_index}
|
||||
span Shit. I think I just made a theme kit for Fipamo
|
||||
|
||||
|
|
|
|||
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 = {
|
||||
locals: {
|
||||
title: "Fipamo Theme Kit",
|
||||
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"}]
|
||||
}
|
||||
};
|
||||
locals: {
|
||||
title: 'Fipamo Theme Kit',
|
||||
keywords:
|
||||
'creative technoglogist, graphic design, web development, designer developer, social thought, political discussion, music producer, creative culture, black creative, black geek',
|
||||
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;
|
||||
$white = #eee;
|
||||
$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,11 +1,3 @@
|
|||
/**
|
||||
-------------------------------
|
||||
-- Bulma
|
||||
-------------------------------
|
||||
**/
|
||||
//@import '/../../node_modules/bulma.styl/bulma.styl'
|
||||
//@import "../../../../node_modules/bulma.styl/stylus/utilities/_all"
|
||||
//@import "../../../../node_modules/bulma.styl/stylus/grid/columns"
|
||||
|
||||
/**
|
||||
-------------------------------
|
||||
|
|
@ -13,7 +5,7 @@
|
|||
-------------------------------
|
||||
**/
|
||||
|
||||
@import "main/_typography"
|
||||
@import "_typography"
|
||||
|
||||
/**
|
||||
-------------------------------
|
||||
|
|
@ -21,7 +13,7 @@
|
|||
-------------------------------
|
||||
**/
|
||||
|
||||
@import "main/_colors"
|
||||
@import "_colors"
|
||||
|
||||
/**
|
||||
-------------------------------
|
||||
|
|
@ -29,14 +21,14 @@
|
|||
-------------------------------
|
||||
**/
|
||||
|
||||
@import 'main/_mixins'
|
||||
@import '_mixins'
|
||||
|
||||
/**
|
||||
-------------------------------
|
||||
-- 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",
|
||||
"display-name":"Fipamo Oh Won Light",
|
||||
"name": "default",
|
||||
"display-name":"Fipamo Default",
|
||||
"author": "Are0h",
|
||||
"description": "The most dangerous default theme in the known universe.",
|
||||
"version": "1.0.0"
|
||||
|
|
|
|||
Loading…
Reference in a new issue