diff options
| -rw-r--r-- | Gemfile | 6 | ||||
| -rw-r--r-- | README.md (renamed from README.org) | 0 | ||||
| -rw-r--r-- | _assets/screen.scss | 467 | ||||
| -rw-r--r-- | s3_website.yml | 63 | ||||
| -rw-r--r-- | static/css/style.css | 159 |
5 files changed, 1 insertions, 694 deletions
@@ -1,8 +1,4 @@ source 'https://rubygems.org' gem 'jekyll' -gem 'jekyll-asset-pipeline' gem 'RedCloth' -gem 'redcarpet' -gem 'sass' -gem 's3_website' -gem 'compass' +gem 'redcarpet'
\ No newline at end of file diff --git a/_assets/screen.scss b/_assets/screen.scss deleted file mode 100644 index b1feaf4..0000000 --- a/_assets/screen.scss +++ /dev/null @@ -1,467 +0,0 @@ -@import url(http://fonts.googleapis.com/css?family=Noto+Sans:400,700,400italic); - -$mq-mobile-portrait : 20em !default; -$mq-mobile-landscape : 30em !default; -$mq-tablet-portrait : 40em !default; -$mq-tablet-landscape : 64em !default; -$mq-desktop : 86.375em !default; - -// Both portrait and landscape -@mixin mobile-only { - @media (max-width : $mq-mobile-landscape) { - @content; - } -} - -// Everything up to and including the portrait width of the phone -// Since it's the smallest query it doesn't need a min -@mixin mobile-portrait-only { - @media (max-width : $mq-mobile-portrait) { - @content; - } -} - -// Everything up to and including the mobile portrait -@mixin mobile-portrait-and-below { - @media (max-width : $mq-mobile-portrait) { - @content; - } -} - -// Everything above and including the mobile portrait -@mixin mobile-portrait-and-up { - @media (min-width : $mq-mobile-portrait) { - @content; - } -} - -// Everthing larger than a portrait mobile up until mobile landscape -@mixin mobile-landscape-only { - @media only screen and (min-width : $mq-mobile-portrait + .001) and (max-width : $mq-mobile-landscape) { - @content; - } -} - -// Everything up to and including the mobile landscape width -@mixin mobile-landscape-and-below { - @media only screen and (max-width : $mq-mobile-landscape) { - @content; - } -} - -// Everything above and including the mobile landscape width -@mixin mobile-landscape-and-up { - @media only screen and (min-width : $mq-mobile-portrait + .001) { - @content; - } -} - -// Both the portrait and landscape width of the tablet -// Larger than a landscape mobile but less than or equal to a landscape tablet -@mixin tablet-only { - @media only screen and (min-width : $mq-mobile-landscape + .001) and (max-width : $mq-tablet-landscape) { - @content; - } -} - -// Everything larger than mobile landscape up until the portrait width of the tablet -@mixin tablet-portrait-only { - @media only screen and (min-width : $mq-mobile-landscape + .001) and (max-width : $mq-tablet-portrait) { - @content; - } -} - -// Everything below and including the portrait width of the tablet -@mixin tablet-portrait-and-below { - @media only screen and (max-width : $mq-tablet-portrait) { - @content; - } -} - -// Everything above and including the portrait width of the tablet -@mixin tablet-portrait-and-up { - // @media only screen and (min-width : $mq-mobile-landscape + 1) { - @media only screen and (min-width : $mq-tablet-portrait + .001) { - @content; - } -} - -// Larger than portrait but less than or equal to the landscape width -@mixin tablet-landscape-only { - @media only screen and (min-width : $mq-tablet-portrait + .001) and (max-width : $mq-tablet-landscape) { - @content; - } -} - -// Up to and including the tablet landscape -@mixin tablet-landscape-and-below { - @media only screen and (max-width : $mq-tablet-landscape) { - @content; - } -} - -// Everything larger than portrait tablet -@mixin tablet-landscape-and-up { - @media only screen and (min-width : $mq-tablet-portrait + .001) { - @content; - } -} - -// Everything larger than a landscape tablet -@mixin desktop-and-up { - @media only screen and (min-width : $mq-tablet-landscape + .001) { - @content; - } -} - -// Everything below and including the desktop -@mixin desktop-and-below { - @media only screen and (max-width : $mq-desktop) { - @content; - } -} - -// Everything larger than a landscape tablet but less than or equal to the desktop -@mixin desktop-only { - @media only screen and (min-width : $mq-tablet-landscape + .001) and (max-width : $mq-desktop) { - @content; - } -} - -@mixin retina { - @media only screen and (-webkit-min-device-pixel-ratio: 1.3), only screen and (-o-min-device-pixel-ratio: 13/10), only screen and (min-resolution: 120dpi) { - @content; - } -} - -@mixin image-2x($image, $width: auto, $height: $width) { - @media only screen and (-webkit-min-device-pixel-ratio: 1.3), - only screen and (-o-min-device-pixel-ratio: 13/10), - only screen and (min-resolution: 120dpi) { - background-image: url($image); - @if $width != auto { - background-size: $width $height; - } - } -} - -html { - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; -} - -body { - font-family: 'Noto Sans', sans-serif; - background-color: #fff; - font-weight:400; - text-align:left; - - margin: auto; - font-size: 15px; - - @include tablet-portrait-and-below { - font-size: 0.8em; - } -} - -em { - font-style: italic; -} - -a { - color:#4c6296; - text-decoration:none; - outline:0 -} - -a:hover{ - color:#173061; - text-decoration:none -} - -a:visited{ - color:#6a4c96 -} - -a:visited:hover{ - color:#463263 -} - -a img{ - border:0 -} - -#cover_wrap { - width: 623px; - - @include tablet-portrait-and-below { - width: 90%; - } - margin: auto; - line-height: 1; - border-bottom: 1px solid #e8ebf2; - - #masthead { - - header { - display: block; - } - - margin: 0 auto; - color: #57626b; - - .intro { - line-height: 0.8; - float: left; - h1 { - line-height: 1; - } - } - - #home { - font-size: 1.2em; - font-weight: 700; - color: #57626b; - } - - h1 { - font-weight: 700; - font-size: 1.1em; - } - - h2 { - font-weight: 500; - color: #999; - font-size: 1em; - } - a { - text-decoration: none; - font-size: 0.8em; - font-weight: 500; - color: #669ecc; - } - } -} - -.clearfix:after { - clear: both; - content: "."; - display: block; - height: 0; - visibility: hidden; - font-size: 0; -} - - -#footer { - width: 623px; - margin: auto; - @include tablet-portrait-and-below { - width: 90%; - } - - border-top: 1px solid #e8ebf2; - box-shadow: inset 0 1px 0 #fff; - background: #fdfdfd; - - display: block; - - .center_mod { - margin: 0 auto; - } -} - -.nav { - float: right; - padding: 0; - li { - line-height:1.3; - display: inline-block; - a { - margin-right: 16px; - font-weight: 700; - color: #9198ad; - font-size: 12px; - } - } -} - -img { - width: 100%; - max-width: 1000px; - text-align: center; - vertical-align: baseline; - height: auto!important; -} - -figure { - margin: 4em 0; - display: block; - text-align: center; -} - -#site{ - section { - width: 623px; - margin: auto; - @include tablet-portrait-and-below { - width: 90%; - } - } - - margin: auto; - text-align: left; - line-height: 1.65; - font-weight: 400; - font-size: 110%; - - .post-listing { - width: 623px; - @include tablet-portrait-and-below { - width: 90%; - } - margin: auto; - padding-left: 0px; - display: block; - list-style-image: none; - list-style-position: outside; - margin-bottom: 1em; - } - .post-listing li { - list-style-type: none; - margin: 2.5em 0; - } - .post-listing li:first-child { - margin-top: 0; - } - .post-listing li h2 { - color: #2C251D; - } - .post-listing .oneliner { - color: #4A4235; - } - - .post-listing .entry-title { - margin: 15px auto; - } - - .post-listing .entry-title h2 { - font-size: 1.7em; - font-weight: 500; - margin-bottom: 5px; - color: #2c251d; - line-height: 1.1; - } - - #resume { - #interests { - p { - font-weight: 700; - margin-top: 4em; - } - } - h2 { - margin-top: 3em; - text-align: center; - } - h3 { - font-weight: 700; - font-size: 1.1em; - } - .exp { - padding-bottom: 1.2em; - border-bottom: 1px solid #dedede; - } - .exp:last-child { - border-bottom: 1px solid white; - } - } - - #entry { - padding: 0; - margin: 0 auto; - font-weight: 300; - color: #222; - - .entry-title { - width: 623px; - @include tablet-portrait-and-below { - width: 90%; - } - margin: 15px auto; - font-size: 100%; - h1 { - color: #2c251d; - font-size: 2.2em; - font-weight: 700; - line-height: 1.1; - } - } - - section { - font-size: 100%; - } - - a { - font-weight: 600; - text-decoration: underline; - color: #4c6296; - } - - a:visited { - color: #6a4c96; - } - - blockquote { - border-left: 4px solid #eee; - margin-left: 0; - margin-right: 18px; - margin-bottom: 18px; - padding-left: 10px; - color: #666; - } - - pre{ - font-size: 13px; - font-family: Consolas,"Andale Mono",Monaco,Courier,"Courier New",Verdana,sans-serif; - -webkit-font-smoothing:subpixel-antialiased; - font-smoothing:subpixel-antialiased; - background-color: #fff; - border: 1px solid #d1d8e3; - padding: .35em; - overflow: auto; - overflow-y: hidden; - } - - pre::-webkit-scrollbar { - height: 12px; - background-color: #fafafa; - border-top: 1px solid #d1d8e3; - } - - .highlight code { - font-size: 95%; - } - - p code, li code { - background-color: #eee; - font-weight: 400; - font-size: 90%; - font-family: Consolas,"Andale Mono",Monaco,Courier,"Courier New",Verdana,sans-serif;; - } - - .highlight { - margin: 1.5em 0; - } - - p { - margin: 0 0 1.5em; - } - - h2 { - font-weight: 700; - font-size: 1.6em; - color: #5F516; - } - } -} diff --git a/s3_website.yml b/s3_website.yml deleted file mode 100644 index ab97b1c..0000000 --- a/s3_website.yml +++ /dev/null @@ -1,63 +0,0 @@ -s3_id: <%= ENV['S3_LJ_ID'] %> -s3_secret: <%= ENV['S3_LJ_SECRET'] %> -s3_bucket: <%= ENV['S3_LJ_BUCKET'] %> - -# Below are examples of all the available configurations. -# See README for more detailed info on each of them. - -# max_age: -# "assets/*": 6000 -# "*": 300 - -# gzip: -# - .html -# - .css -# - .md - -# See http://docs.aws.amazon.com/general/latest/gr/rande.html#s3_region for valid endpoints -# s3_endpoint: ap-northeast-1 - -# ignore_on_server: that_folder_of_stuff_i_dont_keep_locally - -# exclude_from_upload: -# - those_folders_of_stuff -# - i_wouldnt_want_to_upload - -# s3_reduced_redundancy: true - -# cloudfront_distribution_id: your-dist-id - -# cloudfront_distribution_config: -# default_cache_behavior: -# min_TTL: <%= 60 * 60 * 24 %> -# aliases: -# quantity: 1 -# items: -# CNAME: your.website.com - -# cloudfront_invalidate_root: true - -# concurrency_level: 5 - -redirects: - index.php: / - blog/index.php: / - modules-i-like-develdeclare/: modules-i-like-devel-declare/ - github-explorer.html: github-explorer/ - catalystxdispatcherasgraph/: catalystx-dispatcher-asgraph/ - talks/index.html: projects/ - about.html: about/ - projects.html: projects/ - resume.html: resume/ - codex.html: / - - -# routing_rules: -# - condition: -# key_prefix_equals: blog/some_path -# redirect: -# host_name: blog.example.com -# replace_key_prefix_with: some_new_path/ -# http_redirect_code: 301 - -# extensionless_mime_type: text/html diff --git a/static/css/style.css b/static/css/style.css deleted file mode 100644 index 4b1b2d4..0000000 --- a/static/css/style.css +++ /dev/null @@ -1,159 +0,0 @@ -/* @font-face { */ -/* font-family: 'Cabin'; */ -/* font-style: normal; */ -/* font-weight: 400; */ - -/* src: local('Cabin Regular'), local('Cabin-Regular'), url('/static/fonts/cabin.ttf') format('truetype'); */ -/* } */ - -html { - -webkit-text-size-adjust: 100%; - -ms-text-size-adjust: 100%; -} - -* { - font-family: 'Helvetica Neue' - /* font-family: 'Cabin', "Book Antiqua", "URW Palladio L", sans-serif; */ -} - -body { - padding: 1.5em 0; -} - -#site{ - font-family:ratio-1,ratio-2,"Helvetica Neue",Helvetica,Arial,Frutiger,"Frutiger Linotype",Univers,Calibri,"Gill Sans","Gill Sans MT","Myriad Pro",Myriad,"DejaVu Sans Condensed","Liberation Sans","Nimbus Sans L",Tahoma,Geneva,sans-serif; - font-weight:400; - line-height:1.65; - min-height:500px; - font-size:110%; - text-align:left; - width:100%; - height:100%; - padding:0; - margin:0 auto -} - -.entry-title h1 { - margin-bottom:5px; - color:#2c251d; - font-size:2.2em; - font-weight:700 -} - -h1 { - margin: 1.5em 0 0 0; -} - -h1 a { - text-decoration: none; -} - -#entry code,#entry pre,#entry code,#entry pre{ - font:13px Consolas,"Andale Mono",Monaco,Courier,"Courier New",Verdana,sans-serif; - -webkit-font-smoothing:subpixel-antialiased; - font-smoothing:subpixel-antialiased -} - -blockquote { - font-family: Georgia,Cambria,"Times New Roman",Times,serif; - letter-spacing: .01rem; - font-weight: 400; - font-style: italic; - border-left: 3px solid #57ad68; - padding-left: 20px; - margin-left: -26px; - padding-bottom: 3px; -} - -#entry, #wrapper { - font-size: 16px; -} - -#entry img { - margin: 1em; - margin-left: 0; -} - -img.right { - float: right; - margin-left: 1em; -} - -#entry, #entries, #wrapper, #resume { - text-align: justify; - line-height: 1.6em; -} - -#entries li { - margin: 0.5em; -} - -.footnotes { - font-size: 88%; - border-top: 1px solid grey; -} - -ul.spaced li { - margin-bottom: 1.5em; -} - -footer { - margin: 2em 0 7em 0; - border-top: 1px grey solid; -} - -footer p { - text-align: center; -} - -img.portrait { - margin-top: -3em; - margin-left: 2em; -} - -a { - text-decoration: none; - color: #005aa0; -} - -a:hover { - text-decoration: underline; - color: #11472b; -} - -a img { border: 0; } - -a.older, a.newer { - size: 80%; -} - -pre, pre span, tt, kbd { - font-family: Inconsolata, Consolas, monospace; -} - -kbd { - background: #eee; - padding: 0.2em; -} - -.highlight { - border: 1px grey solid; - padding-left: 0.5em; - font-family: Inconsolata, Consolas, monospace; - border-radius: 4px 4px 4px 4px; -} - -p code { - font-family: Inconsolata, Consolas, monospace; - background-color: #eee; -} - -.timestamp { - text-align: right; - color: grey; -} - -#resume h3 { margin-left: -1em; } -#resume dt { font-style: italic; } - - |