From 5f55e76525606c71ee67903c0f362264b184b202 Mon Sep 17 00:00:00 2001 From: Are0h Date: Thu, 7 May 2020 20:00:29 -0700 Subject: [PATCH] added caffiene free parallax effect --- assets/css/base.css | 107 +++++++++++++++++++++++++----------- assets/css/base.css.map | 2 +- assets/scripts/start.min.js | 2 +- frame.pug | 8 ++- index.pug | 13 ++--- pug.config.js | 2 +- src/styles/_colors.styl | 2 +- src/styles/_mixins.styl | 1 + src/styles/_structure.styl | 102 +++++++++++++++++++++++----------- 9 files changed, 163 insertions(+), 76 deletions(-) diff --git a/assets/css/base.css b/assets/css/base.css index 8bbf18d..fbf3c58 100644 --- a/assets/css/base.css +++ b/assets/css/base.css @@ -230,44 +230,87 @@ template { ------------------------------- **/ html { - background: #113641; + margin: 0; + padding: 0; + width: 100%; + height: 100%; + overflow: hidden; font: 400 1.3em/1.3em Helvetica, Arial, sans-serif; - color: #fffacd; -} -a { - font: 300 1em $titleType; - color: #7ed07e; - 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: #daf1da; - background: #113641; } -svg.icons { - width: 20px; - fill: #fc6399; +body { + color: #fff; + margin: 0; + padding: 0; + perspective: 1px; + transform-style: preserve-3d; + height: 100%; + width: 100%; + overflow-y: scroll; + overflow-x: hidden; } -.main-container { - margin: 0 auto; - z-index: 10; +header { + box-sizing: border-box; + min-height: 100vh; position: relative; + transform-style: inherit; + width: 100vw; + text-align: center; + color: #fc6399; + text-shadow: 1px 1px 1px rgba(50,48,47,0.5); +} +header h1 { + margin: 0; + position: absolute; + top: 50%; + left: 50%; + transform: translate(-50%, -50%); } -.main-container header { +header .menu { width: 100%; - height: 600px; - border-top: 5px #7ed07e solid; - border-bottom: 2px #f9690e solid; + text-align: left; } -.main-container section { - overflow: hidden; +header, +header:before { + background: 50% 50%/cover; +} +header::before { + content: ""; + position: absolute; + top: 0; + left: 0; + right: 0; + bottom: 0; + display: block; + background: url("/assets/images/global/default-bg.jpg"); + background-size: cover; + transform-origin: center center 0; + transform: translateZ(-1px) scale(2); + z-index: -1; + min-height: 100vh; +} +.container { + z-index: 2; + position: absolute; + top: 100vh; + background: #32302f; + line-height: 30px; + font-weight: lighter; + padding: 40px; + color: #d5cfba; +} +.container article { + min-height: 500px; } -.main-container section #index-content span { +.container article span { font: 600 2em/2 Helvetica, Arial, sans-serif; - color: #fc6399; + color: #f9690e; + text-decoration: underline; +} +.container footer { + background: #32302f; + border-top: 1px #7ed07e solid; + height: 100px; + padding: 20px 0 0 0; } @media only screen and (max-width: 640px) { .main-container .content #the-intro { @@ -294,7 +337,7 @@ svg.icons { font-size: 3.3rem; } .main-container .header .header-desc span a { - color: #fffacd; + color: #d5cfba; width: 250px; font-weight: 300; display: inline-block; @@ -364,7 +407,7 @@ header #header-two #the-intro { position: relative; } #index-display #recent-title { - color: #fffacd; + color: #d5cfba; font: 400 2em $titleType; vertical-align: top; } @@ -492,7 +535,7 @@ select { } #post-content #header-post #header-one span#post-title { font: 200 4.5em/1em $titleType; - color: #fffacd; + color: #d5cfba; margin: 20px 0 0 10px; padding: 20px 0 80px 0; display: block; diff --git a/assets/css/base.css.map b/assets/css/base.css.map index 9fa11c4..92f0ab1 100644 --- a/assets/css/base.css.map +++ b/assets/css/base.css.map @@ -1 +1 @@ -{"version":3,"sources":["../../src/styles/base.styl","../../src/styles/_typography.styl","../../src/styles/_normalize.styl","../../src/styles/_structure.styl","../../src/styles/_mixins.styl","../../src/styles/_index.styl","../../src/styles/_forms.styl","../../src/styles/_page.styl"],"names":[],"mappings":"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","file":"base.css"} \ No newline at end of file +{"version":3,"sources":["../../src/styles/base.styl","../../src/styles/_typography.styl","../../src/styles/_normalize.styl","../../src/styles/_structure.styl","../../src/styles/_mixins.styl","../../src/styles/_index.styl","../../src/styles/_forms.styl","../../src/styles/_page.styl"],"names":[],"mappings":"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","file":"base.css"} \ No newline at end of file diff --git a/assets/scripts/start.min.js b/assets/scripts/start.min.js index 17546a6..5abdc59 100644 --- a/assets/scripts/start.min.js +++ b/assets/scripts/start.min.js @@ -198,7 +198,7 @@ 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 + ':' + "50107" + '/'); + var ws = new WebSocket(protocol + '://' + hostname + ':' + "60014" + '/'); ws.onmessage = function (event) { checkedAssets = {}; diff --git a/frame.pug b/frame.pug index e2309aa..5a9c199 100644 --- a/frame.pug +++ b/frame.pug @@ -10,8 +10,14 @@ html(xmlns='http://www.w3.org/1999/xhtml', lang='en', xml:lang="en") meta(name="twitter:image" content=image) link(rel='stylesheet', href='/assets/css/base.css', type='text/css') body - .main-container#main-content + .container#main-content block main-content + header + .menu + | LINKZ + br + | LINKZ + h1 Hello There script(src='/assets/scripts/start.min.js' type="text/javascript") diff --git a/index.pug b/index.pug index 34d4f65..d40b495 100644 --- a/index.pug +++ b/index.pug @@ -1,11 +1,10 @@ extends frame block main-content - header(style="background: url("+default_bg+") scroll center center / cover") - section#index-content - - #index-display - #index-content - span= title - div !{content_index} + article + .article-content + span= title + div !{content_index} + footer + | FOOTER PIPE diff --git a/pug.config.js b/pug.config.js index 917443e..7233165 100644 --- a/pug.config.js +++ b/pug.config.js @@ -8,7 +8,7 @@ module.exports = { default_bg: '/assets/images/global/default-bg.jpg', default_avi: '/assets/images/global/default-avi.png', content_index: - 'Hey, welcome to the show. This is the theme kit for making cool stuff with Fipamo, the most chill blog frame work ever. Because people have better things to do than mess with complicated blog set ups.', + "The path of the righteous man is beset on all sides by the iniquities of the selfish and the tyranny of evil men. Blessed is he who, in the name of charity and good will, shepherds the weak through the valley of darkness, for he is truly his brother's keeper and the finder of lost children. And I will strike down upon thee with great vengeance and furious anger those who would attempt to poison and destroy My brothers. And you will know My name is the Lord when I lay My vengeance upon thee.", content_page: 'This is some page content... for your broke ass', bucket: [{ item: 'one' }, { item: 'two' }, { item: 'three' }] } diff --git a/src/styles/_colors.styl b/src/styles/_colors.styl index c370e24..630b619 100644 --- a/src/styles/_colors.styl +++ b/src/styles/_colors.styl @@ -2,5 +2,5 @@ $primary = #113641; $secondary = #FC6399; $tertiary = #F9690E; $highlight = #7ED07E; -$white = #FFFACD; +$white = #d5cfba; $black = #32302f; diff --git a/src/styles/_mixins.styl b/src/styles/_mixins.styl index 8c77d7b..16a0eb3 100644 --- a/src/styles/_mixins.styl +++ b/src/styles/_mixins.styl @@ -14,3 +14,4 @@ background-opacity(rgb-value, opacity) custom-header(weight, size, line-height, color) font: weight size/line-height $bodyType color: color + text-decoration: underline diff --git a/src/styles/_structure.styl b/src/styles/_structure.styl index 30bdb5c..ceca126 100644 --- a/src/styles/_structure.styl +++ b/src/styles/_structure.styl @@ -1,38 +1,76 @@ html - background $primary - font 400 1.3em/1.3em $bodyType - color $white - -a - font 300 1em $titleType - color $highlight - text-decoration underline - object-transitions(.1s) - -a:hover - color lightness($highlight, 90%) - background $primary - -svg.icons - width 20px - fill $secondary - -.main-container - margin 0 auto - z-index 10 - position relative - header - width: 100%; - height 600px; - border-top 5px $highlight solid - border-bottom 2px $tertiary solid - section + margin 0 + padding 0 + width 100% + height 100% overflow hidden - #index-content + font 400 1.3em/1.3em $bodyType + +body + color white + margin 0 + padding 0 + perspective 1px + transform-style preserve-3d + height 100% + width 100% + overflow-y scroll + overflow-x hidden + +header + box-sizing border-box + min-height 100vh + position relative + transform-style inherit + width 100vw + text-align center + color $secondary + text-drop-shadow($black, .5, 1px, 1px, 1px) + h1 + margin 0 + position absolute + top 50% + left 50% + transform translate(-50%, -50%) + .menu + width: 100% + text-align: left +header,header:before + background 50% 50% / cover + +header::before + content "" + position absolute + top 0 + left 0 + right 0 + bottom 0 + display block + background url('/assets/images/global/default-bg.jpg') + background-size cover + transform-origin center center 0 + transform translateZ(-1px) scale(2) + z-index -1 + min-height 100vh + +.container + z-index 2 + position absolute + top 100vh + background $black + line-height 30px + font-weight lighter + padding 40px + color $white + article + min-height 500px span - custom-header(600, 2em, 2, $secondary) - - div + custom-header(600, 2em, 2, $tertiary) + footer + background $black + border-top 1px $highlight solid + height 100px + padding 20px 0 0 0