tiennm99/hugoDocs
1
0 Fork 0
mirror of https://github.com/tiennm99/hugoDocs.git synced 2026-10-14 18:18:37 +00:00
Code Issues Packages Projects Releases Wiki Activity

Update toc for testing fade at bottom on PC

Browse Source
This commit is contained in:
Ryan Watters committed 2017-03-02 18:30:59 -06:00
1 parent d5b49fe3c4
commit 395b208678
12 files changed
+88 -54
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

content/content-management/formats.md
+1 -1
View File
@@ -26,7 +26,7 @@ Before you begin writing your content in markdown, Blackfriday has a known issue
You can configure multiple aspects of Blackfriday. For more information, see [how to configure your Hugo projects][config]: You can configure multiple aspects of Blackfriday. For more information, see [how to configure your Hugo projects][config]:
{{< readfile file="content/readfiles/bfconfig.md" markdown="true" >}} {{< bfconfig >}}
## Extending Markdown ## Extending Markdown
content/getting-started/quick-start.md
+8 -9
View File
@@ -36,8 +36,7 @@ Once `hugo` is installed, make sure to run the `help` command to verify `hugo` i
```bash ```bash
hugo help hugo help
```
```
hugo is the main command, used to build your Hugo site. hugo is the main command, used to build your Hugo site.
Hugo is a Fast and Flexible Static Site Generator Hugo is a Fast and Flexible Static Site Generator
@@ -52,7 +51,7 @@ You can check the version of Hugo you're currently using with the `hugo version`
hugo version hugo version
``` ```
``` ```bash
Hugo Static Site Generator v0.18.1 BuildDate: 2016-12-30T05:02:43-05:00 Hugo Static Site Generator v0.18.1 BuildDate: 2016-12-30T05:02:43-05:00
``` ```
@@ -66,7 +65,7 @@ hugo new site bookshelf
Change into the newly created `bookshelf` directory. Listing the new directory's content will show the following: Change into the newly created `bookshelf` directory. Listing the new directory's content will show the following:
``` ```bash
. .
├── archetypes ├── archetypes
├── config.toml ├── config.toml
@@ -161,7 +160,7 @@ hugo server
You should see something similar to the following output: You should see something similar to the following output:
``` ```bash
Built site for language en: Built site for language en:
0 of 1 draft rendered 0 of 1 draft rendered
0 future content 0 future content
@@ -192,7 +191,7 @@ hugo server --buildDrafts
You should now see something similar to the following: You should now see something similar to the following:
``` ```bash
Built site for language en: Built site for language en:
1 of 1 draft rendered 1 of 1 draft rendered
0 future content 0 future content
@@ -248,7 +247,7 @@ hugo server --theme=hugo_theme_robust --buildDrafts
You should see an output to the console similar to the following: You should see an output to the console similar to the following:
``` ```bash
Built site for language en: Built site for language en:
1 of 1 draft rendered 1 of 1 draft rendered
0 future content 0 future content
@@ -269,7 +268,7 @@ Press Ctrl+C to stop
If Hugo doesn't find the specified theme in the `themes` directory, If Hugo doesn't find the specified theme in the `themes` directory,
it will throw an exception: it will throw an exception:
``` ```bash
FATAL: 2016/02/14 Unable to find theme Directory: /Users/yourusername/bookshelf/themes/robust FATAL: 2016/02/14 Unable to find theme Directory: /Users/yourusername/bookshelf/themes/robust
``` ```
@@ -519,7 +518,7 @@ Now, commenting will be enabled in your blog.
To generate a website that can be deployed to GitHub pages, we first need to change the `baseURL` in our configuration as follows: To generate a website that can be deployed to GitHub pages, we first need to change the `baseURL` in our configuration as follows:
```toml ```toml
baseURL = "https://<your GitHub username>.github.io/bookshelf/" baseURL = "https://<yourgithubusername>.github.io/bookshelf/"
``` ```
Then type the following command while in the root directory of your Hugo project: Then type the following command while in the root directory of your Hugo project:
layouts/partials/table-of-contents.html
+4
View File
@@ -1,12 +1,16 @@
<!-- TOCs need to be declared explicitly in the front matter of content/*.md --> <!-- TOCs need to be declared explicitly in the front matter of content/*.md -->
{{if .Params.toc }} {{if .Params.toc }}
<aside id="toc"> <aside id="toc">
<div class="toc-inner-wrapper">
<header class="toc-header"> <header class="toc-header">
<a href="#{{.Title | urlize}}"> <a href="#{{.Title | urlize}}">
<h3 class="{{.Section}}">{{.Title}}</h3> <h3 class="{{.Section}}">{{.Title}}</h3>
</a> </a>
</header> </header>
{{.TableOfContents}} {{.TableOfContents}}
</div>
<div class="fade"></div>
</aside> </aside>
<a href="#" id="toc-toggle"></a> <a href="#" id="toc-toggle"></a>
{{end}} {{end}}
pipeline/scss/components/_code-OLD.scss
-6
View File
@@ -88,13 +88,9 @@ pre {
li > code, li > code,
li > span > code { li > span > code {
white-space: pre-wrap; white-space: pre-wrap;
/* css-3 */
white-space: -moz-pre-wrap; white-space: -moz-pre-wrap;
/* Mozilla, since 1999 */
white-space: -pre-wrap; white-space: -pre-wrap;
/* Opera 4-6 */
white-space: -o-pre-wrap; white-space: -o-pre-wrap;
/* Opera 7 */
word-wrap: break-word; word-wrap: break-word;
} }
} }
@@ -131,8 +127,6 @@ button.download-button {
position: absolute; position: absolute;
bottom: 0px; bottom: 0px;
z-index: 4; z-index: 4;
// min-width: 90px;
// width: auto;
@include size(30px); @include size(30px);
padding: { padding: {
left: 4px; left: 4px;
pipeline/scss/components/_code.scss
+22 -12
View File
@@ -5,10 +5,12 @@
font-size: .9em; font-size: .9em;
weight: inherit; weight: inherit;
font-weight: $code-font-base-weight; font-weight: $code-font-base-weight;
position: relative;
overflow-y: visible; overflow-y: visible;
z-index: 1; z-index: 1;
} }
> pre {
position: relative;
}
pre > code, pre > code,
.code { .code {
background-color: $code-block-background-color; background-color: $code-block-background-color;
@@ -55,17 +57,31 @@ code[class^="language-"] {
} }
} }
// .copy-button + .code-copy-content { // .filename + .code-copy-content {
// code[class^="language-"] { // code[class^="language-"] {
// &:after { // &:after {
// // display: none; // // display: none;
// position: absolute; // position: absolute;
// top: -4px; // top: -16px;
// right: 4px; // right: 4px;
// z-index:99999999;
// } // }
// } // }
// } // }
.copy-button + .code-copy-content {
code[class^="language-"] {
&:after {
// display: none;
position: absolute;
top: -4px;
right: 4px;
}
}
}
// .copy-button {
// display: none!important;
// }
code.language-html:after { code.language-html:after {
font-family: 'FontAwesome'; font-family: 'FontAwesome';
content: '\f13b'; content: '\f13b';
@@ -95,6 +111,7 @@ code.language-bash:after,
code.language-sh:after { code.language-sh:after {
font-family: 'fontello'; font-family: 'fontello';
content: '\e804'; content: '\e804';
right: 6px;
} }
code.language-toml:after { code.language-toml:after {
@@ -119,7 +136,7 @@ code.language-markdown:after {
.copy-button + .code-copy-content { .copy-button + .code-copy-content {
code[class^="language-"] { code[class^="language-"] {
&:after { &:after {
display:none; display: none;
position: absolute; position: absolute;
top: -8px; top: -8px;
right: 4px; right: 4px;
@@ -129,7 +146,7 @@ code.language-markdown:after {
.filename { .filename {
font-family: $code-font-family; font-family: $code-font-family;
color: lighten($base-font-color, 45%); color: lighten($base-font-color, 25%);
padding-left: 1em; padding-left: 1em;
padding-top: .25em; padding-top: .25em;
font-size: .7em; font-size: .7em;
@@ -173,13 +190,6 @@ code.language-markdown:after {
display: none!important; display: none!important;
} }
.code:hover {
.copy-button,
.download-button {
transition: all .3s ease-in-out;
opacity: 1;
}
}
.tooltipped { .tooltipped {
position: absolute; position: absolute;
pipeline/scss/components/_contents-list.scss
+1 -1
View File
@@ -1,7 +1,7 @@
.all-contents { .all-contents {
// border-top: 1px solid $hugo-blue; // border-top: 1px solid $hugo-blue;
padding-top:1em; padding-top:1em;
font-size:.9em; font-size:.95em;
} }
.contents-list { .contents-list {
pipeline/scss/components/_table-of-contents.scss
+18 -6
View File
@@ -39,18 +39,32 @@ aside#toc {
opacity: 1; opacity: 1;
} }
@include MQ(XL) { @include MQ(XL) {
.toc-inner-wrapper {
position: relative;
min-height: calc(100vh - #{$site-header-height} - #{$site-footer-height-l-plus});
max-height: calc(100vh - #{$site-header-height} - #{$site-footer-height-l-plus});
overflow-y:scroll;
}
box-shadow: none; box-shadow: none;
top: $site-header-height; top: $site-header-height;
// left: calc(#{$site-navigation-width} + #{$content-max-width} + 4em);
right: 0px; right: 0px;
bottom: auto; bottom: auto;
opacity: 1; opacity: 1;
min-height: calc(100vh - #{$site-header-height} - #{$site-footer-height-l-plus}); min-height: calc(100vh - #{$site-header-height} - #{$site-footer-height-l-plus});
max-height: calc(100vh - #{$site-header-height} - #{$site-footer-height-l-plus}); max-height: calc(100vh - #{$site-header-height} - #{$site-footer-height-l-plus});
transform: scale(1); transform: scale(1);
// border-left: 1px solid $hugo-gray-light;
border-radius: 0px; border-radius: 0px;
margin-right:1.5em; margin-right: 1.5em;
.fade {
content: '';
display: inline-block;
position: absolute;
bottom: 0px;
left: 0px;
width: 100%;
height: 20px;
background-color: orange;
}
} }
} }
@@ -58,6 +72,7 @@ nav#TableOfContents {
position: relative; position: relative;
margin-bottom: 20px; margin-bottom: 20px;
height: auto; height: auto;
overflow-y:scroll;
li code { li code {
font-family: $base-font-family; font-family: $base-font-family;
} }
@@ -152,9 +167,6 @@ nav#TableOfContents {
} }
} }
} }
// ul {
// display: none;
// }
} }
} }
} }
pipeline/scss/layout/_site-content.scss
+2 -1
View File
@@ -134,6 +134,7 @@ header.content-header {
margin-top: 1em; margin-top: 1em;
} }
em { em {
font-weight: bolder; // font-weight: bolder;
font-weight: inherit;
} }
} }
pipeline/scss/layout/_site-navigation.scss
+20 -15
View File
@@ -1,3 +1,7 @@
.site-navigation::-webkit-scrollbar {
display: none;
}
.site-navigation { .site-navigation {
transition: transform .3s ease-in-out; transition: transform .3s ease-in-out;
position: fixed; position: fixed;
@@ -10,9 +14,9 @@
transform:translateX(-#{$site-navigation-width}); transform:translateX(-#{$site-navigation-width});
padding: 0px; padding: 0px;
z-index: 9; z-index: 9;
display:flex; display: flex;
flex-direction:column; flex-direction: column;
align-items:center; align-items: center;
&.navigation-open { &.navigation-open {
transition: transform .3s ease-in-out; transition: transform .3s ease-in-out;
transform: translateX(0px); transform: translateX(0px);
@@ -26,16 +30,16 @@
ul.top-menu { ul.top-menu {
margin-top: $site-header-height + 30px; margin-top: $site-header-height + 30px;
// display: inline-block; // display: inline-block;
width:85%; width: 85%;
@include MQ(L) { @include MQ(L) {
margin-top: $site-header-height + 10px; margin-top: $site-header-height + 10px;
} }
a { a {
color: $base-font-color; color: $base-font-color;
font-weight: $base-font-weight; font-weight: $base-font-weight;
width:100%; width: 100%;
&:hover { &:hover {
color:$hugo-pink; color: $hugo-pink;
} }
} }
li { li {
@@ -48,9 +52,9 @@
} }
a.top-menu-item-link { a.top-menu-item-link {
font-size: 16px; font-size: 16px;
width:100%; width: 100%;
i.fa.fa-angle-double-right { i.fa.fa-angle-double-right {
margin-left:.25em; margin-left: .25em;
} }
&.active-section { &.active-section {
color: $hugo-pink; color: $hugo-pink;
@@ -68,7 +72,7 @@
padding-left: .5em; padding-left: .5em;
padding-bottom: .66em; padding-bottom: .66em;
li { li {
line-height:1.3; line-height: 1.3;
} }
a.submenu-item-link { a.submenu-item-link {
font-size: 14px; font-size: 14px;
@@ -81,8 +85,8 @@
> code { > code {
color: $hugo-blue; color: $hugo-blue;
> em { > em {
font-style:normal; font-style: normal;
family:$base-font-family; family: $base-font-family;
} }
} }
} }
@@ -92,16 +96,16 @@
} }
.nav-buttons { .nav-buttons {
display:block; display: block;
margin-left:auto; margin-left: auto;
margin-right:auto; margin-right: auto;
max-width: 200px; max-width: 200px;
a { a {
margin-bottom: .5em; margin-bottom: .5em;
display: inline-block; display: inline-block;
width: 200px; width: 200px;
max-width: 200px; max-width: 200px;
position:relative; position: relative;
font-size: .9em; font-size: .9em;
} }
} }
@@ -165,6 +169,7 @@
border: 2px solid $hugo-pink; border: 2px solid $hugo-pink;
} }
} }
.top { .top {
left: 15%; left: 15%;
top: 20%; top: 20%;
pipeline/scss/pages/_homepage.scss
+1 -1
View File
@@ -30,7 +30,7 @@
li { li {
display: flex; display: flex;
a { a {
color: $hugo-gray-light; color: $hugo-gray;
&:hover { &:hover {
color: $hugo-pink; color: $hugo-pink;
} }
static/css/style.min.css
Vendored
+2 -2
View File
@@ -1,7 +1,7 @@
.container-fluid,.container{margin-right:auto;margin-left:auto}.container-fluid{padding-right:2rem;padding-left:2rem}.row{box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-0.5rem;margin-left:-0.5rem}.row.reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.col.reverse{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.col-xs,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-offset-0,.col-xs-offset-1,.col-xs-offset-2,.col-xs-offset-3,.col-xs-offset-4,.col-xs-offset-5,.col-xs-offset-6,.col-xs-offset-7,.col-xs-offset-8,.col-xs-offset-9,.col-xs-offset-10,.col-xs-offset-11,.col-xs-offset-12{box-sizing:border-box;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem}.col-xs{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-xs-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-xs-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-xs-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-xs-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-xs-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-xs-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-xs-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-xs-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-xs-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-xs-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-xs-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-xs-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-xs-offset-0{margin-left:0}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-11{margin-left:91.66666667%}.start-xs{-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-xs{-ms-flex-pack:center;justify-content:center;text-align:center}.end-xs{-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-xs{-ms-flex-align:start;align-items:flex-start}.middle-xs{-ms-flex-align:center;align-items:center}.bottom-xs{-ms-flex-align:end;align-items:flex-end}.around-xs{-ms-flex-pack:distribute;justify-content:space-around}.between-xs{-ms-flex-pack:justify;justify-content:space-between}.first-xs{-ms-flex-order:-1;order:-1}.last-xs{-ms-flex-order:1;order:1}@media only screen and (min-width: 48em){.container{width:49rem}.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-offset-0,.col-sm-offset-1,.col-sm-offset-2,.col-sm-offset-3,.col-sm-offset-4,.col-sm-offset-5,.col-sm-offset-6,.col-sm-offset-7,.col-sm-offset-8,.col-sm-offset-9,.col-sm-offset-10,.col-sm-offset-11,.col-sm-offset-12{box-sizing:border-box;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem}.col-sm{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-sm-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-sm-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-sm-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-sm-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-sm-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-sm-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-sm-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-sm-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-sm-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-sm-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-sm-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-sm-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-sm-offset-0{margin-left:0}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-6{marLine truncated .container-fluid,.container{margin-right:auto;margin-left:auto}.container-fluid{padding-right:2rem;padding-left:2rem}.row{box-sizing:border-box;display:-ms-flexbox;display:flex;-ms-flex:0 1 auto;flex:0 1 auto;-ms-flex-direction:row;flex-direction:row;-ms-flex-wrap:wrap;flex-wrap:wrap;margin-right:-0.5rem;margin-left:-0.5rem}.row.reverse{-ms-flex-direction:row-reverse;flex-direction:row-reverse}.col.reverse{-ms-flex-direction:column-reverse;flex-direction:column-reverse}.col-xs,.col-xs-1,.col-xs-2,.col-xs-3,.col-xs-4,.col-xs-5,.col-xs-6,.col-xs-7,.col-xs-8,.col-xs-9,.col-xs-10,.col-xs-11,.col-xs-12,.col-xs-offset-0,.col-xs-offset-1,.col-xs-offset-2,.col-xs-offset-3,.col-xs-offset-4,.col-xs-offset-5,.col-xs-offset-6,.col-xs-offset-7,.col-xs-offset-8,.col-xs-offset-9,.col-xs-offset-10,.col-xs-offset-11,.col-xs-offset-12{box-sizing:border-box;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem}.col-xs{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-xs-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-xs-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-xs-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-xs-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-xs-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-xs-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-xs-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-xs-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-xs-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-xs-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-xs-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-xs-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-xs-offset-0{margin-left:0}.col-xs-offset-1{margin-left:8.33333333%}.col-xs-offset-2{margin-left:16.66666667%}.col-xs-offset-3{margin-left:25%}.col-xs-offset-4{margin-left:33.33333333%}.col-xs-offset-5{margin-left:41.66666667%}.col-xs-offset-6{margin-left:50%}.col-xs-offset-7{margin-left:58.33333333%}.col-xs-offset-8{margin-left:66.66666667%}.col-xs-offset-9{margin-left:75%}.col-xs-offset-10{margin-left:83.33333333%}.col-xs-offset-11{margin-left:91.66666667%}.start-xs{-ms-flex-pack:start;justify-content:flex-start;text-align:start}.center-xs{-ms-flex-pack:center;justify-content:center;text-align:center}.end-xs{-ms-flex-pack:end;justify-content:flex-end;text-align:end}.top-xs{-ms-flex-align:start;align-items:flex-start}.middle-xs{-ms-flex-align:center;align-items:center}.bottom-xs{-ms-flex-align:end;align-items:flex-end}.around-xs{-ms-flex-pack:distribute;justify-content:space-around}.between-xs{-ms-flex-pack:justify;justify-content:space-between}.first-xs{-ms-flex-order:-1;order:-1}.last-xs{-ms-flex-order:1;order:1}@media only screen and (min-width: 48em){.container{width:49rem}.col-sm,.col-sm-1,.col-sm-2,.col-sm-3,.col-sm-4,.col-sm-5,.col-sm-6,.col-sm-7,.col-sm-8,.col-sm-9,.col-sm-10,.col-sm-11,.col-sm-12,.col-sm-offset-0,.col-sm-offset-1,.col-sm-offset-2,.col-sm-offset-3,.col-sm-offset-4,.col-sm-offset-5,.col-sm-offset-6,.col-sm-offset-7,.col-sm-offset-8,.col-sm-offset-9,.col-sm-offset-10,.col-sm-offset-11,.col-sm-offset-12{box-sizing:border-box;-ms-flex:0 0 auto;flex:0 0 auto;padding-right:0.5rem;padding-left:0.5rem}.col-sm{-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;-ms-flex-preferred-size:0;flex-basis:0;max-width:100%}.col-sm-1{-ms-flex-preferred-size:8.33333333%;flex-basis:8.33333333%;max-width:8.33333333%}.col-sm-2{-ms-flex-preferred-size:16.66666667%;flex-basis:16.66666667%;max-width:16.66666667%}.col-sm-3{-ms-flex-preferred-size:25%;flex-basis:25%;max-width:25%}.col-sm-4{-ms-flex-preferred-size:33.33333333%;flex-basis:33.33333333%;max-width:33.33333333%}.col-sm-5{-ms-flex-preferred-size:41.66666667%;flex-basis:41.66666667%;max-width:41.66666667%}.col-sm-6{-ms-flex-preferred-size:50%;flex-basis:50%;max-width:50%}.col-sm-7{-ms-flex-preferred-size:58.33333333%;flex-basis:58.33333333%;max-width:58.33333333%}.col-sm-8{-ms-flex-preferred-size:66.66666667%;flex-basis:66.66666667%;max-width:66.66666667%}.col-sm-9{-ms-flex-preferred-size:75%;flex-basis:75%;max-width:75%}.col-sm-10{-ms-flex-preferred-size:83.33333333%;flex-basis:83.33333333%;max-width:83.33333333%}.col-sm-11{-ms-flex-preferred-size:91.66666667%;flex-basis:91.66666667%;max-width:91.66666667%}.col-sm-12{-ms-flex-preferred-size:100%;flex-basis:100%;max-width:100%}.col-sm-offset-0{margin-left:0}.col-sm-offset-1{margin-left:8.33333333%}.col-sm-offset-2{margin-left:16.66666667%}.col-sm-offset-3{margin-left:25%}.col-sm-offset-4{margin-left:33.33333333%}.col-sm-offset-5{margin-left:41.66666667%}.col-sm-offset-6{marLine truncated
* animate.css -http://daneden.me/animate * animate.css -http://daneden.me/animate
* Version - 3.5.1 * Version - 3.5.1
* Licensed under the MIT license - http://opensource.org/licenses/MIT * Licensed under the MIT license - http://opensource.org/licenses/MIT
* *
* Copyright (c) 2016 Daniel Eden * Copyright (c) 2016 Daniel Eden
*/.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0, -30px, 0);transform:translate3d(0, -30px, 0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06)}70%{-webkit-transform:translate3d(0, -15px, 0);transform:translate3d(0, -15px, 0)}90%{-webkit-transform:translate3d(0, -4px, 0);transform:translate3d(0, -4px, 0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0, -30px, 0);transform:translate3d(0, -30px, 0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06)}70%{-webkit-transform:translate3d(0, -15px, 0);transform:translate3d(0, -15px, 0)}90%{-webkit-transform:translate3d(0, -4px, 0);transform:translate3d(0, -4px, 0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25, 0.75, 1);transform:scale3d(1.25, 0.75, 1)}40%{-webkit-transform:scale3d(0.75, 1.25, 1);transform:scale3d(0.75, 1.25, 1)}50%{-webkit-transform:scale3d(1.15, 0.85, 1);transform:scale3d(1.15, 0.85, 1)}65%{-webkit-transform:scale3d(0.95, 1.05, 1);transform:scale3d(0.95, 1.05, 1)}75%{-webkit-transform:scale3d(1.05, 0.95, 1);transform:scale3d(1.05, 0.95, 1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25, 0.75, 1);transform:scale3d(1.25, 0.75, 1)}40%{-webkit-transform:scale3d(0.75, 1.25, 1);transform:scale3d(0.75, 1.25, 1)}50%{-webkit-transform:scale3d(1.15, 0.85, 1);transform:scale3d(1.15, 0.85, 1)}65%{-webkit-transform:scale3d(0.95, 1.05, 1);transform:scale3d(0.95, 1.05, 1)}75%{-webkit-transform:scale3d(1.05, 0.95, 1);transform:scale3d(1.05, 0.95, 1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:trLine truncated */.animated{-webkit-animation-duration:1s;animation-duration:1s;-webkit-animation-fill-mode:both;animation-fill-mode:both}.animated.infinite{-webkit-animation-iteration-count:infinite;animation-iteration-count:infinite}.animated.hinge{-webkit-animation-duration:2s;animation-duration:2s}.animated.bounceIn,.animated.bounceOut,.animated.flipOutX,.animated.flipOutY{-webkit-animation-duration:.75s;animation-duration:.75s}@-webkit-keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0, -30px, 0);transform:translate3d(0, -30px, 0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06)}70%{-webkit-transform:translate3d(0, -15px, 0);transform:translate3d(0, -15px, 0)}90%{-webkit-transform:translate3d(0, -4px, 0);transform:translate3d(0, -4px, 0)}}@keyframes bounce{0%,20%,53%,80%,to{-webkit-animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);animation-timing-function:cubic-bezier(0.215, 0.61, 0.355, 1);-webkit-transform:translateZ(0);transform:translateZ(0)}40%,43%{-webkit-transform:translate3d(0, -30px, 0);transform:translate3d(0, -30px, 0)}40%,43%,70%{-webkit-animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06);animation-timing-function:cubic-bezier(0.755, 0.05, 0.855, 0.06)}70%{-webkit-transform:translate3d(0, -15px, 0);transform:translate3d(0, -15px, 0)}90%{-webkit-transform:translate3d(0, -4px, 0);transform:translate3d(0, -4px, 0)}}.bounce{-webkit-animation-name:bounce;animation-name:bounce;-webkit-transform-origin:center bottom;transform-origin:center bottom}@-webkit-keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}@keyframes flash{0%,50%,to{opacity:1}25%,75%{opacity:0}}.flash{-webkit-animation-name:flash;animation-name:flash}@-webkit-keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes pulse{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}50%{-webkit-transform:scale3d(1.05, 1.05, 1.05);transform:scale3d(1.05, 1.05, 1.05)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.pulse{-webkit-animation-name:pulse;animation-name:pulse}@-webkit-keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25, 0.75, 1);transform:scale3d(1.25, 0.75, 1)}40%{-webkit-transform:scale3d(0.75, 1.25, 1);transform:scale3d(0.75, 1.25, 1)}50%{-webkit-transform:scale3d(1.15, 0.85, 1);transform:scale3d(1.15, 0.85, 1)}65%{-webkit-transform:scale3d(0.95, 1.05, 1);transform:scale3d(0.95, 1.05, 1)}75%{-webkit-transform:scale3d(1.05, 0.95, 1);transform:scale3d(1.05, 0.95, 1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}@keyframes rubberBand{0%{-webkit-transform:scaleX(1);transform:scaleX(1)}30%{-webkit-transform:scale3d(1.25, 0.75, 1);transform:scale3d(1.25, 0.75, 1)}40%{-webkit-transform:scale3d(0.75, 1.25, 1);transform:scale3d(0.75, 1.25, 1)}50%{-webkit-transform:scale3d(1.15, 0.85, 1);transform:scale3d(1.15, 0.85, 1)}65%{-webkit-transform:scale3d(0.95, 1.05, 1);transform:scale3d(0.95, 1.05, 1)}75%{-webkit-transform:scale3d(1.05, 0.95, 1);transform:scale3d(1.05, 0.95, 1)}to{-webkit-transform:scaleX(1);transform:scaleX(1)}}.rubberBand{-webkit-animation-name:rubberBand;animation-name:rubberBand}@-webkit-keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0)}}@keyframes shake{0%,to{-webkit-transform:translateZ(0);transform:translateZ(0)}10%,30%,50%,70%,90%{-webkit-transform:translate3d(-10px, 0, 0);transform:translate3d(-10px, 0, 0)}20%,40%,60%,80%{-webkit-transform:translate3d(10px, 0, 0);transform:translate3d(10px, 0, 0)}}.shake{-webkit-animation-name:shake;animation-name:shake}@-webkit-keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:translateX(-3px) rotateY(-5deg);transform:translateX(-3px) rotateY(-5deg)}43.5%{-webkit-transform:translateX(2px) rotateY(3deg);transform:translateX(2px) rotateY(3deg)}50%{-webkit-transform:translateX(0);transform:translateX(0)}}@keyframes headShake{0%{-webkit-transform:translateX(0);transform:translateX(0)}6.5%{-webkit-transform:translateX(-6px) rotateY(-9deg);transform:translateX(-6px) rotateY(-9deg)}18.5%{-webkit-transform:translateX(5px) rotateY(7deg);transform:translateX(5px) rotateY(7deg)}31.5%{-webkit-transform:trLine truncated
static/js/homepage.js
+9
View File
@@ -31,6 +31,15 @@ $(document).ready(function() {
} }
}); });
}); });
// var mySequence = [
// { e: $element1, p: { translateX: 100 }, o: { duration: 1000 } },
// /* The call below will run at the same time as the first call. */
// { e: $element2, p: { translateX: 200 }, o: { duration: 1000, sequenceQueue: false },
// /* As normal, the call below will run once the second call is complete. */
// { e: $element3, p: { translateX: 300 }, o: { duration: 1000 }
// ];
// $.Velocity.RunSequence(mySequence);
// terminalElements = document.querySelectorAll('span.terminal-line'); // terminalElements = document.querySelectorAll('span.terminal-line');
// function terminals_init() { // function terminals_init() {