diff --git a/.gitignore b/.gitignore deleted file mode 100644 index a44fdd5..0000000 --- a/.gitignore +++ /dev/null @@ -1,44 +0,0 @@ -# Created by .ignore support plugin (hsz.mobi) -### JetBrains template -# Covers JetBrains IDEs: IntelliJ, RubyMine, PhpStorm, AppCode, PyCharm, CLion, Android Studio - -*.iml - -## Directory-based project format: -.idea/ - - - -### Node template -# Logs -logs -*.log -npm-debug.log* - -# Runtime data -pids -*.pid -*.seed - -# Directory for instrumented libs generated by jscoverage/JSCover -lib-cov - -# Coverage directory used by tools like istanbul -coverage - -# Grunt intermediate storage (http://gruntjs.com/creating-plugins#storing-task-files) -.grunt - -# node-waf configuration -.lock-wscript - -# Compiled binary addons (http://nodejs.org/api/addons.html) -build/Release - -# Dependency directory -# https://docs.npmjs.com/misc/faq#should-i-check-my-node-modules-folder-into-git -node_modules - -# Custom files -src/processed.css - diff --git a/dist/.index.html.swp b/.index.html.swp similarity index 100% rename from dist/.index.html.swp rename to .index.html.swp diff --git a/.nojekyll b/.nojekyll new file mode 100644 index 0000000..8b13789 --- /dev/null +++ b/.nojekyll @@ -0,0 +1 @@ + diff --git a/dist/CNAME b/CNAME similarity index 100% rename from dist/CNAME rename to CNAME diff --git a/README.md b/README.md deleted file mode 100644 index fd7869d..0000000 --- a/README.md +++ /dev/null @@ -1,29 +0,0 @@ -##Instructions - -* clone the repo -* npm install -* gulp watch -* navigate to http://localhost:4034/dist/ - -###Deploying to github pages - -1. Build your distributuion: `gulp build` -1. Make sure you've committed the built files: `git add dist && git commit -m 'build'` -1. Deploy using `git subtree push`: `git subtree push --prefix dist origin master` - _NOTE: this assumes your remote is called `origin` and is the liminalsoftware.github.io repo at github (git@github.com:LiminalSoftware/liminalsoftware.github.io.git)_ - - You'll see output similar to this: - - ``` - [13:43:09] Using gulpfile ~/Projects/liminal/landing/gulpfile.js - [13:43:09] Starting 'deploy'... - [13:43:09] Finished 'deploy' after 4.01 ms - stdout: git push using: origin master - - stderr: -n 1/ 4 (0) - -n 2/ 4 (1) - -n 3/ 4 (2) - -n 4/ 4 (3) - To git@github.com:LiminalSoftware/liminalsoftware.github.io.git - 3558658..8231ed8 8231ed8b0e6cc72171c0367f41f79780e4906697 -> master - ``` diff --git a/bundle.css b/bundle.css index 3cfcdd7..d5da5be 100644 --- a/bundle.css +++ b/bundle.css @@ -487,13 +487,18 @@ body { justify-content: center; } +.post-header { + padding: 4rem; +} + .logo-image { - width: 5.8125rem; + width: 9rem; } .mid-container { min-height: 325px; - background-color: #eaeaea; + height: 40rem; + background-color: #adaeac; padding: 2rem; font-family: 'Helvetica Neue', Helvetica, san-serif; } @@ -506,15 +511,15 @@ body { -webkit-justify-content: space-around; -ms-flex-pack: distribute; justify-content: space-around; - max-width: 1024px; - margin: 0 auto; + /*max-width: 1024px;*/ + margin: 0 14rem; } .box { width: 310px; height: 310px; - border: 1px solid #979797; - border-radius: 5px; + /*border: 1px solid #979797;*/ + /*border-radius: 5px;*/ display: -webkit-box; display: -webkit-flex; display: -ms-flexbox; @@ -567,6 +572,7 @@ body { -webkit-align-self: center; -ms-flex-item-align: center; align-self: center; + width: 350px; } .box-label img { @@ -580,6 +586,7 @@ body { .links { margin: 0 auto; + padding: 0; list-style: none; display: -webkit-box; display: -webkit-flex; @@ -589,13 +596,37 @@ body { -webkit-justify-content: space-between; -ms-flex-pack: justify; justify-content: space-between; - width: 200px; + width: 275px; +} + +.link-item { + margin: 4rem 2rem; } .links a { text-decoration: none; color: #6a6a6a; font-size: 1.5rem; + border: 1px solid rgba(87, 206, 156, 0.34); + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-pack: center; + -webkit-justify-content: center; + -ms-flex-pack: center; + justify-content: center; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + width: 8rem; + height: 8rem; + border-radius: 100px; +} + +.links a:hover { + border: 1px solid rgba(87, 206, 156, 1); } .active { @@ -609,4 +640,49 @@ body { .links a:link { color: #6a6a6a; +} + +.hidden { + display: none; +} + +@media all and (max-width: 996px) { + .box-container { + background-color: #adaeac; + width: 100%; + margin: 0; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; + -webkit-box-align: center; + -webkit-align-items: center; + -ms-flex-align: center; + align-items: center; + } + + .mid-container { + height: auto; + } + + .box { + min-height: 435px; + } + + .box-icon { + width: 400px; + } +} + +.wrapper { + display: -webkit-box; + display: -webkit-flex; + display: -ms-flexbox; + display: flex; + -webkit-box-orient: vertical; + -webkit-box-direction: normal; + -webkit-flex-direction: column; + -ms-flex-direction: column; + flex-direction: column; } \ No newline at end of file diff --git a/dist/about.html b/dist/about.html deleted file mode 100644 index 2bbad4d..0000000 --- a/dist/about.html +++ /dev/null @@ -1,40 +0,0 @@ - - - - - - - Liminal Software - About - - - - - -
- -
-
-
- About -
-
- - - - \ No newline at end of file diff --git a/dist/bundle.css b/dist/bundle.css deleted file mode 100644 index d5da5be..0000000 --- a/dist/bundle.css +++ /dev/null @@ -1,688 +0,0 @@ -/*! normalize.css v3.0.2 | MIT License | git.io/normalize */ - -/** - * 1. Set default font family to sans-serif. - * 2. Prevent iOS text size adjust after orientation change, without disabling - * user zoom. - */ - -html { - font-family: sans-serif; - /* 1 */ - -ms-text-size-adjust: 100%; - /* 2 */ - -webkit-text-size-adjust: 100%; - /* 2 */ -} - -/** - * Remove default margin. - */ - -body { - margin: 0; -} - -/* HTML5 display definitions - ========================================================================== */ - -/** - * Correct `block` display not defined for any HTML5 element in IE 8/9. - * Correct `block` display not defined for `details` or `summary` in IE 10/11 - * and Firefox. - * Correct `block` display not defined for `main` in IE 11. - */ - -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -main, -menu, -nav, -section, -summary { - display: block; -} - -/** - * 1. Correct `inline-block` display not defined in IE 8/9. - * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. - */ - -audio, -canvas, -progress, -video { - display: inline-block; - /* 1 */ - vertical-align: baseline; - /* 2 */ -} - -/** - * Prevent modern browsers from displaying `audio` without controls. - * Remove excess height in iOS 5 devices. - */ - -audio:not([controls]) { - display: none; - height: 0; -} - -/** - * Address `[hidden]` styling not present in IE 8/9/10. - * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. - */ - -[hidden], -template { - display: none; -} - -/* Links - ========================================================================== */ - -/** - * Remove the gray background color from active links in IE 10. - */ - -a { - background-color: transparent; -} - -/** - * Improve readability when focused and also mouse hovered in all browsers. - */ - -a:active, -a:hover { - outline: 0; -} - -/* Text-level semantics - ========================================================================== */ - -/** - * Address styling not present in IE 8/9/10/11, Safari, and Chrome. - */ - -abbr[title] { - border-bottom: 1px dotted; -} - -/** - * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. - */ - -b, -strong { - font-weight: bold; -} - -/** - * Address styling not present in Safari and Chrome. - */ - -dfn { - font-style: italic; -} - -/** - * Address variable `h1` font-size and margin within `section` and `article` - * contexts in Firefox 4+, Safari, and Chrome. - */ - -h1 { - font-size: 2em; - margin: 0.67em 0; -} - -/** - * Address styling not present in IE 8/9. - */ - -mark { - background: #ff0; - color: #000; -} - -/** - * Address inconsistent and variable font size in all browsers. - */ - -small { - font-size: 80%; -} - -/** - * Prevent `sub` and `sup` affecting `line-height` in all browsers. - */ - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sup { - top: -0.5em; -} - -sub { - bottom: -0.25em; -} - -/* Embedded content - ========================================================================== */ - -/** - * Remove border when inside `a` element in IE 8/9/10. - */ - -img { - border: 0; -} - -/** - * Correct overflow not hidden in IE 9/10/11. - */ - -svg:not(:root) { - overflow: hidden; -} - -/* Grouping content - ========================================================================== */ - -/** - * Address margin not present in IE 8/9 and Safari. - */ - -figure { - margin: 1em 40px; -} - -/** - * Address differences between Firefox and other browsers. - */ - -hr { - -moz-box-sizing: content-box; - box-sizing: content-box; - height: 0; -} - -/** - * Contain overflow in all browsers. - */ - -pre { - overflow: auto; -} - -/** - * Address odd `em`-unit font size rendering in all browsers. - */ - -code, -kbd, -pre, -samp { - font-family: monospace, monospace; - font-size: 1em; -} - -/* Forms - ========================================================================== */ - -/** - * Known limitation: by default, Chrome and Safari on OS X allow very limited - * styling of `select`, unless a `border` property is set. - */ - -/** - * 1. Correct color not being inherited. - * Known issue: affects color of disabled elements. - * 2. Correct font properties not being inherited. - * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. - */ - -button, -input, -optgroup, -select, -textarea { - color: inherit; - /* 1 */ - font: inherit; - /* 2 */ - margin: 0; - /* 3 */ -} - -/** - * Address `overflow` set to `hidden` in IE 8/9/10/11. - */ - -button { - overflow: visible; -} - -/** - * Address inconsistent `text-transform` inheritance for `button` and `select`. - * All other form control elements do not inherit `text-transform` values. - * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. - * Correct `select` style inheritance in Firefox. - */ - -button, -select { - text-transform: none; -} - -/** - * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` - * and `video` controls. - * 2. Correct inability to style clickable `input` types in iOS. - * 3. Improve usability and consistency of cursor style between image-type - * `input` and others. - */ - -button, -html input[type="button"], -input[type="reset"], -input[type="submit"] { - -webkit-appearance: button; - /* 2 */ - cursor: pointer; - /* 3 */ -} - -/** - * Re-set default cursor for disabled elements. - */ - -button[disabled], -html input[disabled] { - cursor: default; -} - -/** - * Remove inner padding and border in Firefox 4+. - */ - -button::-moz-focus-inner, -input::-moz-focus-inner { - border: 0; - padding: 0; -} - -/** - * Address Firefox 4+ setting `line-height` on `input` using `!important` in - * the UA stylesheet. - */ - -input { - line-height: normal; -} - -/** - * It's recommended that you don't attempt to style these elements. - * Firefox's implementation doesn't respect box-sizing, padding, or width. - * - * 1. Address box sizing set to `content-box` in IE 8/9/10. - * 2. Remove excess padding in IE 8/9/10. - */ - -input[type="checkbox"], -input[type="radio"] { - box-sizing: border-box; - /* 1 */ - padding: 0; - /* 2 */ -} - -/** - * Fix the cursor style for Chrome's increment/decrement buttons. For certain - * `font-size` values of the `input`, it causes the cursor style of the - * decrement button to change from `default` to `text`. - */ - -input[type="number"]::-webkit-inner-spin-button, -input[type="number"]::-webkit-outer-spin-button { - height: auto; -} - -/** - * 1. Address `appearance` set to `searchfield` in Safari and Chrome. - * 2. Address `box-sizing` set to `border-box` in Safari and Chrome - * (include `-moz` to future-proof). - */ - -input[type="search"] { - -webkit-appearance: textfield; - /* 1 */ - -moz-box-sizing: content-box; - -webkit-box-sizing: content-box; - /* 2 */ - box-sizing: content-box; -} - -/** - * Remove inner padding and search cancel button in Safari and Chrome on OS X. - * Safari (but not Chrome) clips the cancel button when the search input has - * padding (and `textfield` appearance). - */ - -input[type="search"]::-webkit-search-cancel-button, -input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} - -/** - * Define consistent border, margin, and padding. - */ - -fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; -} - -/** - * 1. Correct `color` not being inherited in IE 8/9/10/11. - * 2. Remove padding so people aren't caught out if they zero out fieldsets. - */ - -legend { - border: 0; - /* 1 */ - padding: 0; - /* 2 */ -} - -/** - * Remove default vertical scrollbar in IE 8/9/10/11. - */ - -textarea { - overflow: auto; -} - -/** - * Don't inherit the `font-weight` (applied by a rule above). - * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. - */ - -optgroup { - font-weight: bold; -} - -/* Tables - ========================================================================== */ - -/** - * Remove most spacing between table cells. - */ - -table { - border-collapse: collapse; - border-spacing: 0; -} - -td, -th { - padding: 0; -} -* { - box-sizing: border-box; -} - -html { - font-size: 62.5%; - /* 1 */ -} - -body { - -webkit-text-size-adjust: 100%; - -webkit-font-feature-settings: "kern" 1; - -o-font-feature-settings: "kern" 1; - font-feature-settings: "kern" 1; - -webkit-font-kerning: normal; - font-kerning: normal; - font-size: 62.5%; - margin: 0; - -webkit-font-smoothing: antialiased; -} - -.logo { - /* 3 */ - /* 3 */ - /* 4 */ - /* 6 */ - /* 6 */ - /* 7 */ - height: 120px; - /* 9 */ - height: 12rem; - /* 9 */ - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} - -.post-header { - padding: 4rem; -} - -.logo-image { - width: 9rem; -} - -.mid-container { - min-height: 325px; - height: 40rem; - background-color: #adaeac; - padding: 2rem; - font-family: 'Helvetica Neue', Helvetica, san-serif; -} - -.box-container { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-justify-content: space-around; - -ms-flex-pack: distribute; - justify-content: space-around; - /*max-width: 1024px;*/ - margin: 0 14rem; -} - -.box { - width: 310px; - height: 310px; - /*border: 1px solid #979797;*/ - /*border-radius: 5px;*/ - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; -} - -.box-bottom { - -webkit-align-self: center; - -ms-flex-item-align: center; - align-self: center; - margin-bottom: 30px; -} - -.box-label { - width: 150px; - height: 38px; - border: 1px solid #4C4C4C; - border-radius: 4px; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; -} - -.box-text { - font-size: 1.5rem; - color: #6a6a6a; - margin: 2rem; - width: 100%; -} - -.box-icon { - -webkit-align-self: center; - -ms-flex-item-align: center; - align-self: center; - width: 350px; -} - -.box-label img { - vertical-align: middle; -} - -.links-container { - margin-top: 1rem; - width: 100%; -} - -.links { - margin: 0 auto; - padding: 0; - list-style: none; - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: justify; - -webkit-justify-content: space-between; - -ms-flex-pack: justify; - justify-content: space-between; - width: 275px; -} - -.link-item { - margin: 4rem 2rem; -} - -.links a { - text-decoration: none; - color: #6a6a6a; - font-size: 1.5rem; - border: 1px solid rgba(87, 206, 156, 0.34); - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-pack: center; - -webkit-justify-content: center; - -ms-flex-pack: center; - justify-content: center; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - width: 8rem; - height: 8rem; - border-radius: 100px; -} - -.links a:hover { - border: 1px solid rgba(87, 206, 156, 1); -} - -.active { - color: #8AB6B6 !important; - font-size: 1.5rem; -} - -.links a:visited { - color: #979797; -} - -.links a:link { - color: #6a6a6a; -} - -.hidden { - display: none; -} - -@media all and (max-width: 996px) { - .box-container { - background-color: #adaeac; - width: 100%; - margin: 0; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; - -webkit-box-align: center; - -webkit-align-items: center; - -ms-flex-align: center; - align-items: center; - } - - .mid-container { - height: auto; - } - - .box { - min-height: 435px; - } - - .box-icon { - width: 400px; - } -} - -.wrapper { - display: -webkit-box; - display: -webkit-flex; - display: -ms-flexbox; - display: flex; - -webkit-box-orient: vertical; - -webkit-box-direction: normal; - -webkit-flex-direction: column; - -ms-flex-direction: column; - flex-direction: column; -} \ No newline at end of file diff --git a/dist/contact.html b/dist/contact.html deleted file mode 100644 index d6fc3ee..0000000 --- a/dist/contact.html +++ /dev/null @@ -1,40 +0,0 @@ - - - - - - - Liminal Software - Contact - - - - - -
- -
-
-
- Contact -
-
- - - - \ No newline at end of file diff --git a/dist/images/browser.svg b/dist/images/browser.svg deleted file mode 100644 index a43e319..0000000 --- a/dist/images/browser.svg +++ /dev/null @@ -1,77 +0,0 @@ - - - - browser - Created with Sketch. - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/dist/images/design-tools.svg b/dist/images/design-tools.svg deleted file mode 100644 index 75cec0e..0000000 --- a/dist/images/design-tools.svg +++ /dev/null @@ -1,29 +0,0 @@ - - - - design-tools - Created with Sketch. - - - - - - - - - - - - - - - - - - - - - - - - \ No newline at end of file diff --git a/dist/images/design.svg b/dist/images/design.svg deleted file mode 100644 index bba9078..0000000 --- a/dist/images/design.svg +++ /dev/null @@ -1,16 +0,0 @@ - - - - Design - Created with Sketch. - - - - - - - - - - - \ No newline at end of file diff --git a/dist/images/logo.svg b/dist/images/logo.svg deleted file mode 100644 index c4ec3b5..0000000 --- a/dist/images/logo.svg +++ /dev/null @@ -1,18 +0,0 @@ - - - - LIMINAL LOGO - Created with Sketch. - - - - - - - \ No newline at end of file diff --git a/dist/images/mobile-dev.svg b/dist/images/mobile-dev.svg deleted file mode 100644 index cfc3047..0000000 --- a/dist/images/mobile-dev.svg +++ /dev/null @@ -1,16 +0,0 @@ - - - - Mobile Dev - Created with Sketch. - - - - - - - - - - - \ No newline at end of file diff --git a/dist/images/web-dev.svg b/dist/images/web-dev.svg deleted file mode 100644 index 3fad576..0000000 --- a/dist/images/web-dev.svg +++ /dev/null @@ -1,16 +0,0 @@ - - - - Web Dev - Created with Sketch. - - - - - - - - - - - \ No newline at end of file diff --git a/dist/index.html b/dist/index.html deleted file mode 100644 index 93c740f..0000000 --- a/dist/index.html +++ /dev/null @@ -1,356 +0,0 @@ - - - - - - - - Liminal Software - - - - - -
-
- -
-
-
-
-
-
- - - - - design2 - - - - - - - - - - - - - - - - - - - - - -
-
-
-
- - - - - development - - - - - - - - - - - - - - - - -
-
-
-
- - - - - infrasctructure - - - - - - - - - - - - - - - - - - - - - - - - - -
-
-
-
-
- -
- - diff --git a/gulpfile.js b/gulpfile.js deleted file mode 100644 index 0ddbc07..0000000 --- a/gulpfile.js +++ /dev/null @@ -1,80 +0,0 @@ -var gulp = require('gulp'); -var livereload = require('gulp-livereload'); -var del = require('del'); -var rename = require('gulp-rename'); - -var postcss = require('gulp-postcss'); - -var concatCss = require('gulp-concat-css'); -var concat = require('gulp-concat'); -var autoprefixer = require('autoprefixer'); -var cssnext = require('cssnext'); -var precss = require('precss'); -var lost = require('lost'); -var checkCSS = require('gulp-check-unused-css'); - -var minmax = require('postcss-media-minmax'); - -gulp.task('express', function () { - var express = require('express'); - var app = express(); - app.use(express.static(__dirname)); - app.listen(4034, '0.0.0.0'); -}); - - -gulp.task('css', function () { - var processors = [ - autoprefixer, - cssnext, - precss, - lost, - minmax() - ]; - return gulp.src('./src/style.css') - .pipe(postcss(processors)) - .pipe(rename('processed.css')) - .pipe(gulp.dest('./src')); -}); - -gulp.task('unusedCss', function () { - return gulp - .src(['./dist/bundle.css', './dist/index.html']) - .pipe(checkCSS()); -}); - -gulp.task('clean', function () { - console.log('running clean'); - return del(['./dist/bundle.css']); -}); - - -gulp.task('concat', ['css'], function () { - return gulp.src(['./src/normalize.css', './src/processed.css']) - .pipe(concatCss("bundle.css")) - .pipe(gulp.dest('./dist')) - .pipe(livereload()) -}); - -gulp.task('build', ['concat']); - -//Watch task -gulp.task('watch', ['express'], function () { - livereload.listen(); - gulp.watch(['./src/*.{html,css}', './dist/index.html'], ['concat']); -}); - -//Deploy task -gulp.task('deploy', function() { - var exec = require('child_process').exec, - child; - - child = exec('git subtree push --prefix dist origin master', - function (error, stdout, stderr) { - console.log('stdout: ' + stdout); - console.log('stderr: ' + stderr); - if (error !== null) { - console.log('exec error: ' + error); - } - }); -}); diff --git a/dist/images/design2.svg b/images/design2.svg similarity index 100% rename from dist/images/design2.svg rename to images/design2.svg diff --git a/dist/images/development.svg b/images/development.svg similarity index 100% rename from dist/images/development.svg rename to images/development.svg diff --git a/dist/images/infrastructure.svg b/images/infrastructure.svg similarity index 100% rename from dist/images/infrastructure.svg rename to images/infrastructure.svg diff --git a/index.html b/index.html index ba8d300..93c740f 100644 --- a/index.html +++ b/index.html @@ -1,5 +1,6 @@ + @@ -10,77 +11,346 @@ -
- -
-
-
-
-
-

- Lorem ipsum dolor sit amet, consectetur - adipiscing elit, -

-
- -
-
-
- web-dev +
+
+ +
+
+
+
+
+
+ + + + + design2 + + + + + + + + + + + + + + + + + + + + +
-
-
-

- Lorem ipsum dolor sit amet, consectetur - adipiscing elit, -

-
- -
-
-
- web-dev +
+
+ + + + + development + + + + + + + + + + + + + + + +
-
-
-

- Lorem ipsum dolor sit amet, consectetur - adipiscing elit, -

-
- -
-
-
- web-dev +
+
+ + + + + infrasctructure + + + + + + + + + + + + + + + + + + + + + + + + +
+
- - - diff --git a/package.json b/package.json deleted file mode 100644 index d3dfcf6..0000000 --- a/package.json +++ /dev/null @@ -1,29 +0,0 @@ -{ - "name": "liminal-site", - "version": "1.0.0", - "description": "", - "main": "index.js", - "scripts": { - "test": "echo \"Error: no test specified\" && exit 1" - }, - "devDependencies": { - "autoprefixer": "^6.0.3", - "cssnext": "^1.8.4", - "del": "^2.0.2", - "express": "^4.13.3", - "gulp": "^3.9.0", - "gulp-check-unused-css": "^2.1.3", - "gulp-concat": "^2.6.0", - "gulp-concat-css": "^2.2.0", - "gulp-livereload": "^3.8.1", - "gulp-postcss": "^6.0.1", - "gulp-rename": "^1.2.2", - "gulp-watch": "^4.3.5", - "lost": "^6.6.2", - "postcss-media-minmax": "^2.1.0", - "precss": "^1.3.0", - "stylelint": "^2.0.0" - }, - "author": "", - "license": "ISC" -} diff --git a/src/normalize.css b/src/normalize.css deleted file mode 100644 index 0072060..0000000 --- a/src/normalize.css +++ /dev/null @@ -1,428 +0,0 @@ -/*! normalize.css v3.0.2 | MIT License | git.io/normalize */ - -/** - * 1. Set default font family to sans-serif. - * 2. Prevent iOS text size adjust after orientation change, without disabling - * user zoom. - */ - -html { - font-family: sans-serif; /* 1 */ - -ms-text-size-adjust: 100%; /* 2 */ - -webkit-text-size-adjust: 100%; /* 2 */ -} - -/** - * Remove default margin. - */ - -body { - margin: 0; -} - -/* HTML5 display definitions - ========================================================================== */ - -/** - * Correct `block` display not defined for any HTML5 element in IE 8/9. - * Correct `block` display not defined for `details` or `summary` in IE 10/11 - * and Firefox. - * Correct `block` display not defined for `main` in IE 11. - */ - -article, -aside, -details, -figcaption, -figure, -footer, -header, -hgroup, -main, -menu, -nav, -section, -summary { - display: block; -} - -/** - * 1. Correct `inline-block` display not defined in IE 8/9. - * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. - */ - -audio, -canvas, -progress, -video { - display: inline-block; /* 1 */ - vertical-align: baseline; /* 2 */ -} - -/** - * Prevent modern browsers from displaying `audio` without controls. - * Remove excess height in iOS 5 devices. - */ - -audio:not([controls]) { - display: none; - height: 0; -} - -/** - * Address `[hidden]` styling not present in IE 8/9/10. - * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. - */ - -[hidden], -template { - display: none; -} - -/* Links - ========================================================================== */ - -/** - * Remove the gray background color from active links in IE 10. - */ - -a { - background-color: transparent; -} - -/** - * Improve readability when focused and also mouse hovered in all browsers. - */ - -a:active, -a:hover { - outline: 0; -} - -/* Text-level semantics - ========================================================================== */ - -/** - * Address styling not present in IE 8/9/10/11, Safari, and Chrome. - */ - -abbr[title] { - border-bottom: 1px dotted; -} - -/** - * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. - */ - -b, -strong { - font-weight: bold; -} - -/** - * Address styling not present in Safari and Chrome. - */ - -dfn { - font-style: italic; -} - -/** - * Address variable `h1` font-size and margin within `section` and `article` - * contexts in Firefox 4+, Safari, and Chrome. - */ - -h1 { - font-size: 2em; - margin: 0.67em 0; -} - -/** - * Address styling not present in IE 8/9. - */ - -mark { - background: #ff0; - color: #000; -} - -/** - * Address inconsistent and variable font size in all browsers. - */ - -small { - font-size: 80%; -} - -/** - * Prevent `sub` and `sup` affecting `line-height` in all browsers. - */ - -sub, -sup { - font-size: 75%; - line-height: 0; - position: relative; - vertical-align: baseline; -} - -sup { - top: -0.5em; -} - -sub { - bottom: -0.25em; -} - -/* Embedded content - ========================================================================== */ - -/** - * Remove border when inside `a` element in IE 8/9/10. - */ - -img { - border: 0; -} - -/** - * Correct overflow not hidden in IE 9/10/11. - */ - -svg:not(:root) { - overflow: hidden; -} - -/* Grouping content - ========================================================================== */ - -/** - * Address margin not present in IE 8/9 and Safari. - */ - -figure { - margin: 1em 40px; -} - -/** - * Address differences between Firefox and other browsers. - */ - -hr { - -moz-box-sizing: content-box; - box-sizing: content-box; - height: 0; -} - -/** - * Contain overflow in all browsers. - */ - -pre { - overflow: auto; -} - -/** - * Address odd `em`-unit font size rendering in all browsers. - */ - -code, -kbd, -pre, -samp { - font-family: monospace, monospace; - font-size: 1em; -} - -/* Forms - ========================================================================== */ - -/** - * Known limitation: by default, Chrome and Safari on OS X allow very limited - * styling of `select`, unless a `border` property is set. - */ - -/** - * 1. Correct color not being inherited. - * Known issue: affects color of disabled elements. - * 2. Correct font properties not being inherited. - * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. - */ - -button, -input, -optgroup, -select, -textarea { - color: inherit; /* 1 */ - font: inherit; /* 2 */ - margin: 0; /* 3 */ -} - -/** - * Address `overflow` set to `hidden` in IE 8/9/10/11. - */ - -button { - overflow: visible; -} - -/** - * Address inconsistent `text-transform` inheritance for `button` and `select`. - * All other form control elements do not inherit `text-transform` values. - * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. - * Correct `select` style inheritance in Firefox. - */ - -button, -select { - text-transform: none; -} - -/** - * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` - * and `video` controls. - * 2. Correct inability to style clickable `input` types in iOS. - * 3. Improve usability and consistency of cursor style between image-type - * `input` and others. - */ - -button, -html input[type="button"], /* 1 */ -input[type="reset"], -input[type="submit"] { - -webkit-appearance: button; /* 2 */ - cursor: pointer; /* 3 */ -} - -/** - * Re-set default cursor for disabled elements. - */ - -button[disabled], -html input[disabled] { - cursor: default; -} - -/** - * Remove inner padding and border in Firefox 4+. - */ - -button::-moz-focus-inner, -input::-moz-focus-inner { - border: 0; - padding: 0; -} - -/** - * Address Firefox 4+ setting `line-height` on `input` using `!important` in - * the UA stylesheet. - */ - -input { - line-height: normal; -} - -/** - * It's recommended that you don't attempt to style these elements. - * Firefox's implementation doesn't respect box-sizing, padding, or width. - * - * 1. Address box sizing set to `content-box` in IE 8/9/10. - * 2. Remove excess padding in IE 8/9/10. - */ - -input[type="checkbox"], -input[type="radio"] { - box-sizing: border-box; /* 1 */ - padding: 0; /* 2 */ -} - -/** - * Fix the cursor style for Chrome's increment/decrement buttons. For certain - * `font-size` values of the `input`, it causes the cursor style of the - * decrement button to change from `default` to `text`. - */ - -input[type="number"]::-webkit-inner-spin-button, -input[type="number"]::-webkit-outer-spin-button { - height: auto; -} - -/** - * 1. Address `appearance` set to `searchfield` in Safari and Chrome. - * 2. Address `box-sizing` set to `border-box` in Safari and Chrome - * (include `-moz` to future-proof). - */ - -input[type="search"] { - -webkit-appearance: textfield; /* 1 */ - -moz-box-sizing: content-box; - -webkit-box-sizing: content-box; /* 2 */ - box-sizing: content-box; -} - -/** - * Remove inner padding and search cancel button in Safari and Chrome on OS X. - * Safari (but not Chrome) clips the cancel button when the search input has - * padding (and `textfield` appearance). - */ - -input[type="search"]::-webkit-search-cancel-button, -input[type="search"]::-webkit-search-decoration { - -webkit-appearance: none; -} - -/** - * Define consistent border, margin, and padding. - */ - -fieldset { - border: 1px solid #c0c0c0; - margin: 0 2px; - padding: 0.35em 0.625em 0.75em; -} - -/** - * 1. Correct `color` not being inherited in IE 8/9/10/11. - * 2. Remove padding so people aren't caught out if they zero out fieldsets. - */ - -legend { - border: 0; /* 1 */ - padding: 0; /* 2 */ -} - -/** - * Remove default vertical scrollbar in IE 8/9/10/11. - */ - -textarea { - overflow: auto; -} - -/** - * Don't inherit the `font-weight` (applied by a rule above). - * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. - */ - -optgroup { - font-weight: bold; -} - -/* Tables - ========================================================================== */ - -/** - * Remove most spacing between table cells. - */ - -table { - border-collapse: collapse; - border-spacing: 0; -} - -td, -th { - padding: 0; -} - diff --git a/src/style.css b/src/style.css deleted file mode 100644 index 1cc3fc9..0000000 --- a/src/style.css +++ /dev/null @@ -1,191 +0,0 @@ -:root { - --gray: #6a6a6a; - --mid-gray: #adaeac; - --lighter-gray: #979797; - --active: #8AB6B6; - --teal: rgba(87, 206, 156, 1); - --teal-faint: rgba(87, 206, 156, 0.34); -} - -* { - box-sizing: border-box; -} - -html { - font-size: 62.5%; - /* 1 */ -} - -body { - -webkit-text-size-adjust: 100%; - -webkit-font-feature-settings: "kern" 1; - -moz-font-feature-settings: "kern" 1; - -o-font-feature-settings: "kern" 1; - font-feature-settings: "kern" 1; - font-kerning: normal; - font-size: 62.5%; - margin: 0; - -webkit-font-smoothing: antialiased; -} - -.logo { - /* 3 */ - /* 3 */ - /* 4 */ - /* 6 */ - /* 6 */ - /* 7 */ - height: 120px; - /* 9 */ - height: 12rem; - /* 9 */ - display: flex; - align-items: center; - justify-content: center; -} - -.post-header { - padding: 4rem; -} - -.logo-image { - width: 9rem; -} - -.mid-container { - min-height: 325px; - height: 40rem; - background-color: var(--mid-gray); - padding: 2rem; - font-family: 'Helvetica Neue', Helvetica, san-serif; -} - -.box-container { - display: flex; - justify-content: space-around; - /*max-width: 1024px;*/ - margin: 0 14rem; - -} - -.box { - width: 310px; - height: 310px; - /*border: 1px solid #979797;*/ - /*border-radius: 5px;*/ - display: flex; - flex-direction: column; - justify-content: space-between; -} - -.box-bottom { - align-self: center; - margin-bottom: 30px; -} - -.box-label { - width: 150px; - height: 38px; - border: 1px solid #4C4C4C; - border-radius: 4px; - - display: flex; - align-items: center; - justify-content: center; -} - -.box-text { - font-size: 1.5rem; - color: var(--gray); - margin: 2rem; - width: 100%; -} - -.box-icon { - align-self: center; - width: 350px; - -} - -.box-label img { - vertical-align: middle; -} - -.links-container { - margin-top: 1rem; - width: 100%; -} - -.links { - margin: 0 auto; - padding: 0; - list-style: none; - display: flex; - justify-content: space-between; - width: 275px; -} - -.link-item { - margin: 4rem 2rem; -} - -.links a { - text-decoration: none; - color: var(--gray); - font-size: 1.5rem; - border: 1px solid var(--teal-faint); - display: flex; - justify-content: center; - align-items: center; - width: 8rem; - height: 8rem; - border-radius: 100px; -} - -.links a:hover { - border: 1px solid var(--teal); -} - -.active { - color: var(--active) !important; - font-size: 1.5rem; -} - -.links a:visited { - color: var(--lighter-gray); -} - -.links a:link { - color: var(--gray); -} - -.hidden { - display: none; -} - -@media all and (max-width: 996px) { - .box-container { - background-color: #adaeac; - width: 100%; - margin: 0; - flex-direction: column; - align-items: center; - } - - .mid-container { - height: auto; - } - - .box { - min-height: 435px; - } - - .box-icon { - width: 400px; - } -} - -.wrapper { - display: flex; - flex-direction: column; -} \ No newline at end of file