├── .gitignore ├── LICENSE ├── README.md ├── archetypes ├── about.md ├── default.md ├── post.md ├── presentation.md └── project.md ├── exampleSite ├── config.toml ├── content │ ├── about.md │ ├── post │ │ ├── andyetanother.md │ │ ├── another.md │ │ ├── another1.md │ │ ├── another2.md │ │ ├── another3.md │ │ ├── coolpost.md │ │ ├── first.md │ │ ├── omgsomany.md │ │ ├── omgsomanymore.md │ │ ├── second.md │ │ ├── third.md │ │ └── yetanother.md │ └── project │ │ ├── collaborativeproject.md │ │ ├── coolcode.md │ │ ├── coolwebsite.md │ │ ├── hugotheme.md │ │ ├── myproject.md │ │ └── snippet.md └── static │ └── .gitkeep ├── images ├── post.png ├── projects.png ├── screenshot.png └── tn.png ├── layouts ├── _default │ ├── list.html │ └── single.html ├── about │ └── single.html ├── index.html ├── partials │ ├── extra-footer.html │ ├── extra-header.html │ ├── fab-buttons.html │ ├── footer.html │ ├── header.html │ ├── navbar.html │ ├── pagination.html │ ├── postsnippets.html │ ├── prevnextbtns.html │ ├── profile.html │ ├── showallposts.html │ └── socialbtns.html ├── post │ ├── card-12.html │ ├── card-8.html │ ├── listitem.html │ └── single.html ├── presentation │ └── single.html ├── project │ ├── project-card.html │ └── single.html └── section │ ├── post.html │ └── project.html ├── static ├── css │ ├── hmdl-style.css │ ├── hmdl-style.css.map │ ├── ionicons.min.css │ └── remark.css ├── fonts │ └── iconicons │ │ ├── ionicons.eot │ │ ├── ionicons.svg │ │ ├── ionicons.ttf │ │ └── ionicons.woff ├── images │ ├── avatar-192x210.png │ ├── avatar-64x64.png │ ├── avatar.png │ ├── background-original.jpg │ ├── background.jpg │ ├── default-original.jpg │ ├── default-small.jpg │ └── default.jpg ├── js │ ├── cardmedia.js │ └── fabbutton.js └── scss │ ├── _about.scss │ ├── _base.scss │ ├── _blog.scss │ ├── _index.scss │ ├── _list.scss │ ├── _misc.scss │ ├── _nav.scss │ ├── _page.scss │ └── hmdl-style.scss └── theme.toml /.gitignore: -------------------------------------------------------------------------------- 1 | .sass-cache/ 2 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | Apache License 2 | Version 2.0, January 2004 3 | http://www.apache.org/licenses/ 4 | 5 | TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION 6 | 7 | 1. Definitions. 8 | 9 | "License" shall mean the terms and conditions for use, reproduction, 10 | and distribution as defined by Sections 1 through 9 of this document. 11 | 12 | "Licensor" shall mean the copyright owner or entity authorized by 13 | the copyright owner that is granting the License. 14 | 15 | "Legal Entity" shall mean the union of the acting entity and all 16 | other entities that control, are controlled by, or are under common 17 | control with that entity. For the purposes of this definition, 18 | "control" means (i) the power, direct or indirect, to cause the 19 | direction or management of such entity, whether by contract or 20 | otherwise, or (ii) ownership of fifty percent (50%) or more of the 21 | outstanding shares, or (iii) beneficial ownership of such entity. 22 | 23 | "You" (or "Your") shall mean an individual or Legal Entity 24 | exercising permissions granted by this License. 25 | 26 | "Source" form shall mean the preferred form for making modifications, 27 | including but not limited to software source code, documentation 28 | source, and configuration files. 29 | 30 | "Object" form shall mean any form resulting from mechanical 31 | transformation or translation of a Source form, including but 32 | not limited to compiled object code, generated documentation, 33 | and conversions to other media types. 34 | 35 | "Work" shall mean the work of authorship, whether in Source or 36 | Object form, made available under the License, as indicated by a 37 | copyright notice that is included in or attached to the work 38 | (an example is provided in the Appendix below). 39 | 40 | "Derivative Works" shall mean any work, whether in Source or Object 41 | form, that is based on (or derived from) the Work and for which the 42 | editorial revisions, annotations, elaborations, or other modifications 43 | represent, as a whole, an original work of authorship. For the purposes 44 | of this License, Derivative Works shall not include works that remain 45 | separable from, or merely link (or bind by name) to the interfaces of, 46 | the Work and Derivative Works thereof. 47 | 48 | "Contribution" shall mean any work of authorship, including 49 | the original version of the Work and any modifications or additions 50 | to that Work or Derivative Works thereof, that is intentionally 51 | submitted to Licensor for inclusion in the Work by the copyright owner 52 | or by an individual or Legal Entity authorized to submit on behalf of 53 | the copyright owner. For the purposes of this definition, "submitted" 54 | means any form of electronic, verbal, or written communication sent 55 | to the Licensor or its representatives, including but not limited to 56 | communication on electronic mailing lists, source code control systems, 57 | and issue tracking systems that are managed by, or on behalf of, the 58 | Licensor for the purpose of discussing and improving the Work, but 59 | excluding communication that is conspicuously marked or otherwise 60 | designated in writing by the copyright owner as "Not a Contribution." 61 | 62 | "Contributor" shall mean Licensor and any individual or Legal Entity 63 | on behalf of whom a Contribution has been received by Licensor and 64 | subsequently incorporated within the Work. 65 | 66 | 2. Grant of Copyright License. Subject to the terms and conditions of 67 | this License, each Contributor hereby grants to You a perpetual, 68 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 69 | copyright license to reproduce, prepare Derivative Works of, 70 | publicly display, publicly perform, sublicense, and distribute the 71 | Work and such Derivative Works in Source or Object form. 72 | 73 | 3. Grant of Patent License. Subject to the terms and conditions of 74 | this License, each Contributor hereby grants to You a perpetual, 75 | worldwide, non-exclusive, no-charge, royalty-free, irrevocable 76 | (except as stated in this section) patent license to make, have made, 77 | use, offer to sell, sell, import, and otherwise transfer the Work, 78 | where such license applies only to those patent claims licensable 79 | by such Contributor that are necessarily infringed by their 80 | Contribution(s) alone or by combination of their Contribution(s) 81 | with the Work to which such Contribution(s) was submitted. If You 82 | institute patent litigation against any entity (including a 83 | cross-claim or counterclaim in a lawsuit) alleging that the Work 84 | or a Contribution incorporated within the Work constitutes direct 85 | or contributory patent infringement, then any patent licenses 86 | granted to You under this License for that Work shall terminate 87 | as of the date such litigation is filed. 88 | 89 | 4. Redistribution. You may reproduce and distribute copies of the 90 | Work or Derivative Works thereof in any medium, with or without 91 | modifications, and in Source or Object form, provided that You 92 | meet the following conditions: 93 | 94 | (a) You must give any other recipients of the Work or 95 | Derivative Works a copy of this License; and 96 | 97 | (b) You must cause any modified files to carry prominent notices 98 | stating that You changed the files; and 99 | 100 | (c) You must retain, in the Source form of any Derivative Works 101 | that You distribute, all copyright, patent, trademark, and 102 | attribution notices from the Source form of the Work, 103 | excluding those notices that do not pertain to any part of 104 | the Derivative Works; and 105 | 106 | (d) If the Work includes a "NOTICE" text file as part of its 107 | distribution, then any Derivative Works that You distribute must 108 | include a readable copy of the attribution notices contained 109 | within such NOTICE file, excluding those notices that do not 110 | pertain to any part of the Derivative Works, in at least one 111 | of the following places: within a NOTICE text file distributed 112 | as part of the Derivative Works; within the Source form or 113 | documentation, if provided along with the Derivative Works; or, 114 | within a display generated by the Derivative Works, if and 115 | wherever such third-party notices normally appear. The contents 116 | of the NOTICE file are for informational purposes only and 117 | do not modify the License. You may add Your own attribution 118 | notices within Derivative Works that You distribute, alongside 119 | or as an addendum to the NOTICE text from the Work, provided 120 | that such additional attribution notices cannot be construed 121 | as modifying the License. 122 | 123 | You may add Your own copyright statement to Your modifications and 124 | may provide additional or different license terms and conditions 125 | for use, reproduction, or distribution of Your modifications, or 126 | for any such Derivative Works as a whole, provided Your use, 127 | reproduction, and distribution of the Work otherwise complies with 128 | the conditions stated in this License. 129 | 130 | 5. Submission of Contributions. Unless You explicitly state otherwise, 131 | any Contribution intentionally submitted for inclusion in the Work 132 | by You to the Licensor shall be under the terms and conditions of 133 | this License, without any additional terms or conditions. 134 | Notwithstanding the above, nothing herein shall supersede or modify 135 | the terms of any separate license agreement you may have executed 136 | with Licensor regarding such Contributions. 137 | 138 | 6. Trademarks. This License does not grant permission to use the trade 139 | names, trademarks, service marks, or product names of the Licensor, 140 | except as required for reasonable and customary use in describing the 141 | origin of the Work and reproducing the content of the NOTICE file. 142 | 143 | 7. Disclaimer of Warranty. Unless required by applicable law or 144 | agreed to in writing, Licensor provides the Work (and each 145 | Contributor provides its Contributions) on an "AS IS" BASIS, 146 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or 147 | implied, including, without limitation, any warranties or conditions 148 | of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A 149 | PARTICULAR PURPOSE. You are solely responsible for determining the 150 | appropriateness of using or redistributing the Work and assume any 151 | risks associated with Your exercise of permissions under this License. 152 | 153 | 8. Limitation of Liability. In no event and under no legal theory, 154 | whether in tort (including negligence), contract, or otherwise, 155 | unless required by applicable law (such as deliberate and grossly 156 | negligent acts) or agreed to in writing, shall any Contributor be 157 | liable to You for damages, including any direct, indirect, special, 158 | incidental, or consequential damages of any character arising as a 159 | result of this License or out of the use or inability to use the 160 | Work (including but not limited to damages for loss of goodwill, 161 | work stoppage, computer failure or malfunction, or any and all 162 | other commercial damages or losses), even if such Contributor 163 | has been advised of the possibility of such damages. 164 | 165 | 9. Accepting Warranty or Additional Liability. While redistributing 166 | the Work or Derivative Works thereof, You may choose to offer, 167 | and charge a fee for, acceptance of support, warranty, indemnity, 168 | or other liability obligations and/or rights consistent with this 169 | License. However, in accepting such obligations, You may act only 170 | on Your own behalf and on Your sole responsibility, not on behalf 171 | of any other Contributor, and only if You agree to indemnify, 172 | defend, and hold each Contributor harmless for any liability 173 | incurred by, or claims asserted against, such Contributor by reason 174 | of your accepting any such warranty or additional liability. 175 | 176 | END OF TERMS AND CONDITIONS 177 | 178 | APPENDIX: How to apply the Apache License to your work. 179 | 180 | To apply the Apache License to your work, attach the following 181 | boilerplate notice, with the fields enclosed by brackets "[]" 182 | replaced with your own identifying information. (Don't include 183 | the brackets!) The text should be enclosed in the appropriate 184 | comment syntax for the file format. We also recommend that a 185 | file or class name and description of purpose be included on the 186 | same "printed page" as the copyright notice for easier 187 | identification within third-party archives. 188 | 189 | Copyright [yyyy] [name of copyright owner] 190 | 191 | Licensed under the Apache License, Version 2.0 (the "License"); 192 | you may not use this file except in compliance with the License. 193 | You may obtain a copy of the License at 194 | 195 | http://www.apache.org/licenses/LICENSE-2.0 196 | 197 | Unless required by applicable law or agreed to in writing, software 198 | distributed under the License is distributed on an "AS IS" BASIS, 199 | WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied. 200 | See the License for the specific language governing permissions and 201 | limitations under the License. 202 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # HugoMDL 2 | 3 | HugoMDL is a multipage responsibe blog/portfolio theme for [Hugo](http://gohugo.io). The theme is based on the 4 | [Material Design Lite](http://www.getmdl.io/) sample blog layout. 5 | 6 | At present it suits my needs, but feel free to help improve this theme by forking a copy and submitting a pull request. 7 | 8 | ![HugoMDL Homepage Screenshot](https://raw.githubusercontent.com/jchatkinson/HugoMDL/master/images/screenshot.png) 9 | 10 | ![HugoMDL Projects Screenshot](https://raw.githubusercontent.com/jchatkinson/HugoMDL/master/images/projects.png) 11 | 12 | ![ HugoMDL Post Screenshot](https://raw.githubusercontent.com/jchatkinson/HugoMDL/master/images/post.png) 13 | 14 | ## Installation 15 | 16 | Inside the folder of your Hugo site run: 17 | 18 | $ mkdir themes 19 | $ cd themes 20 | $ git clone https://github.com/jchatkinson/HugoMDL 21 | 22 | For more information read the official [setup guide](//gohugo.io/overview/installing/) of Hugo. 23 | 24 | (Note for myself) 25 | To develop on c9, add the hugo binary to the workspace, then add it to the path using `export PATH=$PATH:/home/ubuntu/workspace/hugo` 26 | To serve the site from c9, cd to site root and use `hugo server --bind="0.0.0.0" --port=8080 --watch --disableLiveReload` 27 | 28 | # Configure the Theme 29 | 30 | There are a few different places you need to configure. First, check exampleSite/config.toml for an example site 31 | configuration file. Here, you can set site-wide options like background, author name, and contact info. 32 | 33 | You can also use this file to configure your site's menu system. The stanzas in this file correspond to the top level 34 | items in the site navigation menus. You may rename, remove, or add any entries as you see fit. 35 | 36 | If you use the suggested entry names listed in the example configuration file, your site's pages will inherit this 37 | theme's formatting. The following subsections detail these specialized styles. 38 | 39 | ### About page 40 | 41 | Look at the `exampleSite\about.md` file for an example 'About' page. 42 | 43 | ### Posts 44 | 45 | Posts use the following front-matter: 46 | 47 | ``` 48 | --- 49 | title: "First Post" 50 | description: "first post with Hugo website engine" 51 | date: "2015-08-18" 52 | categories: 53 | - "post" 54 | tags: 55 | - "meta" 56 | - "test" 57 | cardthumbimage: "/images/default.jpg" #optional: default solid color if unset 58 | cardheaderimage: "/images/default.jpg" #optional: default solid color if unset 59 | cardbackground: "#263238" #optional: card background color; only shows when no image specified 60 | #cardtitlecolor: "#fafafa" #optional: can be changed to make text visible over card image 61 | "author": 62 | name: "Firstname Lastname" 63 | description: "Writer of stuff" 64 | website: "http://example.com/" 65 | email: "firstname@example.com" 66 | twitter: "https://twitter.com/" 67 | github: "https://github.com/" 68 | image: "/images/avatar-64x64.png" 69 | --- 70 | ``` 71 | 72 | `cardthumbimage` is used as the card media on the front page. If unset, a solid color will be displayed. 73 | `cardheaderimage` is used as the card media on the post page. If unset, a solid color will be displayed. 74 | `cardbackground` is used as the solid color if no image is specified. If unset, the default theme color is displayed. 75 | `cardtitlecolor` is used to modify the default white title color (for instance, if you have a light colored background) 76 | `author` parameters are used to populate the card and post with author's data 77 | 78 | 79 | ### Projects 80 | 81 | Projects have similar frontmatter to posts. 82 | 83 | ``` 84 | --- 85 | title: "My Project Title" 86 | description: "Description of the sample project" #optional 87 | cardthumbimage: "/images/default.jpg" #optional: default solid color if unset 88 | cardheaderimage: "/images/default.jpg" #optional: default solid color if unset 89 | cardbackground: "#263238" #optional: card background color; only shows when no image specified 90 | #cardtitlecolor: "#fafafa" #optional: can be changed to make text visible over card image 91 | repo: "http://github.com/" #optional: no icon appears if unset 92 | web: "http://github.com/" #optional: no icon appears if unset 93 | date: "2015-08-18" 94 | categories: 95 | - "project" 96 | tags: 97 | - "meta" 98 | - "project" 99 | "author": # used to fill out the project page 100 | name: "Firstname Lastname" 101 | description: "Writer of stuff" 102 | website: "http://example.com/" 103 | email: "firstname@example.com" 104 | twitter: "https://twitter.com/" 105 | github: "https://github.com/" 106 | image: "/images/avatar-64x64.png" 107 | 108 | --- 109 | ``` 110 | 111 | ## License 112 | 113 | This theme is released under the Apache License 2.0. It uses content from Google's material design lite project, also released under Apache License 2.0. -------------------------------------------------------------------------------- /archetypes/about.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "About Me" 3 | description: "All About Me" 4 | date: "2015-08-18" 5 | type: "about" 6 | layout: "single" 7 | categories: 8 | - "bio" 9 | - "about" 10 | - "meta" 11 | tags: 12 | - "bio" 13 | blurb: "Just a city boy, born and raised in South Detroit" 14 | recentposts: 5 15 | recentprojects: 5 16 | photo: "/images/avatar.png" 17 | cardheaderimage: "/images/default.jpg" #optional: default solid color if unset 18 | cardbackground: "#263238" #optional: card background color; only shows when no image specified 19 | --- 20 | 21 | #### Education 22 | >2015 MA, Wine Appreciation, University of Caledonia 23 | >2013 BA, Painting with Condiments, University of Caledonia 24 | 25 | #### Publications 26 | > Big 'ol book of condiment paintings (2015) 27 | > Distincive Properties of Caledonia Wine. Journal of Wine Tasting. (2015) 28 | 29 | #### Places I've worked 30 | >I don't work :( -------------------------------------------------------------------------------- /archetypes/default.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "First" 3 | description: "first post with Hugo website engine" 4 | date: "2015-08-18" 5 | categories: 6 | - "post" 7 | tags: 8 | - "meta" 9 | - "test" 10 | cardthumbimage: "/images/default.jpg" #optional: default solid color if unset 11 | cardheaderimage: "/images/default.jpg" #optional: default solid color if unset 12 | cardbackground: "#263238" #optional: card background color; only shows when no image specified 13 | #cardtitlecolor: "#fafafa" #optional: can be changed to make text visible over card image 14 | "author": 15 | name: "Firstname Lastname" 16 | description: "Writer of stuff" 17 | website: "http://example.com/" 18 | email: "firstname@example.com" 19 | twitter: "https://twitter.com/" 20 | github: "https://github.com/" 21 | image: "/images/avatar-64x64.png" 22 | --- 23 | -------------------------------------------------------------------------------- /archetypes/post.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "First" 3 | description: "first post with Hugo website engine" 4 | date: "2015-08-18" 5 | categories: 6 | - "post" 7 | tags: 8 | - "meta" 9 | - "test" 10 | cardthumbimage: "/images/default.jpg" #optional: default solid color if unset 11 | cardheaderimage: "/images/default.jpg" #optional: default solid color if unset 12 | cardbackground: "#263238" #optional: card background color; only shows when no image specified 13 | #cardtitlecolor: "#fafafa" #optional: can be changed to make text visible over card image 14 | "author": 15 | name: "Firstname Lastname" 16 | description: "Writer of stuff" 17 | website: "http://example.com/" 18 | email: "firstname@example.com" 19 | twitter: "https://twitter.com/" 20 | github: "https://github.com/" 21 | image: "/images/avatar-64x64.png" 22 | --- 23 | 24 | This is my post. -------------------------------------------------------------------------------- /archetypes/presentation.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "First" 3 | description: "first presentation with Hugo website engine" 4 | date: "2015-08-18" 5 | categories: 6 | - "presentation" 7 | tags: 8 | - "meta" 9 | - "test" 10 | cardthumbimage: "/images/default.jpg" #optional: default solid color if unset 11 | cardheaderimage: "/images/default.jpg" #optional: default solid color if unset 12 | cardbackground: "#263238" #optional: card background color; only shows when no image specified 13 | #cardtitlecolor: "#fafafa" #optional: can be changed to make text visible over card image 14 | "author": 15 | name: "Firstname Lastname" 16 | description: "Writer of stuff" 17 | website: "http://example.com/" 18 | email: "firstname@example.com" 19 | twitter: "https://twitter.com/" 20 | github: "https://github.com/" 21 | image: "/images/avatar-64x64.png" 22 | --- 23 | 24 | # Slide 1 25 | 26 | This is my post. 27 | 28 | --- 29 | 30 | # Slide 2 31 | 32 | I am presenting 33 | -------------------------------------------------------------------------------- /archetypes/project.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "My Project Title" 3 | description: "Description of the sample project" #optional: curently displays as tooltip 4 | cardthumbimage: "/images/default-small.jpg" #optional: default solid color if unset 5 | cardheaderimage: "/images/default.jpg" #optional: default solid color if unset 6 | #cardbackground: "#263238" #optional: card background color; only shows when no image specified 7 | #cardtitlecolor: "#fafafa" #optional: can be changed to make text visible over card image 8 | repo: "http://github.com/" #optional: no icon appears if unset 9 | web: "http://github.com/" #optional: no icon appears if unset 10 | date: "2015-08-18" 11 | categories: 12 | - "project" 13 | tags: 14 | - "meta" 15 | - "project" 16 | "author": # used to fill out the project page. Unset fields are removed from page 17 | name: "Firstname Lastname" 18 | description: "Writer of stuff" 19 | website: "http://example.com/" 20 | email: "firstname@example.com" 21 | twitter: "https://twitter.com/" 22 | github: "https://github.com/" 23 | image: "/images/avatar-64x64.png" 24 | 25 | --- 26 | 27 | This is my project. 28 | 29 | 30 | -------------------------------------------------------------------------------- /exampleSite/config.toml: -------------------------------------------------------------------------------- 1 | baseurl = "http://your.base.url/" 2 | languageCode = "en-us" 3 | title = "My HugoMDL Site" 4 | theme = "HugoMDL" 5 | MetaDataFormat = "yaml" 6 | 7 | [permalinks] 8 | page = "/:title/" 9 | about = "/:filename/" 10 | 11 | [params] 12 | author = "Firstname Lastname" 13 | avatar = "/images/avatar.png" 14 | background = "/images/background.jpg" 15 | description = "A place to publish my incomprehensible ramblings" #meta description 16 | image = "/images/avatar-192x210.png" #for frontpage profile card 17 | mdlPrimary = "grey" 18 | mdlSecondary = "orange" 19 | website = "example.com" 20 | email = "Firstname@example.com" 21 | twitter = "https://twitter.com/firstname_lastname" 22 | github = "https://github.com/firstname_lastname/" 23 | linkedin = "https://linkedin.com/in/firstname_lastname/" 24 | facebook = "https://facebook.com/firstname_lastname/" 25 | copyrightyear = "2015" 26 | frontpageposts = 6 #number of post cards to display on frontpage 27 | 28 | # Fully customizable header menu 29 | [[menu.main]] 30 | name = "Home" 31 | url = "/" 32 | weight = -200 33 | [[menu.main]] 34 | name = "Articles" 35 | url = "/post/" 36 | weight = -180 37 | [[menu.main]] 38 | name = "Projects" 39 | url = "/project/" 40 | weight = -160 41 | [[menu.main]] 42 | name = "About" 43 | url = "/about/" 44 | weight = "-140" 45 | -------------------------------------------------------------------------------- /exampleSite/content/about.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "About Me" 3 | description: "All About Me" 4 | date: "2015-08-18" 5 | type: "about" 6 | layout: "single" 7 | categories: 8 | - "bio" 9 | - "about" 10 | - "meta" 11 | tags: 12 | - "bio" 13 | blurb: "Just a city boy, born and raised in South Detroit" 14 | recentposts: 5 15 | recentprojects: 5 16 | photo: "/images/avatar.png" 17 | cardheaderimage: "/images/default.jpg" #optional: default solid color if unset 18 | cardbackground: "#263238" #optional: card background color; only shows when no image specified 19 | --- 20 | 21 | 90's slow-carb Schlitz Shoreditch mixtape typewriter, wayfarers Austin keffiyeh 22 | Helvetica artisan flexitarian. Health goth vinyl scenester pickled kitsch. 23 | Organic slow-carb stumptown freegan, PBR ugh chia Intelligentsia pork belly 24 | locavore retro kale chips. Tofu put a bird on it squid tattooed beard master 25 | cleanse, mumblecore keytar mustache blog direct trade PBR&B quinoa. 26 | 27 | #### Education 28 | 29 | - 2015 - Master of Arts in Wine Tasting, University of British Columbia 30 | 31 | - 2013 - Bachelor of Arts , University of British Columbia 32 | 33 | 34 | #### Publications 35 | 36 | - Painting with condiments (2015) 37 | 38 | #### Places I've worked 39 | 40 | I don't work :( 41 | -------------------------------------------------------------------------------- /exampleSite/content/post/andyetanother.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "Awesome Post" 3 | description: "Second post with Hugo website engine" 4 | date: "2015-08-19" 5 | categories: 6 | - "post" 7 | tags: 8 | - "meta" 9 | - "test" 10 | #cardimagelg: "/images/default.jpg" 11 | #cardimagesm: "/images/default.jpg" 12 | cardbackground: "#838238" #optional: overwrites default #263238, only shows when no image specified. 13 | "author": 14 | name: "Firstname Lastname" 15 | description: "Writer of stuff" 16 | website: "http://example.com/" 17 | email: "firstname@example.com" 18 | twitter: "https://twitter.com/" 19 | github: "https://github.com/" 20 | image: "/images/avatar-64x64.png" 21 | --- 22 | 23 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 24 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 25 | when an unknown printer took a galley of type and scrambled it to make a type 26 | specimen book. It has survived not only five centuries, but also the leap into 27 | electronic typesetting, remaining essentially unchanged. It was popularised in 28 | the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, 29 | and more recently with desktop publishing software like Aldus PageMaker 30 | including versions of Lorem Ipsum. 31 | 32 | ### Lorem Ipsum 33 | 34 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 35 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 36 | when an unknown printer took a galley of type and scrambled it to make a type 37 | specimen book. It has survived not only five centuries, but also the leap into 38 | electronic typesetting, remaining essentially unchanged. It was popularised in 39 | the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, 40 | and more recently with desktop publishing software like Aldus PageMaker 41 | including versions of Lorem Ipsum. 42 | 43 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 44 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 45 | when an unknown printer took a galley of type and scrambled it to make a type 46 | specimen book. It has survived not only five centuries, but also the leap into 47 | electronic typesetting, remaining essentially unchanged. It was popularised in 48 | the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, 49 | and more recently with desktop publishing software like Aldus PageMaker 50 | including versions of Lorem Ipsum. 51 | 52 | ### Lorem Ipsum 53 | 54 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 55 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 56 | when an unknown printer took a galley of type and scrambled it to make a type 57 | specimen book. It has survived not only five centuries, but also the leap into 58 | electronic typesetting, remaining essentially unchanged. It was popularised in 59 | the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, 60 | and more recently with desktop publishing software like Aldus PageMaker 61 | including versions of Lorem Ipsum. 62 | -------------------------------------------------------------------------------- /exampleSite/content/post/another.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "Stellar Post" 3 | description: "Second post with Hugo website engine" 4 | date: "2015-08-26" 5 | categories: 6 | - "post" 7 | tags: 8 | - "meta" 9 | - "test" 10 | #cardimagelg: "/images/default.jpg" 11 | #cardimagesm: "/images/default.jpg" 12 | cardbackground: "#268368" #optional: overwrites default #263238, only shows when no image specified. 13 | "author": 14 | name: "Firstname Lastname" 15 | description: "Writer of stuff" 16 | website: "http://example.com/" 17 | email: "firstname@example.com" 18 | twitter: "https://twitter.com/" 19 | github: "https://github.com/" 20 | image: "/images/avatar-64x64.png" 21 | --- 22 | 23 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 24 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 25 | when an unknown printer took a galley of type and scrambled it to make a type 26 | specimen book. It has survived not only five centuries, but also the leap into 27 | electronic typesetting, remaining essentially unchanged. It was popularised in 28 | the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, 29 | and more recently with desktop publishing software like Aldus PageMaker 30 | including versions of Lorem Ipsum. 31 | 32 | ### Lorem Ipsum 33 | 34 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 35 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 36 | when an unknown printer took a galley of type and scrambled it to make a type 37 | specimen book. It has survived not only five centuries, but also the leap into 38 | electronic typesetting, remaining essentially unchanged. It was popularised in 39 | the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, 40 | and more recently with desktop publishing software like Aldus PageMaker 41 | including versions of Lorem Ipsum. 42 | 43 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 44 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 45 | when an unknown printer took a galley of type and scrambled it to make a type 46 | specimen book. It has survived not only five centuries, but also the leap into 47 | electronic typesetting, remaining essentially unchanged. It was popularised in 48 | the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, 49 | and more recently with desktop publishing software like Aldus PageMaker 50 | including versions of Lorem Ipsum. 51 | 52 | ### Lorem Ipsum 53 | 54 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 55 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 56 | when an unknown printer took a galley of type and scrambled it to make a type 57 | specimen book. It has survived not only five centuries, but also the leap into 58 | electronic typesetting, remaining essentially unchanged. It was popularised in 59 | the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, 60 | and more recently with desktop publishing software like Aldus PageMaker 61 | including versions of Lorem Ipsum. 62 | -------------------------------------------------------------------------------- /exampleSite/content/post/another1.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "Fantastic Post" 3 | description: "Second post with Hugo website engine" 4 | date: "2015-08-19" 5 | categories: 6 | - "post" 7 | tags: 8 | - "meta" 9 | - "test" 10 | #cardimagelg: "/images/default.jpg" 11 | #cardimagesm: "/images/default.jpg" 12 | cardbackground: "#263654" #optional: overwrites default #263238, only shows when no image specified. 13 | "author": 14 | name: "Firstname Lastname" 15 | description: "Writer of stuff" 16 | website: "http://example.com/" 17 | email: "firstname@example.com" 18 | twitter: "https://twitter.com/" 19 | github: "https://github.com/" 20 | image: "/images/avatar-64x64.png" 21 | --- 22 | 23 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 24 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 25 | when an unknown printer took a galley of type and scrambled it to make a type 26 | specimen book. It has survived not only five centuries, but also the leap into 27 | electronic typesetting, remaining essentially unchanged. It was popularised in 28 | the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, 29 | and more recently with desktop publishing software like Aldus PageMaker 30 | including versions of Lorem Ipsum. 31 | 32 | ### Lorem Ipsum 33 | 34 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 35 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 36 | when an unknown printer took a galley of type and scrambled it to make a type 37 | specimen book. It has survived not only five centuries, but also the leap into 38 | electronic typesetting, remaining essentially unchanged. It was popularised in 39 | the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, 40 | and more recently with desktop publishing software like Aldus PageMaker 41 | including versions of Lorem Ipsum. 42 | 43 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 44 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 45 | when an unknown printer took a galley of type and scrambled it to make a type 46 | specimen book. It has survived not only five centuries, but also the leap into 47 | electronic typesetting, remaining essentially unchanged. It was popularised in 48 | the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, 49 | and more recently with desktop publishing software like Aldus PageMaker 50 | including versions of Lorem Ipsum. 51 | 52 | ### Lorem Ipsum 53 | 54 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 55 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 56 | when an unknown printer took a galley of type and scrambled it to make a type 57 | specimen book. It has survived not only five centuries, but also the leap into 58 | electronic typesetting, remaining essentially unchanged. It was popularised in 59 | the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, 60 | and more recently with desktop publishing software like Aldus PageMaker 61 | including versions of Lorem Ipsum. 62 | -------------------------------------------------------------------------------- /exampleSite/content/post/another2.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "Amazing Post" 3 | description: "Second post with Hugo website engine" 4 | date: "2015-08-19" 5 | categories: 6 | - "post" 7 | tags: 8 | - "meta" 9 | - "test" 10 | #cardimagelg: "/images/default.jpg" 11 | #cardimagesm: "/images/default.jpg" 12 | cardbackground: "#954351" #optional: overwrites default #263238, only shows when no image specified. 13 | "author": 14 | name: "Firstname Lastname" 15 | description: "Writer of stuff" 16 | website: "http://example.com/" 17 | email: "firstname@example.com" 18 | twitter: "https://twitter.com/" 19 | github: "https://github.com/" 20 | image: "/images/avatar-64x64.png" 21 | --- 22 | 23 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 24 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 25 | when an unknown printer took a galley of type and scrambled it to make a type 26 | specimen book. It has survived not only five centuries, but also the leap into 27 | electronic typesetting, remaining essentially unchanged. It was popularised in 28 | the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, 29 | and more recently with desktop publishing software like Aldus PageMaker 30 | including versions of Lorem Ipsum. 31 | 32 | ### Lorem Ipsum 33 | 34 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 35 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 36 | when an unknown printer took a galley of type and scrambled it to make a type 37 | specimen book. It has survived not only five centuries, but also the leap into 38 | electronic typesetting, remaining essentially unchanged. It was popularised in 39 | the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, 40 | and more recently with desktop publishing software like Aldus PageMaker 41 | including versions of Lorem Ipsum. 42 | 43 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 44 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 45 | when an unknown printer took a galley of type and scrambled it to make a type 46 | specimen book. It has survived not only five centuries, but also the leap into 47 | electronic typesetting, remaining essentially unchanged. It was popularised in 48 | the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, 49 | and more recently with desktop publishing software like Aldus PageMaker 50 | including versions of Lorem Ipsum. 51 | 52 | ### Lorem Ipsum 53 | 54 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 55 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 56 | when an unknown printer took a galley of type and scrambled it to make a type 57 | specimen book. It has survived not only five centuries, but also the leap into 58 | electronic typesetting, remaining essentially unchanged. It was popularised in 59 | the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, 60 | and more recently with desktop publishing software like Aldus PageMaker 61 | including versions of Lorem Ipsum. 62 | -------------------------------------------------------------------------------- /exampleSite/content/post/another3.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "Wow! Such Post!" 3 | description: "Second post with Hugo website engine" 4 | date: "2015-08-19" 5 | categories: 6 | - "post" 7 | tags: 8 | - "meta" 9 | - "test" 10 | #cardimagelg: "/images/default.jpg" 11 | #cardimagesm: "/images/default.jpg" 12 | cardbackground: "#294652" #optional: overwrites default #263238, only shows when no image specified. 13 | "author": 14 | name: "Firstname Lastname" 15 | description: "Writer of stuff" 16 | website: "http://example.com/" 17 | email: "firstname@example.com" 18 | twitter: "https://twitter.com/" 19 | github: "https://github.com/" 20 | image: "/images/avatar-64x64.png" 21 | --- 22 | 23 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 24 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 25 | when an unknown printer took a galley of type and scrambled it to make a type 26 | specimen book. It has survived not only five centuries, but also the leap into 27 | electronic typesetting, remaining essentially unchanged. It was popularised in 28 | the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, 29 | and more recently with desktop publishing software like Aldus PageMaker 30 | including versions of Lorem Ipsum. 31 | 32 | ### Lorem Ipsum 33 | 34 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 35 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 36 | when an unknown printer took a galley of type and scrambled it to make a type 37 | specimen book. It has survived not only five centuries, but also the leap into 38 | electronic typesetting, remaining essentially unchanged. It was popularised in 39 | the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, 40 | and more recently with desktop publishing software like Aldus PageMaker 41 | including versions of Lorem Ipsum. 42 | 43 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 44 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 45 | when an unknown printer took a galley of type and scrambled it to make a type 46 | specimen book. It has survived not only five centuries, but also the leap into 47 | electronic typesetting, remaining essentially unchanged. It was popularised in 48 | the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, 49 | and more recently with desktop publishing software like Aldus PageMaker 50 | including versions of Lorem Ipsum. 51 | 52 | ### Lorem Ipsum 53 | 54 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 55 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 56 | when an unknown printer took a galley of type and scrambled it to make a type 57 | specimen book. It has survived not only five centuries, but also the leap into 58 | electronic typesetting, remaining essentially unchanged. It was popularised in 59 | the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, 60 | and more recently with desktop publishing software like Aldus PageMaker 61 | including versions of Lorem Ipsum. 62 | -------------------------------------------------------------------------------- /exampleSite/content/post/coolpost.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "Cool Post" 3 | description: "A post made with Hugo website engine" 4 | date: "2015-10-04" 5 | categories: 6 | - "post" 7 | tags: 8 | - "meta" 9 | - "test" 10 | #cardthumbimage: "/images/default.jpg" #optional: solid color if unset 11 | cardheaderimage: "/images/default.jpg" #optional: solid color if unset 12 | cardbackground: "#263238" #optional: card background color; only shows when no image specified 13 | cardtitlecolor: "#ffffff" #optional: can be changed to make text visible over card image 14 | "author": 15 | name: "Firstname Lastname" 16 | description: "Writer of stuff" 17 | website: "http://example.com/" 18 | email: "firstname@example.com" 19 | twitter: "https://twitter.com/" 20 | github: "https://github.com/" 21 | image: "/images/avatar-64x64.png" 22 | --- 23 | 24 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 25 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 26 | when an unknown printer took a galley of type and scrambled it to make a type 27 | specimen book. It has survived not only five centuries, but also the leap into 28 | electronic typesetting, remaining essentially unchanged. It was popularised in 29 | the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, 30 | and more recently with desktop publishing software like Aldus PageMaker 31 | including versions of Lorem Ipsum. 32 | 33 | ### Lorem Ipsum 34 | 35 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 36 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 37 | when an unknown printer took a galley of type and scrambled it to make a type 38 | specimen book. It has survived not only five centuries, but also the leap into 39 | electronic typesetting, remaining essentially unchanged. It was popularised in 40 | the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, 41 | and more recently with desktop publishing software like Aldus PageMaker 42 | including versions of Lorem Ipsum. 43 | 44 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 45 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 46 | when an unknown printer took a galley of type and scrambled it to make a type 47 | specimen book. It has survived not only five centuries, but also the leap into 48 | electronic typesetting, remaining essentially unchanged. It was popularised in 49 | the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, 50 | and more recently with desktop publishing software like Aldus PageMaker 51 | including versions of Lorem Ipsum. 52 | 53 | ### Lorem Ipsum 54 | 55 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 56 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 57 | when an unknown printer took a galley of type and scrambled it to make a type 58 | specimen book. It has survived not only five centuries, but also the leap into 59 | electronic typesetting, remaining essentially unchanged. It was popularised in 60 | the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, 61 | and more recently with desktop publishing software like Aldus PageMaker 62 | including versions of Lorem Ipsum. 63 | -------------------------------------------------------------------------------- /exampleSite/content/post/first.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "First Post" 3 | description: "first post with Hugo website engine" 4 | date: "2015-08-18" 5 | categories: 6 | - "post" 7 | tags: 8 | - "meta" 9 | - "test" 10 | #cardimagelg: "/images/default.jpg" 11 | #cardimagesm: "/images/default.jpg" 12 | cardbackground: "#856324" #optional: overwrites default #263238, only shows when no image specified. 13 | "author": 14 | name: "Firstname Lastname" 15 | description: "Writer of stuff" 16 | website: "http://example.com/" 17 | email: "firstname@example.com" 18 | twitter: "https://twitter.com/" 19 | github: "https://github.com/" 20 | image: "/images/avatar-64x64.png" 21 | --- 22 | 23 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 24 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 25 | when an unknown printer took a galley of type and scrambled it to make a type specimen book. 26 | It has survived not only five centuries, but also the leap into electronic typesetting, 27 | remaining essentially unchanged. It was popularised in the 1960s with the release of 28 | Letraset sheets containing Lorem Ipsum passages, and more recently with desktop 29 | publishing software like Aldus PageMaker including versions of Lorem Ipsum. 30 | 31 | ~~~bash 32 | npm install 33 | npm install mylib --save 34 | node server.js 35 | ~~~ 36 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s. 37 | It was popularised in the 1960s with the release of Letraset sheets containing 38 | Lorem Ipsum passages, and more recently with desktop publishing software like 39 | Aldus PageMaker including versions of Lorem Ipsum. 40 | 41 | ~~~js 42 | var myfunc = function() { 43 | t = this; 44 | t.somemethod = function() { 45 | return 1; 46 | }; 47 | } 48 | ~~~ 49 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s. 50 | It was popularised in the 1960s with the release of Letraset sheets containing 51 | Lorem Ipsum passages, and more recently with desktop publishing software like 52 | Aldus PageMaker including versions of Lorem Ipsum. -------------------------------------------------------------------------------- /exampleSite/content/post/omgsomany.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "This Post" 3 | description: "Second post with Hugo website engine" 4 | date: "2015-08-19" 5 | categories: 6 | - "post" 7 | tags: 8 | - "meta" 9 | - "test" 10 | #cardimagelg: "/images/default.jpg" 11 | #cardimagesm: "/images/default.jpg" 12 | cardbackground: "#123456" #optional: overwrites default #263238, only shows when no image specified. 13 | "author": 14 | name: "Firstname Lastname" 15 | description: "Writer of stuff" 16 | website: "http://example.com/" 17 | email: "firstname@example.com" 18 | twitter: "https://twitter.com/" 19 | github: "https://github.com/" 20 | image: "/images/avatar-64x64.png" 21 | --- 22 | 23 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 24 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 25 | when an unknown printer took a galley of type and scrambled it to make a type 26 | specimen book. It has survived not only five centuries, but also the leap into 27 | electronic typesetting, remaining essentially unchanged. It was popularised in 28 | the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, 29 | and more recently with desktop publishing software like Aldus PageMaker 30 | including versions of Lorem Ipsum. 31 | 32 | ### Lorem Ipsum 33 | 34 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 35 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 36 | when an unknown printer took a galley of type and scrambled it to make a type 37 | specimen book. It has survived not only five centuries, but also the leap into 38 | electronic typesetting, remaining essentially unchanged. It was popularised in 39 | the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, 40 | and more recently with desktop publishing software like Aldus PageMaker 41 | including versions of Lorem Ipsum. 42 | 43 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 44 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 45 | when an unknown printer took a galley of type and scrambled it to make a type 46 | specimen book. It has survived not only five centuries, but also the leap into 47 | electronic typesetting, remaining essentially unchanged. It was popularised in 48 | the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, 49 | and more recently with desktop publishing software like Aldus PageMaker 50 | including versions of Lorem Ipsum. 51 | 52 | ### Lorem Ipsum 53 | 54 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 55 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 56 | when an unknown printer took a galley of type and scrambled it to make a type 57 | specimen book. It has survived not only five centuries, but also the leap into 58 | electronic typesetting, remaining essentially unchanged. It was popularised in 59 | the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, 60 | and more recently with desktop publishing software like Aldus PageMaker 61 | including versions of Lorem Ipsum. 62 | -------------------------------------------------------------------------------- /exampleSite/content/post/omgsomanymore.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "That Post" 3 | description: "Second post with Hugo website engine" 4 | date: "2015-08-19" 5 | categories: 6 | - "post" 7 | tags: 8 | - "meta" 9 | - "test" 10 | #cardimagelg: "/images/default.jpg" 11 | #cardimagesm: "/images/default.jpg" 12 | cardbackground: "#246852" #optional: overwrites default #263238, only shows when no image specified. 13 | "author": 14 | name: "Firstname Lastname" 15 | description: "Writer of stuff" 16 | website: "http://example.com/" 17 | email: "firstname@example.com" 18 | twitter: "https://twitter.com/" 19 | github: "https://github.com/" 20 | image: "/images/avatar-64x64.png" 21 | --- 22 | 23 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 24 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 25 | when an unknown printer took a galley of type and scrambled it to make a type 26 | specimen book. It has survived not only five centuries, but also the leap into 27 | electronic typesetting, remaining essentially unchanged. It was popularised in 28 | the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, 29 | and more recently with desktop publishing software like Aldus PageMaker 30 | including versions of Lorem Ipsum. 31 | 32 | ### Lorem Ipsum 33 | 34 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 35 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 36 | when an unknown printer took a galley of type and scrambled it to make a type 37 | specimen book. It has survived not only five centuries, but also the leap into 38 | electronic typesetting, remaining essentially unchanged. It was popularised in 39 | the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, 40 | and more recently with desktop publishing software like Aldus PageMaker 41 | including versions of Lorem Ipsum. 42 | 43 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 44 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 45 | when an unknown printer took a galley of type and scrambled it to make a type 46 | specimen book. It has survived not only five centuries, but also the leap into 47 | electronic typesetting, remaining essentially unchanged. It was popularised in 48 | the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, 49 | and more recently with desktop publishing software like Aldus PageMaker 50 | including versions of Lorem Ipsum. 51 | 52 | ### Lorem Ipsum 53 | 54 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 55 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 56 | when an unknown printer took a galley of type and scrambled it to make a type 57 | specimen book. It has survived not only five centuries, but also the leap into 58 | electronic typesetting, remaining essentially unchanged. It was popularised in 59 | the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, 60 | and more recently with desktop publishing software like Aldus PageMaker 61 | including versions of Lorem Ipsum. 62 | -------------------------------------------------------------------------------- /exampleSite/content/post/second.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "Second Post" 3 | description: "Second post with Hugo website engine" 4 | date: "2015-08-19" 5 | categories: 6 | - "post" 7 | tags: 8 | - "meta" 9 | - "test" 10 | #cardimagelg: "/images/default.jpg" 11 | #cardimagesm: "/images/default.jpg" 12 | cardbackground: "#987654" #optional: overwrites default #263238, only shows when no image specified. 13 | "author": 14 | name: "Firstname Lastname" 15 | description: "Writer of stuff" 16 | website: "http://example.com/" 17 | email: "firstname@example.com" 18 | twitter: "https://twitter.com/" 19 | github: "https://github.com/" 20 | image: "/images/avatar-64x64.png" 21 | --- 22 | 23 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 24 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 25 | when an unknown printer took a galley of type and scrambled it to make a type 26 | specimen book. It has survived not only five centuries, but also the leap into 27 | electronic typesetting, remaining essentially unchanged. It was popularised in 28 | the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, 29 | and more recently with desktop publishing software like Aldus PageMaker 30 | including versions of Lorem Ipsum. 31 | 32 | ### Lorem Ipsum 33 | 34 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 35 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 36 | when an unknown printer took a galley of type and scrambled it to make a type 37 | specimen book. It has survived not only five centuries, but also the leap into 38 | electronic typesetting, remaining essentially unchanged. It was popularised in 39 | the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, 40 | and more recently with desktop publishing software like Aldus PageMaker 41 | including versions of Lorem Ipsum. 42 | 43 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 44 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 45 | when an unknown printer took a galley of type and scrambled it to make a type 46 | specimen book. It has survived not only five centuries, but also the leap into 47 | electronic typesetting, remaining essentially unchanged. It was popularised in 48 | the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, 49 | and more recently with desktop publishing software like Aldus PageMaker 50 | including versions of Lorem Ipsum. 51 | 52 | ### Lorem Ipsum 53 | 54 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 55 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 56 | when an unknown printer took a galley of type and scrambled it to make a type 57 | specimen book. It has survived not only five centuries, but also the leap into 58 | electronic typesetting, remaining essentially unchanged. It was popularised in 59 | the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, 60 | and more recently with desktop publishing software like Aldus PageMaker 61 | including versions of Lorem Ipsum. 62 | -------------------------------------------------------------------------------- /exampleSite/content/post/third.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "Third Post" 3 | description: "third post with Hugo website engine" 4 | date: "2015-08-20" 5 | categories: 6 | - "post" 7 | tags: 8 | - "meta" 9 | - "test" 10 | #cardimagelg: "/images/default.jpg" 11 | #cardimagesm: "/images/default.jpg" 12 | cardbackground: "#789456" #optional: overwrites default #263238, only shows when no image specified. 13 | "author": 14 | name: "Firstname Lastname" 15 | description: "Writer of stuff" 16 | website: "http://example.com/" 17 | email: "firstname@example.com" 18 | twitter: "https://twitter.com/" 19 | github: "https://github.com/" 20 | image: "/images/avatar-64x64.png" 21 | --- 22 | 23 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 24 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 25 | when an unknown printer took a galley of type and scrambled it to make a type 26 | specimen book. It has survived not only five centuries, but also the leap into 27 | electronic typesetting, remaining essentially unchanged. It was popularised in 28 | the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, 29 | and more recently with desktop publishing software like Aldus PageMaker 30 | including versions of Lorem Ipsum. 31 | -------------------------------------------------------------------------------- /exampleSite/content/post/yetanother.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "Sweet Post" 3 | description: "Second post with Hugo website engine" 4 | date: "2015-08-19" 5 | categories: 6 | - "post" 7 | tags: 8 | - "meta" 9 | - "test" 10 | #cardimagelg: "/images/default.jpg" 11 | #cardimagesm: "/images/default.jpg" 12 | cardbackground: "#645281" #optional: overwrites default #263238, only shows when no image specified. 13 | "author": 14 | name: "Firstname Lastname" 15 | description: "Writer of stuff" 16 | website: "http://example.com/" 17 | email: "firstname@example.com" 18 | twitter: "https://twitter.com/" 19 | github: "https://github.com/" 20 | image: "/images/avatar-64x64.png" 21 | --- 22 | 23 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 24 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 25 | when an unknown printer took a galley of type and scrambled it to make a type 26 | specimen book. It has survived not only five centuries, but also the leap into 27 | electronic typesetting, remaining essentially unchanged. It was popularised in 28 | the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, 29 | and more recently with desktop publishing software like Aldus PageMaker 30 | including versions of Lorem Ipsum. 31 | 32 | ### Lorem Ipsum 33 | 34 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 35 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 36 | when an unknown printer took a galley of type and scrambled it to make a type 37 | specimen book. It has survived not only five centuries, but also the leap into 38 | electronic typesetting, remaining essentially unchanged. It was popularised in 39 | the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, 40 | and more recently with desktop publishing software like Aldus PageMaker 41 | including versions of Lorem Ipsum. 42 | 43 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 44 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 45 | when an unknown printer took a galley of type and scrambled it to make a type 46 | specimen book. It has survived not only five centuries, but also the leap into 47 | electronic typesetting, remaining essentially unchanged. It was popularised in 48 | the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, 49 | and more recently with desktop publishing software like Aldus PageMaker 50 | including versions of Lorem Ipsum. 51 | 52 | ### Lorem Ipsum 53 | 54 | Lorem Ipsum is simply dummy text of the printing and typesetting industry. 55 | Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, 56 | when an unknown printer took a galley of type and scrambled it to make a type 57 | specimen book. It has survived not only five centuries, but also the leap into 58 | electronic typesetting, remaining essentially unchanged. It was popularised in 59 | the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, 60 | and more recently with desktop publishing software like Aldus PageMaker 61 | including versions of Lorem Ipsum. 62 | -------------------------------------------------------------------------------- /exampleSite/content/project/collaborativeproject.md: -------------------------------------------------------------------------------- 1 | --- 2 | "author": 3 | description: "Writer of stuff" 4 | email: "jeremy@example.com" 5 | github: "https://github.com/" 6 | image: "/images/avatar.png" 7 | name: "First Last" 8 | twitter: "example_twittername" 9 | website: "http://example.com/" 10 | cardbackground: "#222444" 11 | cardthumbimage: "/images/default-small.jpg" 12 | cardheaderimage: "/images/default.jpg" 13 | #cardtitlecolor: "#fafafa" 14 | categories: 15 | - "project" 16 | date: "2015-10-05T02:27:08Z" 17 | description: "Description of the sample project" 18 | 19 | repo: "http://github.com/" 20 | tags: 21 | - "meta" 22 | - "project" 23 | title: "Awesome Collaborative Project" 24 | #web: "http://github.com/" 25 | --- 26 | 27 | Mustache keytar disrupt ugh PBR. Before they sold out Brooklyn pickled, lumbersexual lo-fi mustache hoodie Tumblr Banksy semiotics salvia seitan 8-bit four loko PBR. Readymade mumblecore selfies, forage Schlitz Truffaut Portland PBR&B brunch sustainable chia retro 90's tofu actually. Cold-pressed synth pickled Blue Bottle, chambray photo booth Schlitz Austin leggings distillery. Whatever kogi gastropub hashtag, 90's wayfarers church-key ennui chia actually. Disrupt Bushwick trust fund, bicycle rights umami pork belly sartorial lumbersexual scenester asymmetrical Schlitz. Ugh whatever raw denim taxidermy paleo Kickstarter polaroid, Austin before they sold out iPhone readymade mlkshk mixtape. 28 | 29 | ![my img](/images/thumb1.png) 30 | 31 | Vegan tote bag flannel, master cleanse American Apparel drinking vinegar banh mi. Cornhole small batch polaroid, Intelligentsia occupy cliche wolf brunch. Brooklyn before they sold out health goth, Banksy fingerstache cray bitters post-ironic lumbersexual. Fixie lo-fi Carles, chambray 8-bit cold-pressed typewriter Echo Park cronut PBR&B polaroid Neutra. Helvetica DIY blog, distillery typewriter VHS High Life listicle. Typewriter aesthetic YOLO brunch literally meh. Twee organic Austin, street art chia jean shorts before they sold out. -------------------------------------------------------------------------------- /exampleSite/content/project/coolcode.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "A Cool Piece of Code" 3 | date: "2015-09-27" 4 | description: "This was a cool piece of code that I wrote" 5 | #cardimage: "/images/default.jpg" 6 | #headerimage: "/images/default.jpg" 7 | cardbackground: "#266638" 8 | #repo: "http://github.com/sampleproject" 9 | "author": 10 | description: "Writer of stuff" 11 | email: "jeremy@example.com" 12 | github: "https://github.com/example/" 13 | name: "Firstname Lastname" 14 | twitter: "http://twitter.com/Jeremy_Atkinson" 15 | website: "http://example.com/bio/" 16 | categories: 17 | - "project" 18 | tags: 19 | - "project" 20 | #titlecolor: "#ffab40" #ffab40 21 | --- 22 | 23 | Mustache keytar disrupt ugh PBR. Before they sold out Brooklyn pickled, lumbersexual lo-fi mustache hoodie Tumblr Banksy semiotics salvia seitan 8-bit four loko PBR. Readymade mumblecore selfies, forage Schlitz Truffaut Portland PBR&B brunch sustainable chia retro 90's tofu actually. Cold-pressed synth pickled Blue Bottle, chambray photo booth Schlitz Austin leggings distillery. Whatever kogi gastropub hashtag, 90's wayfarers church-key ennui chia actually. Disrupt Bushwick trust fund, bicycle rights umami pork belly sartorial lumbersexual scenester asymmetrical Schlitz. Ugh whatever raw denim taxidermy paleo Kickstarter polaroid, Austin before they sold out iPhone readymade mlkshk mixtape. 24 | 25 | ![my img](/images/thumb1.png) 26 | 27 | Vegan tote bag flannel, master cleanse American Apparel drinking vinegar banh mi. Cornhole small batch polaroid, Intelligentsia occupy cliche wolf brunch. Brooklyn before they sold out health goth, Banksy fingerstache cray bitters post-ironic lumbersexual. Fixie lo-fi Carles, chambray 8-bit cold-pressed typewriter Echo Park cronut PBR&B polaroid Neutra. Helvetica DIY blog, distillery typewriter VHS High Life listicle. Typewriter aesthetic YOLO brunch literally meh. Twee organic Austin, street art chia jean shorts before they sold out. 28 | 29 | Echo Park fanny pack small batch, Austin kale chips four dollar toast tattooed crucifix flexitarian PBR. Gentrify taxidermy health goth wolf, kale chips four dollar toast messenger bag kogi flannel mustache. Four loko selfies cray, meditation Marfa mumblecore tote bag butcher photo booth. Roof party twee retro hoodie, pork belly put a bird on it Austin taxidermy. Meh quinoa Brooklyn sustainable sartorial. Church-key mustache Blue Bottle Shoreditch XOXO artisan. Mixtape hoodie +1, ethical letterpress chambray authentic skateboard. 30 | 31 | Schlitz small batch four dollar toast, Etsy dreamcatcher roof party irony. Single-origin coffee slow-carb selvage occupy, art party vegan photo booth chambray. Organic whatever Pitchfork, food truck XOXO listicle shabby chic pug migas VHS American Apparel YOLO crucifix kale chips cardigan. Polaroid sustainable church-key, tattooed Blue Bottle ennui tote bag blog umami cray asymmetrical American Apparel pork belly ethical chambray. Meditation skateboard fashion axe Odd Future yr Kickstarter cardigan. Post-ironic Godard meh beard +1, leggings biodiesel cornhole drinking vinegar keytar plaid sartorial migas viral gentrify. Sriracha lumbersexual sustainable, sartorial occupy keytar brunch artisan hella tattooed gluten-free. -------------------------------------------------------------------------------- /exampleSite/content/project/coolwebsite.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "A Cool Website" 3 | date: "2015-09-27" 4 | description: "This was a cool website I made" 5 | #cardimage: "/images/default.jpg" 6 | #headerimage: "/images/default.jpg" 7 | cardbackground: "#263238" 8 | web: "http://github.com/sampleproject" 9 | repo: "http://github.com/sampleproject" 10 | "author": 11 | description: "Writer of stuff" 12 | email: "jeremy@example.com" 13 | github: "https://github.com/example/" 14 | name: "First Last" 15 | twitter: "http://twitter.com/Jeremy_Atkinson" 16 | website: "http://example.com/bio/" 17 | categories: 18 | - "project" 19 | tags: 20 | - "project" 21 | --- 22 | 23 | Mustache keytar disrupt ugh PBR. Before they sold out Brooklyn pickled, lumbersexual lo-fi mustache hoodie Tumblr Banksy semiotics salvia seitan 8-bit four loko PBR. Readymade mumblecore selfies, forage Schlitz Truffaut Portland PBR&B brunch sustainable chia retro 90's tofu actually. Cold-pressed synth pickled Blue Bottle, chambray photo booth Schlitz Austin leggings distillery. Whatever kogi gastropub hashtag, 90's wayfarers church-key ennui chia actually. Disrupt Bushwick trust fund, bicycle rights umami pork belly sartorial lumbersexual scenester asymmetrical Schlitz. Ugh whatever raw denim taxidermy paleo Kickstarter polaroid, Austin before they sold out iPhone readymade mlkshk mixtape. 24 | 25 | Vegan tote bag flannel, master cleanse American Apparel drinking vinegar banh mi. Cornhole small batch polaroid, Intelligentsia occupy cliche wolf brunch. Brooklyn before they sold out health goth, Banksy fingerstache cray bitters post-ironic lumbersexual. Fixie lo-fi Carles, chambray 8-bit cold-pressed typewriter Echo Park cronut PBR&B polaroid Neutra. Helvetica DIY blog, distillery typewriter VHS High Life listicle. Typewriter aesthetic YOLO brunch literally meh. Twee organic Austin, street art chia jean shorts before they sold out. 26 | 27 | Echo Park fanny pack small batch, Austin kale chips four dollar toast tattooed crucifix flexitarian PBR. Gentrify taxidermy health goth wolf, kale chips four dollar toast messenger bag kogi flannel mustache. Four loko selfies cray, meditation Marfa mumblecore tote bag butcher photo booth. Roof party twee retro hoodie, pork belly put a bird on it Austin taxidermy. Meh quinoa Brooklyn sustainable sartorial. Church-key mustache Blue Bottle Shoreditch XOXO artisan. Mixtape hoodie +1, ethical letterpress chambray authentic skateboard. 28 | 29 | Schlitz small batch four dollar toast, Etsy dreamcatcher roof party irony. Single-origin coffee slow-carb selvage occupy, art party vegan photo booth chambray. Organic whatever Pitchfork, food truck XOXO listicle shabby chic pug migas VHS American Apparel YOLO crucifix kale chips cardigan. Polaroid sustainable church-key, tattooed Blue Bottle ennui tote bag blog umami cray asymmetrical American Apparel pork belly ethical chambray. Meditation skateboard fashion axe Odd Future yr Kickstarter cardigan. Post-ironic Godard meh beard +1, leggings biodiesel cornhole drinking vinegar keytar plaid sartorial migas viral gentrify. Sriracha lumbersexual sustainable, sartorial occupy keytar brunch artisan hella tattooed gluten-free. -------------------------------------------------------------------------------- /exampleSite/content/project/hugotheme.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "Material Design Lite theme for Hugo" 3 | date: "2015-09-27" 4 | description: "This is a description of my project" 5 | web: "http://github.com/sampleproject" 6 | repo: "http://github.com/sampleproject" 7 | #cardimage: "/images/default.jpg" 8 | #headerimage: "/images/default.jpg" 9 | #cardbackground: "#263238" 10 | "author": 11 | description: "Writer of stuff" 12 | email: "jeremy@example.com" 13 | github: "https://github.com/example/" 14 | name: "First Last" 15 | twitter: "http://twitter.com/Jeremy_Atkinson" 16 | website: "http://example.com/bio/" 17 | categories: 18 | - "project" 19 | tags: 20 | - "project" 21 | --- 22 | 23 | Mustache keytar disrupt ugh PBR. Before they sold out Brooklyn pickled, lumbersexual lo-fi mustache hoodie Tumblr Banksy semiotics salvia seitan 8-bit four loko PBR. Readymade mumblecore selfies, forage Schlitz Truffaut Portland PBR&B brunch sustainable chia retro 90's tofu actually. Cold-pressed synth pickled Blue Bottle, chambray photo booth Schlitz Austin leggings distillery. Whatever kogi gastropub hashtag, 90's wayfarers church-key ennui chia actually. Disrupt Bushwick trust fund, bicycle rights umami pork belly sartorial lumbersexual scenester asymmetrical Schlitz. Ugh whatever raw denim taxidermy paleo Kickstarter polaroid, Austin before they sold out iPhone readymade mlkshk mixtape. 24 | 25 | Vegan tote bag flannel, master cleanse American Apparel drinking vinegar banh mi. Cornhole small batch polaroid, Intelligentsia occupy cliche wolf brunch. Brooklyn before they sold out health goth, Banksy fingerstache cray bitters post-ironic lumbersexual. Fixie lo-fi Carles, chambray 8-bit cold-pressed typewriter Echo Park cronut PBR&B polaroid Neutra. Helvetica DIY blog, distillery typewriter VHS High Life listicle. Typewriter aesthetic YOLO brunch literally meh. Twee organic Austin, street art chia jean shorts before they sold out. 26 | 27 | Echo Park fanny pack small batch, Austin kale chips four dollar toast tattooed crucifix flexitarian PBR. Gentrify taxidermy health goth wolf, kale chips four dollar toast messenger bag kogi flannel mustache. Four loko selfies cray, meditation Marfa mumblecore tote bag butcher photo booth. Roof party twee retro hoodie, pork belly put a bird on it Austin taxidermy. Meh quinoa Brooklyn sustainable sartorial. Church-key mustache Blue Bottle Shoreditch XOXO artisan. Mixtape hoodie +1, ethical letterpress chambray authentic skateboard. 28 | 29 | Schlitz small batch four dollar toast, Etsy dreamcatcher roof party irony. Single-origin coffee slow-carb selvage occupy, art party vegan photo booth chambray. Organic whatever Pitchfork, food truck XOXO listicle shabby chic pug migas VHS American Apparel YOLO crucifix kale chips cardigan. Polaroid sustainable church-key, tattooed Blue Bottle ennui tote bag blog umami cray asymmetrical American Apparel pork belly ethical chambray. Meditation skateboard fashion axe Odd Future yr Kickstarter cardigan. Post-ironic Godard meh beard +1, leggings biodiesel cornhole drinking vinegar keytar plaid sartorial migas viral gentrify. Sriracha lumbersexual sustainable, sartorial occupy keytar brunch artisan hella tattooed gluten-free. -------------------------------------------------------------------------------- /exampleSite/content/project/myproject.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: "Another Cool Website" 3 | date: "2015-09-27" 4 | description: "This is a description of my project" 5 | #cardimage: "/images/default.jpg" 6 | #headerimage: "/images/default.jpg" 7 | cardbackground: "#663667" 8 | web: "http://github.com/sampleproject" 9 | repo: "http://github.com/sampleproject" 10 | "author": 11 | description: "Writer of stuff" 12 | email: "jeremy@example.com" 13 | github: "https://github.com/example/" 14 | name: "First Last" 15 | twitter: "http://twitter.com/Jeremy_Atkinson" 16 | website: "http://example.com/bio/" 17 | categories: 18 | - "project" 19 | tags: 20 | - "project" 21 | --- 22 | 23 | Mustache keytar disrupt ugh PBR. Before they sold out Brooklyn pickled, lumbersexual lo-fi mustache hoodie Tumblr Banksy semiotics salvia seitan 8-bit four loko PBR. Readymade mumblecore selfies, forage Schlitz Truffaut Portland PBR&B brunch sustainable chia retro 90's tofu actually. Cold-pressed synth pickled Blue Bottle, chambray photo booth Schlitz Austin leggings distillery. Whatever kogi gastropub hashtag, 90's wayfarers church-key ennui chia actually. Disrupt Bushwick trust fund, bicycle rights umami pork belly sartorial lumbersexual scenester asymmetrical Schlitz. Ugh whatever raw denim taxidermy paleo Kickstarter polaroid, Austin before they sold out iPhone readymade mlkshk mixtape. 24 | 25 | Vegan tote bag flannel, master cleanse American Apparel drinking vinegar banh mi. Cornhole small batch polaroid, Intelligentsia occupy cliche wolf brunch. Brooklyn before they sold out health goth, Banksy fingerstache cray bitters post-ironic lumbersexual. Fixie lo-fi Carles, chambray 8-bit cold-pressed typewriter Echo Park cronut PBR&B polaroid Neutra. Helvetica DIY blog, distillery typewriter VHS High Life listicle. Typewriter aesthetic YOLO brunch literally meh. Twee organic Austin, street art chia jean shorts before they sold out. 26 | 27 | Echo Park fanny pack small batch, Austin kale chips four dollar toast tattooed crucifix flexitarian PBR. Gentrify taxidermy health goth wolf, kale chips four dollar toast messenger bag kogi flannel mustache. Four loko selfies cray, meditation Marfa mumblecore tote bag butcher photo booth. Roof party twee retro hoodie, pork belly put a bird on it Austin taxidermy. Meh quinoa Brooklyn sustainable sartorial. Church-key mustache Blue Bottle Shoreditch XOXO artisan. Mixtape hoodie +1, ethical letterpress chambray authentic skateboard. 28 | 29 | Schlitz small batch four dollar toast, Etsy dreamcatcher roof party irony. Single-origin coffee slow-carb selvage occupy, art party vegan photo booth chambray. Organic whatever Pitchfork, food truck XOXO listicle shabby chic pug migas VHS American Apparel YOLO crucifix kale chips cardigan. Polaroid sustainable church-key, tattooed Blue Bottle ennui tote bag blog umami cray asymmetrical American Apparel pork belly ethical chambray. Meditation skateboard fashion axe Odd Future yr Kickstarter cardigan. Post-ironic Godard meh beard +1, leggings biodiesel cornhole drinking vinegar keytar plaid sartorial migas viral gentrify. Sriracha lumbersexual sustainable, sartorial occupy keytar brunch artisan hella tattooed gluten-free. -------------------------------------------------------------------------------- /exampleSite/content/project/snippet.md: -------------------------------------------------------------------------------- 1 | --- 2 | author: 3 | description: Writer of stuff 4 | email: jeremy@example.com 5 | github: https://github.com/ 6 | image: /images/avatar.png 7 | name: First Last 8 | twitter: example_twittername 9 | website: http://example.com/ 10 | cardbackground: '#888288' 11 | #cardimage: /images/default.jpg 12 | categories: 13 | - project 14 | date: 2015-10-05T02:24:15Z 15 | description: Description of the sample project 16 | #headerimage: /images/default.jpg 17 | repo: http://github.com/ 18 | tags: 19 | - meta 20 | - project 21 | title: Useful Code Snippet 22 | #titlecolor: '#fafafa' 23 | #web: http://github.com/ 24 | --- 25 | 26 | 27 | Mustache keytar disrupt ugh PBR. Before they sold out Brooklyn pickled, lumbersexual lo-fi mustache hoodie Tumblr Banksy semiotics salvia seitan 8-bit four loko PBR. Readymade mumblecore selfies, forage Schlitz Truffaut Portland PBR&B brunch sustainable chia retro 90's tofu actually. Cold-pressed synth pickled Blue Bottle, chambray photo booth Schlitz Austin leggings distillery. Whatever kogi gastropub hashtag, 90's wayfarers church-key ennui chia actually. Disrupt Bushwick trust fund, bicycle rights umami pork belly sartorial lumbersexual scenester asymmetrical Schlitz. Ugh whatever raw denim taxidermy paleo Kickstarter polaroid, Austin before they sold out iPhone readymade mlkshk mixtape. 28 | 29 | ![my img](/images/thumb1.png) 30 | 31 | Vegan tote bag flannel, master cleanse American Apparel drinking vinegar banh mi. Cornhole small batch polaroid, Intelligentsia occupy cliche wolf brunch. Brooklyn before they sold out health goth, Banksy fingerstache cray bitters post-ironic lumbersexual. Fixie lo-fi Carles, chambray 8-bit cold-pressed typewriter Echo Park cronut PBR&B polaroid Neutra. Helvetica DIY blog, distillery typewriter VHS High Life listicle. Typewriter aesthetic YOLO brunch literally meh. Twee organic Austin, street art chia jean shorts before they sold out. -------------------------------------------------------------------------------- /exampleSite/static/.gitkeep: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jchatkinson/HugoMDL/00cdfbeaf0aa0af40cc2b53551653170d6258c46/exampleSite/static/.gitkeep -------------------------------------------------------------------------------- /images/post.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jchatkinson/HugoMDL/00cdfbeaf0aa0af40cc2b53551653170d6258c46/images/post.png -------------------------------------------------------------------------------- /images/projects.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jchatkinson/HugoMDL/00cdfbeaf0aa0af40cc2b53551653170d6258c46/images/projects.png -------------------------------------------------------------------------------- /images/screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jchatkinson/HugoMDL/00cdfbeaf0aa0af40cc2b53551653170d6258c46/images/screenshot.png -------------------------------------------------------------------------------- /images/tn.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jchatkinson/HugoMDL/00cdfbeaf0aa0af40cc2b53551653170d6258c46/images/tn.png -------------------------------------------------------------------------------- /layouts/_default/list.html: -------------------------------------------------------------------------------- 1 | {{- partial "header.html" . }} 2 |
3 |
4 |
5 |

{{ .Title }}

6 |
7 | {{- partial "pagination.html" }} 8 | {{- range .Paginator.Pages }} 9 |
10 |
11 | {{- with .Params.author.image }} 12 | 13 | {{- end }} 14 |
15 | {{ .Params.author.name }} 16 | {{ .Date.Format "Jan 2, 2006" }} 17 |
18 |
{{ title .Title }}
 19 |
20 |
21 | {{- end }} 22 | {{- partial "pagination.html" }} 23 |
24 |
25 | {{ partial "footer.html" . }} 26 | -------------------------------------------------------------------------------- /layouts/_default/single.html: -------------------------------------------------------------------------------- 1 | {{- partial "header.html" . }} 2 |
3 |
4 |
5 |

{{ title .Title }}

6 |
7 |
8 | {{- with .Params.author.image }} 9 | 10 | {{- end }} 11 |
12 | {{ .Params.author.name }} 13 | {{ .Date.Format "Jan 2, 2006" }} 14 |
15 |
16 |
17 |
18 | {{ .Content }} 19 |
20 |
21 | {{ .Params.author.name }} 22 |

{{ .Params.author.description }}

23 |
24 |
25 |
26 | {{- partial "footer.html" . }} 27 | -------------------------------------------------------------------------------- /layouts/about/single.html: -------------------------------------------------------------------------------- 1 | {{- partial "header.html" . }} 2 |
3 |
4 |
5 |
6 |
7 |
8 |
9 | 10 |
11 |

{{ .Site.Params.author }}

12 |
{{ .Params.blurb }}
13 |
14 | {{- if .Content }} 15 | {{ .Content }} 16 | {{- end }} 17 | 18 | {{- if .Params.recentprojects }} 19 |
20 |

Recent Projects

21 |
    22 | {{- range first .Params.recentprojects (where .Site.Pages "Section" "project") }} 23 |
  • {{ .Title }}
    • 24 | {{- end }} 25 |
26 |
27 | {{- end }} 28 | 29 | {{- if .Params.recentposts }} 30 |
31 |

Recent Posts

32 |
    33 | {{- range first .Params.recentposts (where .Site.Pages "Section" "post") }} 34 |
  • {{ .Title }}
    • 35 | {{- end }} 36 |
37 |
38 | {{- end }} 39 |
40 |
41 |
42 |
43 | {{- partial "footer.html" . }} 44 | -------------------------------------------------------------------------------- /layouts/index.html: -------------------------------------------------------------------------------- 1 | {{- partial "header.html" . }} 2 |
3 | {{- partial "profile.html" . }} 4 | {{- partial "postsnippets.html" . }} 5 | {{- partial "showallposts.html" . }} 6 |
7 | {{- partial "footer.html" . }} 8 | -------------------------------------------------------------------------------- /layouts/partials/extra-footer.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /layouts/partials/extra-header.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | -------------------------------------------------------------------------------- /layouts/partials/fab-buttons.html: -------------------------------------------------------------------------------- 1 | 2 |
3 | 4 | 8 | 9 |
10 | 11 | 14 | 15 | 16 | 17 | 20 | 21 | 22 | 23 | 26 | 27 |
28 |
29 | -------------------------------------------------------------------------------- /layouts/partials/footer.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | {{- if not (and .IsPage (eq .Type "presentation")) }} 4 | 12 | {{- end }} 13 |
14 | 15 | 16 | {{- if and .IsPage (eq .Type "presentation") }} 17 | 19 | 22 | {{- end }} 23 | {{- if .IsNode }} 24 | 25 | 26 | {{- end }} 27 | {{- partial "extra-footer.html" . }} 28 | 29 | 30 | -------------------------------------------------------------------------------- /layouts/partials/header.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | {{ .Hugo.Generator }} 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | {{- if isset .Site.Params "favicon" }} 13 | {{- $.Scratch.Set "favicon" .Site.Params.favicon }} 14 | {{- else }} 15 | {{- $.Scratch.Set "favicon" "/images/favicon.ico" }} 16 | {{- end }} 17 | 18 | 19 | 20 | 21 | 22 | 23 | 24 | 25 | 26 | 27 | 28 | 29 | 30 | 31 | 32 | 33 | 34 | {{- if isset .Site.Params "mdlPrimary" }} 35 | {{- $.Scratch.Set "mdlPrimary" .Site.Params.mdlPrimary }} 36 | {{- else }} 37 | {{- $.Scratch.Set "mdlPrimary" "grey" }} 38 | {{- end }} 39 | {{- if isset .Site.Params "mdlAccent" }} 40 | {{- $.Scratch.Set "mdlAccent" .Site.Params.mdlAccent }} 41 | {{- else }} 42 | {{- $.Scratch.Set "mdlAccent" "orange" }} 43 | {{- end -}} 44 | 45 | 46 | 47 | 48 | 49 | 50 | {{- if and .IsPage (eq .Type "presentation") }} 51 | 52 | {{- end }} 53 | 54 | {{- partial "extra-header.html" . }} 55 | 56 | {{ .Title }} 57 | 58 | 59 | 60 |
61 | {{- if not (and .IsPage (eq .Type "presentation")) }} 62 | {{- partial "navbar.html" . }} 63 | {{- end }} 64 |
65 | -------------------------------------------------------------------------------- /layouts/partials/navbar.html: -------------------------------------------------------------------------------- 1 | 2 |
3 |
4 | {{- if eq .Title "Projects" }} 5 | 6 | {{ title .Title }} 7 | {{- end }} 8 |
9 | 14 |
15 |
16 |
17 | {{- if eq .Title "Projects" }} 18 | {{ title .Title }} 19 | {{- end }} 20 | 25 |
26 | -------------------------------------------------------------------------------- /layouts/partials/pagination.html: -------------------------------------------------------------------------------- 1 | 2 | {{- $pag := $.Paginator }} 3 | {{- if gt $pag.TotalPages 1 }} 4 | 15 | {{- end }} 16 | -------------------------------------------------------------------------------- /layouts/partials/postsnippets.html: -------------------------------------------------------------------------------- 1 | {{- range $index, $element := first .Site.Params.frontpageposts (where .Site.Pages "Section" "post") }} 2 | {{- if (eq $index 0) }} 3 | {{- .Render "card-8" }} 4 | {{- else }} 5 | {{- .Render "card-12" }} 6 | {{- end }} 7 | {{- end }} 8 | -------------------------------------------------------------------------------- /layouts/partials/prevnextbtns.html: -------------------------------------------------------------------------------- 1 | 2 | 21 | -------------------------------------------------------------------------------- /layouts/partials/profile.html: -------------------------------------------------------------------------------- 1 | 2 |
3 |
4 |
5 | {{- partial "fab-buttons" . }} 6 |
7 |
8 | {{ .Site.Params.author }} 9 |
10 |
11 |
12 | -------------------------------------------------------------------------------- /layouts/partials/showallposts.html: -------------------------------------------------------------------------------- 1 | 2 | 11 | -------------------------------------------------------------------------------- /layouts/partials/socialbtns.html: -------------------------------------------------------------------------------- 1 | 2 | {{- if isset .Site.Params "email" }} 3 | 7 | {{- end }} 8 | {{- if isset .Site.Params "github" }} 9 | 13 | {{- end }} 14 | {{- if isset .Site.Params "twitter" }} 15 | 19 | {{- end }} 20 | {{- if isset .Site.Params "linkedin" }} 21 | 25 | {{- end }} 26 | {{- if isset .Site.Params "facebook" }} 27 | 31 | {{- end }} 32 | -------------------------------------------------------------------------------- /layouts/post/card-12.html: -------------------------------------------------------------------------------- 1 | 2 |
3 |
4 |

{{ title .Title }}

5 |
6 |
7 | {{ .Summary }} 8 |
9 |
10 | {{- with .Params.author.image }} 11 | 12 | {{- end }} 13 |
14 | {{ .Params.author.name }} 15 | {{ .Date.Format "Jan 2, 2006" }} 16 |
17 |
18 |
19 | -------------------------------------------------------------------------------- /layouts/post/card-8.html: -------------------------------------------------------------------------------- 1 | 2 |
3 |
4 |

{{ title .Title }}

5 |
6 |
7 | {{ .Summary }} 8 |
9 |
10 | {{- with .Params.author.image }} 11 | 12 | {{- end }} 13 |
14 | {{ .Params.author.name }} 15 | {{ .Date.Format "Jan 2, 2006" }} 16 |
17 |
18 |
19 | -------------------------------------------------------------------------------- /layouts/post/listitem.html: -------------------------------------------------------------------------------- 1 | 2 |
3 |
4 | {{- with .Params.author.image }} 5 | 6 | {{- end }} 7 |
8 | {{ .Params.author.name }} 9 | {{ .Date.Format "Jan 2, 2006" }} 10 |
11 |
{{ title .Title }}
 12 |
13 |
14 | -------------------------------------------------------------------------------- /layouts/post/single.html: -------------------------------------------------------------------------------- 1 | {{- partial "header.html" . }} 2 |
3 |
4 |
5 |

{{ title .Title }}

6 |
7 |
8 | {{- with .Params.author.image }} 9 | 10 | {{- end }} 11 |
12 | {{ .Params.author.name }} 13 | {{ .Date.Format "Jan 2, 2006" }} 14 |
15 |
16 |
17 |
18 | {{ .Content }} 19 |
20 |
21 | {{ .Params.author.name }} 22 |

{{ .Params.author.description }}

23 |
24 |
25 | {{- partial "prevnextbtns.html" . }} 26 |
27 | {{- partial "footer.html" . }} 28 | -------------------------------------------------------------------------------- /layouts/presentation/single.html: -------------------------------------------------------------------------------- 1 | {{- partial "header.html" . }} 2 | 5 | {{- partial "footer.html" . }} 6 | -------------------------------------------------------------------------------- /layouts/project/project-card.html: -------------------------------------------------------------------------------- 1 | 2 |
3 |
4 |
{{ title .Title }}
5 |
6 |
7 | More Info 8 |
9 | {{- with .Params.repo }} 10 | 11 | {{- end }} 12 | {{- with .Params.web }} 13 | 14 | {{- end }} 15 |
16 |
17 | -------------------------------------------------------------------------------- /layouts/project/single.html: -------------------------------------------------------------------------------- 1 | {{- partial "header.html" . }} 2 |
3 |
4 |
5 |

{{ title .Title }}

6 |
7 |
8 | {{- with .Params.author.image }} 9 | 10 | {{- end }} 11 |
12 | {{ .Params.author.name }} 13 | {{ .Date.Format "Jan 2, 2006" }} 14 |
15 |
16 |
17 | {{- with .Params.repo }} 18 | Github 19 | Code Repository 20 | {{- end }} 21 | {{- with .Params.web }} 22 | Website 23 | Website Link 24 | {{- end }} 25 |
26 |
27 | 28 |
29 | {{ .Content }} 30 |
31 | 32 |
33 | {{ .Params.author.name }} 34 | {{- with .Params.author.description }} 35 |

{{.}}

36 | {{- end }} 37 |
38 |
39 | {{- partial "prevnextbtns.html" . }} 40 |
41 | {{- partial "footer.html" . }} 42 | -------------------------------------------------------------------------------- /layouts/section/post.html: -------------------------------------------------------------------------------- 1 | {{- partial "header.html" . }} 2 |
3 |
4 |
5 |

All Posts:

6 |
7 | {{- partial "pagination.html" . }} 8 | {{- range .Paginator.Pages }} 9 | {{ .Render "listitem" }} 10 | {{- end }} 11 | {{- partial "pagination.html" . }} 12 |
13 |
14 | {{- partial "footer.html" . }} 15 | -------------------------------------------------------------------------------- /layouts/section/project.html: -------------------------------------------------------------------------------- 1 | {{- partial "header.html" . }} 2 |
3 | {{- range .Data.Pages }} 4 | {{- if eq .Type "project" }} 5 | {{ .Render "project-card" }} 6 | {{- end }} 7 | {{- end }} 8 |
9 | {{- partial "footer.html" . }} 10 | -------------------------------------------------------------------------------- /static/css/hmdl-style.css: -------------------------------------------------------------------------------- 1 | .hmdl-about #hmdl-about-media{flex-direction:row;align-items:flex-end;justify-content:center;padding:0px}.hmdl-about #hmdl-about-text{display:flex;flex-direction:column;box-sizing:border-box;padding-top:110px}.hmdl-about #hmdl-about-text>h3,.hmdl-about #hmdl-about-text>h6{margin:auto}.hmdl-about .profile-pic-container{transform:translate(0px, 75px)}.hmdl-about .profile-pic-container .profilepic{width:150px;height:150px;background-position:50% calc(50% + 10px);background-repeat:no-repeat;background-size:95%;border-radius:50%;background-color:#ffffff;border-style:solid;border-color:#789296;border-width:3px}body{background-size:cover;font-family:'Roboto', 'Helvetica', sans-serif}body:before{background-size:cover;background-attachment:fixed;content:'';will-change:transform;z-index:-1;left:0;right:0;bottom:0;top:0;position:fixed}main{max-width:900px;display:flex;width:100%;margin:0 auto;flex-shrink:0;justify-content:center;padding-top:160px;padding-bottom:80px;position:relative;-webkit-overflow-scrolling:touch}.hmdl-body:not(.hmdl-page) .mdl-card__supporting-text ~ .mdl-card__supporting-text{border-top:1px solid rgba(0,0,0,0.1)}.hmdl-body .icon-button{min-width:32px}.hmdl-body .material-icons{font-size:1em;cursor:pointer}.hmdl-body .material-icons_lg{font-size:1.33em;cursor:pointer}.hmdl-body .material-icons_2x{font-size:2.0em;cursor:pointer}.hmdl-body .mdl-card{display:flex;flex-direction:column;align-items:stretch;min-height:360px}.hmdl-body .mdl-card>a{color:inherit;text-decoration:none;font-weight:inherit}.hmdl-body .mdl-card h3{margin:0}.hmdl-body .mdl-card h3.quote:after,.hmdl-body .mdl-card h3.quote:before{display:block;font-size:3em;margin-top:0.5em}.hmdl-body .mdl-card h3.quote:after{content:'”'}.hmdl-body .mdl-card h3.quote:before{content:'“'}.hmdl-body .mdl-card h3 a{text-decoration:none}.hmdl-body .mdl-card .meta.meta--fill{justify-content:space-between}.hmdl-body .mdl-card__actions{display:flex;box-sizing:border-box;align-items:center;justify-content:space-between}.hmdl-body .mdl-card__actions:first-child{margin-left:0}.hmdl-body .mdl-card__media{box-sizing:border-box;background-size:cover;padding:24px;display:flex;flex-grow:1;flex-direction:row;align-items:flex-end;cursor:pointer}.hmdl-body .mdl-card__media ~ .mdl-card__supporting-text{min-height:64px}.hmdl-body .mdl-card__media a{color:inherit}.hmdl-body .mdl-card__title{padding:16px;flex-grow:1}.hmdl-body .mdl-card__title a{color:inherit}.hmdl-body .mdl-layout__header,.hmdl-body .mdl-layout__drawer-button,.hmdl-body .mdl-layout__header--transparent .mdl-navigation__link{color:white}.hmdl-body .mdl-mini-footer{min-height:80px;padding:20px;align-items:center;background-color:white;box-sizing:border-box}@media (max-width: 480px){.hmdl-body .mdl-mini-footer{flex-flow:column}}.hmdl-body .pagination{display:flex;flex-direction:row;justify-content:space-around;align-items:center;padding:8px;border-bottom:1px solid #dcdcdc}.hmdl-body .pagination .active{text-decoration:underline}.hmdl-body .pagination .disabled{color:rgba(0,0,0,0.54)}.hmdl-body .pagination .page-nums{padding-left:8px;padding-right:8px;text-decoration:none}.hmdl-body .pagination .page-nums:hover{text-decoration:underline}.hmdl-body .project-card{min-height:275px}.hmdl-body .project-card .project-title a{font-size:1.2em;line-height:20px;text-decoration:none}.hmdl-frontpage .hmdl-profile-card{max-width:360px}.hmdl-frontpage .hmdl-profile-card .mdl-button--fab_flinger-container.is-showing-options>button i{transition:transform 0.3s linear;transform:rotate(45deg)}.hmdl-frontpage .hmdl-profile-card .mdl-button--fab_flinger-container.is-showing-options .mdl-button--fab_flinger-options{display:flex;flex-direction:column-reverse}.hmdl-frontpage .hmdl-profile-card .mdl-button--fab_flinger-container.is-showing-options .mdl-button--fab_flinger-options button{display:block;animation-name:enter;animation-fill-mode:forwards;animation-duration:0.1s;transform-origin:bottom center}.hmdl-frontpage .hmdl-profile-card .mdl-button--fab_flinger-container.is-showing-options .mdl-button--fab_flinger-options button:nth-of-type(1){animation-delay:0.1s}.hmdl-frontpage .hmdl-profile-card .mdl-button--fab_flinger-container.is-showing-options .mdl-button--fab_flinger-options button:nth-of-type(2){animation-delay:0.2s}.hmdl-frontpage .hmdl-profile-card .mdl-button--fab_flinger-container.is-showing-options .mdl-button--fab_flinger-options button:nth-of-type(3){animation-delay:0.3s}.hmdl-frontpage .hmdl-profile-card .mdl-button--fab_flinger-container.is-showing-options .mdl-button--fab_flinger-options button:nth-of-type(4){animation-delay:0.4s}.hmdl-frontpage .hmdl-profile-card .mdl-button--fab_flinger-container.is-showing-options .mdl-button--fab_flinger-options button:nth-of-type(5){animation-delay:0.5s}.hmdl-frontpage .hmdl-profile-card .mdl-button--fab_flinger-container.is-showing-options .mdl-button--fab_flinger-options button:nth-of-type(6){animation-delay:0.6s}.hmdl-frontpage .hmdl-profile-card .mdl-button--fab_flinger-container .mdl-button--fab_flinger-options{position:absolute;bottom:100%;margin-bottom:10px}.hmdl-frontpage .hmdl-profile-card .mdl-button--fab_flinger-container .mdl-button--fab_flinger-options button{transform:scale(0);display:none}.hmdl-frontpage .hmdl-profile-card .mdl-card__media{display:flex;flex-direction:column;justify-content:center;align-items:center;font-size:13px;font-weight:500;border-top-left-radius:2px;border-top-right-radius:2px;padding:0px;background-size:contain;background-position:center center;background-repeat:no-repeat}.hmdl-frontpage .hmdl-profile-card .mdl-card__supporting-text{background-color:#f5f5f5;border-bottom-left-radius:2px;border-bottom-right-radius:2px}.hmdl-frontpage .hmdl-profile-card #fab_ctn{position:absolute;top:calc(100% - 92px);right:16px}.hmdl-list{max-width:900px;padding:0;width:100%;margin:0 auto;flex-shrink:0}.hmdl-list .mdl-list__divider{display:flex;font-size:13px;line-height:18px;box-sizing:border-box;min-height:48px;width:100%;padding:0;border-bottom:1px solid #dcdcdc}.hmdl-list .mdl-card .mdl-card__list-item{display:flex;font-size:13px;line-height:18px;box-sizing:border-box;min-height:48px;width:100%;padding:0;border-bottom:1px solid #dcdcdc}.hmdl-list .mdl-card .mdl-card__list-item a{text-decoration:none}.hmdl-list .mdl-card .mdl-card__list-item a:hover{text-decoration:underline}@keyframes enter{from{transform:scale(0)}to{transform:scale(0.8)}}.mdl-grid{display:flex !important}.social-btn{background-position:center;background-size:contain;background-repeat:no-repeat;background-color:transparent;margin:0 16px;cursor:pointer;opacity:0.46;border-radius:2px;font-size:1.5em;color:rgb1(138, 138, 138, 1)}.social-btn__share{color:rgba(0,0,0,0.54);background:transparent}.hmdl-body nav.mdl-cell{margin:12px 15px;display:flex;flex-direction:row;justify-content:space-between;align-items:center;color:white;font-weight:500}.hmdl-body nav.mdl-cell a{color:white;text-decoration:none}.hmdl-body nav.mdl-cell a:first-child .mdl-button,.hmdl-body nav.mdl-cell a:last-child .mdl-button{margin-right:16px}.hmdl-body nav.mdl-cell .mdl-button{color:rgba(0,0,0,0.54);background-color:white}.hmdl-body nav.mdl-cell .mdl-button i{margin-top:-3px}.hmdl-page blockquote{background:#ddd;border-left:10px solid #aaa;margin:16px 10px;padding:0.5em 10px;font-style:normal}.hmdl-page blockquote:before{content:none}.hmdl-page blockquote:after{content:none}.hmdl-page blockquote p{margin:0 auto}.hmdl-page img{display:block;margin:0 auto;max-width:100%}.hmdl-page p{margin:16px auto;font-size:16px;line-height:28px}.hmdl-page .hmdl-page-banner{height:280px}.hmdl-page .hmdl-page-comments{background-color:#EEE;display:flex;flex-direction:column;justify-content:flex-start;align-items:stretch;padding:32px;box-sizing:border-box;width:100%}.hmdl-page .hmdl-page-comments p{margin:0;width:100%}.hmdl-page .hmdl-page-content{border:0;box-sizing:border-box;min-height:64px;padding:64px;width:100%}.hmdl-page .hmdl-page-content h1,.hmdl-page .hmdl-page-content h2,.hmdl-page .hmdl-page-content h3{margin-top:64px}.hmdl-page .hmdl-page-content .highlight{border-radius:4px;padding:8px}.hmdl-page .hmdl-page-content .highlight pre{margin:0}.hmdl-page .custom-header{background-color:transparent}.hmdl-page .section-spacer{flex-grow:1}.hmdl-page-meta{box-sizing:border-box;padding:16px;display:flex;flex-direction:row;align-items:center;justify-content:flex-start;height:auto;width:100%}.hmdl-page-meta>*{display:flex;flex-direction:column}.hmdl-page-meta>a{margin-left:16px}.hmdl-page-meta>.meta__favorites{flex-direction:row;margin:0 8px;font-size:13px;font-weight:500}.hmdl-page-meta .minilogo{background-position:center;background-repeat:no-repeat;background-size:50%;border-radius:22px;background-color:#f5f5f5;height:44px;margin-right:16px;width:44px} 2 | /*# sourceMappingURL=hmdl-style.css.map */ 3 | -------------------------------------------------------------------------------- /static/css/hmdl-style.css.map: -------------------------------------------------------------------------------- 1 | { 2 | "version": 3, 3 | "mappings": "CAGI,4BAAkB,EACd,aAAc,EAAE,EAAG,EACnB,UAAW,EAAE,OAAQ,EACrB,cAAe,EAAE,KAAM,EACvB,MAAO,EAAE,EAAG,EAGhB,2BAAiB,EACb,MAAO,EAAE,GAAI,EACb,aAAc,EAAE,KAAM,EACtB,SAAU,EAAE,SAAU,EACtB,UAAW,EAAE,IAAK,EAElB,8DAAW,EACP,KAAM,EAAE,GAAI,EAIpB,iCAAuB,EACnB,QAAS,EAAE,mBAAoB,EAE/B,6CAAY,EACR,IAAK,EAAE,IAAK,EACZ,KAAM,EAAE,IAAK,EACb,kBAAmB,EAAE,mBAAoB,EACzC,gBAAiB,EAAE,QAAS,EAC5B,cAAe,EAAE,EAAG,EACpB,YAAa,EAAE,EAAG,EAClB,eAAgB,EAAE,MAAO,EACzB,WAAY,EAAE,IAAK,EACnB,WAAY,EAAE,MAAO,EACrB,WAAY,EAAE,EAAG,EClC7B,GAAK,EACD,cAAe,EAAE,IAAK,EACtB,UAAW,EAAE,gCAAiC,EAE9C,UAAS,EACL,cAAe,EAAE,IAAK,EACtB,oBAAqB,EAAE,IAAK,EAC5B,MAAO,EAAE,CAAE,EACX,UAAW,EAAE,QAAS,EACtB,MAAO,EAAE,CAAE,EACX,GAAI,EAAE,AAAC,EACP,IAAK,EAAE,AAAC,EACR,KAAM,EAAE,AAAC,EACT,EAAG,EAAE,AAAC,EACN,OAAQ,EAAE,IAAK,EAIvB,GAAK,EACD,QAAS,EAAE,IAAK,EAEhB,MAAO,EAAE,GAAI,EACb,IAAK,EAAE,GAAI,EACX,KAAM,EAAE,KAAM,EACd,UAAW,EAAE,AAAC,EACd,cAAe,EAAE,KAAM,EACvB,UAAW,EAAE,IAAK,EAClB,aAAc,EAAE,GAAI,EACpB,OAAQ,EAAE,OAAQ,EAClB,yBAA0B,EAAE,IAAK,EC1BjC,iFAA0E,EACtE,SAAU,EAAE,wBAA4B,EAG5C,sBAAa,EACT,QAAS,EAAE,GAAI,EAGnB,yBAAgB,EACZ,QAAS,EAAE,EAAG,EACd,KAAM,EAAE,MAAO,EAGnB,4BAAmB,EACf,QAAS,EAAE,KAAM,EACjB,KAAM,EAAE,MAAO,EAGnB,4BAAmB,EACf,QAAS,EAAE,IAAK,EAChB,KAAM,EAAE,MAAO,EAGnB,mBAAU,EACN,MAAO,EAAE,GAAI,EACb,aAAc,EAAE,KAAM,EACtB,UAAW,EAAE,MAAO,EACpB,SAAU,EAAE,IAAK,EAEjB,qBAAI,EACA,IAAK,EAAE,MAAO,EACd,cAAe,EAAE,GAAI,EACrB,UAAW,EAAE,MAAO,EAGxB,sBAAG,EACC,KAAM,EAAE,AAAC,EAET,uEACe,EACX,MAAO,EAAE,IAAK,EACd,QAAS,EAAE,EAAG,EACd,SAAU,EAAE,IAAK,EAGrB,kCAAc,EACV,MAAO,EAAE,EAAG,EAGhB,mCAAe,EACX,MAAO,EAAE,EAAG,EAGhB,wBAAE,EACE,cAAe,EAAE,GAAI,EAI7B,oCAAiB,EACb,cAAe,EAAE,YAAa,EAItC,4BAAmB,EACf,MAAO,EAAE,GAAI,EACb,SAAU,EAAE,SAAU,EACtB,UAAW,EAAE,KAAM,EACnB,cAAe,EAAE,YAAa,EAE9B,wCAAc,EACV,UAAW,EAAE,AAAC,EAItB,0BAAiB,EACb,SAAU,EAAE,SAAU,EACtB,cAAe,EAAE,IAAK,EACtB,MAAO,EAAE,GAAI,EACb,MAAO,EAAE,GAAI,EACb,QAAS,EAAE,AAAC,EACZ,aAAc,EAAE,EAAG,EACnB,UAAW,EAAE,OAAQ,EACrB,KAAM,EAAE,MAAO,EAEf,uDAA+B,EAC3B,SAAU,EAAE,GAAI,EAGpB,4BAAE,EACE,IAAK,EAAE,MAAO,EAItB,0BAAiB,EACb,MAAO,EAAE,GAAI,EACb,QAAS,EAAE,AAAC,EAEZ,4BAAE,EACE,IAAK,EAAE,MAAO,EAItB,qIAEuD,EACnD,IAAK,EAAE,IAAK,EAGhB,0BAAiB,EACb,SAAU,EAAE,GAAI,EAChB,MAAO,EAAE,GAAI,EACb,UAAW,EAAE,KAAM,EACnB,eAAgB,EAAE,IAAK,EACvB,SAAU,EAAE,SAAU,EAEtB,wBAA0B,EAP9B,0BAAiB,EAQT,QAAS,EAAE,KAAM,GAOzB,qBAAY,EACR,MAAO,EAAE,GAAI,EACb,aAAc,EAAE,EAAG,EACnB,cAAe,EAAE,WAAY,EAC7B,UAAW,EAAE,KAAM,EACnB,MAAO,EAAE,EAAG,EACZ,YAAa,EAAE,gBAAiB,EAEhC,6BAAQ,EACJ,cAAe,EAAE,QAAS,EAG9B,+BAAU,EACN,IAAK,EAAE,eAAmB,EAG9B,gCAAW,EACP,WAAY,EAAE,EAAG,EACjB,YAAa,EAAE,EAAG,EAClB,cAAe,EAAE,GAAI,EAErB,sCAAQ,EACJ,cAAe,EAAE,QAAS,EAKtC,uBAAc,EACV,SAAU,EAAE,IAAK,EAEjB,wCAAiB,EACb,QAAS,EAAE,IAAK,EAChB,UAAW,EAAE,GAAI,EACjB,cAAe,EAAE,GAAI,EC3J7B,iCAAmB,EACf,QAAS,EAAE,IAAK,EAQR,gGAAW,EACP,SAAU,EAAE,oBAAqB,EACjC,QAAS,EAAE,YAAa,EAG5B,wHAAiC,EAC7B,MAAO,EAAE,GAAI,EACb,aAAc,EAAE,aAAc,EAE9B,+HAAO,EACH,MAAO,EAAE,IAAK,EACd,aAAc,EAAE,IAAK,EACrB,kBAAmB,EAAE,OAAQ,EAC7B,iBAAkB,EAAE,GAAI,EACxB,eAAgB,EAAE,YAAa,EAE/B,8IAAiB,EACb,cAAe,EAAE,GAAI,EAGzB,8IAAiB,EACb,cAAe,EAAE,GAAI,EAGzB,8IAAiB,EACb,cAAe,EAAE,GAAI,EAGzB,8IAAiB,EACb,cAAe,EAAE,GAAI,EAGzB,8IAAiB,EACb,cAAe,EAAE,GAAI,EAGzB,8IAAiB,EACb,cAAe,EAAE,GAAI,EAMrC,qGAAiC,EAC7B,OAAQ,EAAE,OAAQ,EAClB,KAAM,EAAE,GAAI,EACZ,YAAa,EAAE,GAAI,EAEnB,4GAAO,EACH,QAAS,EAAE,OAAQ,EACnB,MAAO,EAAE,GAAI,EAKzB,kDAAiB,EACb,MAAO,EAAE,GAAI,EACb,aAAc,EAAE,KAAM,EACtB,cAAe,EAAE,KAAM,EACvB,UAAW,EAAE,KAAM,EACnB,QAAS,EAAE,GAAI,EACf,UAAW,EAAE,EAAG,EAChB,qBAAsB,EAAE,EAAG,EAC3B,sBAAuB,EAAE,EAAG,EAC5B,MAAO,EAAE,EAAG,EACZ,cAAe,EAAE,MAAO,EACxB,kBAAmB,EAAE,YAAa,EAClC,gBAAiB,EAAE,QAAS,EAGhC,4DAA2B,EACvB,eAAgB,EAAE,MAAO,EACzB,wBAAyB,EAAE,EAAG,EAC9B,yBAA0B,EAAE,EAAG,EAGnC,0CAAS,EACL,OAAQ,EAAE,OAAQ,EAClB,EAAG,EAAE,gBAAiB,EACtB,IAAK,EAAE,GAAI,EC3FvB,SAAW,EACP,QAAS,EAAE,IAAK,EAChB,MAAO,EAAE,AAAC,EACV,IAAK,EAAE,GAAI,EACX,KAAM,EAAE,KAAM,EACd,UAAW,EAAE,AAAC,EAEd,4BAAmB,EACf,MAAO,EAAE,GAAI,EACb,QAAS,EAAE,GAAI,EACf,UAAW,EAAE,GAAI,EACjB,SAAU,EAAE,SAAU,EACtB,SAAU,EAAE,GAAI,EAChB,IAAK,EAAE,GAAI,EACX,MAAO,EAAE,AAAC,EACV,YAAa,EAAE,gBAAiB,EAKhC,wCAAqB,EACjB,MAAO,EAAE,GAAI,EACb,QAAS,EAAE,GAAI,EACf,UAAW,EAAE,GAAI,EACjB,SAAU,EAAE,SAAU,EACtB,SAAU,EAAE,GAAI,EAChB,IAAK,EAAE,GAAI,EACX,MAAO,EAAE,AAAC,EACV,YAAa,EAAE,gBAAiB,EAEhC,0CAAE,EACE,cAAe,EAAE,GAAI,EAErB,gDAAQ,EACJ,cAAe,EAAE,QAAS,ECnC9C,eASC,EAPG,GAAK,EACD,QAAS,EAAE,OAAQ,EAGvB,CAAG,EACC,QAAS,EAAE,SAAU,GAK7B,QAAU,EACN,MAAO,EAAE,cAAe,EAG5B,UAAY,EACR,kBAAmB,EAAE,KAAM,EAC3B,cAAe,EAAE,MAAO,EACxB,gBAAiB,EAAE,QAAS,EAC5B,eAAgB,EAAE,UAAW,EAC7B,KAAM,EAAE,KAAM,EACd,KAAM,EAAE,MAAO,EACf,MAAO,EAAE,GAAI,EACb,YAAa,EAAE,EAAG,EAClB,QAAS,EAAE,IAAK,EAChB,IAAK,EAAE,qBAAsB,EAGjC,iBAAmB,EACf,IAAK,EAAE,eAAmB,EAC1B,SAAU,EAAE,UAAW,EC9B3B,sBAAwB,EACpB,KAAM,EAAE,QAAS,EACjB,MAAO,EAAE,GAAI,EACb,aAAc,EAAE,EAAG,EACnB,cAAe,EAAE,YAAa,EAC9B,UAAW,EAAE,KAAM,EACnB,IAAK,EAAE,IAAK,EACZ,UAAW,EAAE,EAAG,EAEhB,wBAAE,EACE,IAAK,EAAE,IAAK,EACZ,cAAe,EAAE,GAAI,EAErB,iGACyB,EACrB,WAAY,EAAE,GAAI,EAI1B,kCAAY,EACR,IAAK,EAAE,eAAmB,EAC1B,eAAgB,EAAE,IAAK,EAEvB,oCAAE,EACE,SAAU,EAAE,GAAI,ECtBxB,oBAAW,EACP,SAAU,EAAE,GAAI,EAChB,UAAW,EAAE,cAAe,EAC5B,KAAM,EAAE,QAAS,EACjB,MAAO,EAAE,SAAU,EACnB,SAAU,EAAE,KAAM,EAElB,2BAAS,EACL,MAAO,EAAE,GAAI,EAGjB,0BAAQ,EACJ,MAAO,EAAE,GAAI,EAGjB,sBAAE,EACE,KAAM,EAAE,KAAM,EAItB,aAAI,EACA,MAAO,EAAE,IAAK,EACd,KAAM,EAAE,KAAM,EACd,QAAS,EAAE,GAAI,EAGnB,WAAE,EACE,KAAM,EAAE,QAAS,EACjB,QAAS,EAAE,GAAI,EACf,UAAW,EAAE,GAAI,EAGrB,2BAAkB,EACd,KAAM,EAAE,IAAK,EAGjB,6BAAoB,EAChB,eAAgB,EAAE,GAAI,EACtB,MAAO,EAAE,GAAI,EACb,aAAc,EAAE,KAAM,EACtB,cAAe,EAAE,SAAU,EAC3B,UAAW,EAAE,MAAO,EACpB,MAAO,EAAE,GAAI,EACb,SAAU,EAAE,SAAU,EACtB,IAAK,EAAE,GAAI,EAEX,+BAAE,EACE,KAAM,EAAE,AAAC,EACT,IAAK,EAAE,GAAI,EAInB,4BAAmB,EACf,KAAM,EAAE,AAAC,EACT,SAAU,EAAE,SAAU,EACtB,SAAU,EAAE,GAAI,EAChB,MAAO,EAAE,GAAI,EACb,IAAK,EAAE,GAAI,EAEX,iGAAW,EACP,SAAU,EAAE,GAAI,EAGpB,uCAAW,EACP,YAAa,EAAE,EAAG,EAClB,MAAO,EAAE,EAAG,EAEZ,2CAAI,EACA,KAAM,EAAE,AAAC,EAKrB,wBAAe,EACX,eAAgB,EAAE,UAAW,EAGjC,yBAAgB,EACZ,QAAS,EAAE,AAAC,EAIpB,cAAgB,EACZ,SAAU,EAAE,SAAU,EACtB,MAAO,EAAE,GAAI,EACb,MAAO,EAAE,GAAI,EACb,aAAc,EAAE,EAAG,EACnB,UAAW,EAAE,KAAM,EACnB,cAAe,EAAE,SAAU,EAC3B,KAAM,EAAE,GAAI,EACZ,IAAK,EAAE,GAAI,EAEX,gBAAI,EACA,MAAO,EAAE,GAAI,EACb,aAAc,EAAE,KAAM,EAG1B,gBAAI,EACA,UAAW,EAAE,GAAI,EAGrB,+BAAmB,EACf,aAAc,EAAE,EAAG,EACnB,KAAM,EAAE,IAAK,EACb,QAAS,EAAE,GAAI,EACf,UAAW,EAAE,EAAG,EAGpB,wBAAU,EACN,kBAAmB,EAAE,KAAM,EAC3B,gBAAiB,EAAE,QAAS,EAC5B,cAAe,EAAE,EAAG,EACpB,YAAa,EAAE,GAAI,EACnB,eAAgB,EAAE,MAAO,EACzB,KAAM,EAAE,GAAI,EACZ,WAAY,EAAE,GAAI,EAClB,IAAK,EAAE,GAAI", 4 | "sources": ["../scss/_about.scss","../scss/_base.scss","../scss/_blog.scss","../scss/_index.scss","../scss/_list.scss","../scss/_misc.scss","../scss/_nav.scss","../scss/_page.scss"], 5 | "names": [], 6 | "file": "hmdl-style.css" 7 | } -------------------------------------------------------------------------------- /static/css/ionicons.min.css: -------------------------------------------------------------------------------- 1 | @charset "UTF-8";/*! 2 | Ionicons, v2.0.0 3 | Created by Ben Sperry for the Ionic Framework, http://ionicons.com/ 4 | https://twitter.com/benjsperry https://twitter.com/ionicframework 5 | MIT License: https://github.com/driftyco/ionicons 6 | 7 | Android-style icons originally built by Google’s 8 | Material Design Icons: https://github.com/google/material-design-icons 9 | used under CC BY http://creativecommons.org/licenses/by/4.0/ 10 | Modified icons to fit ionicon’s grid from original. 11 | */@font-face{font-family:"Ionicons";src:url("../fonts/iconicons/ionicons.eot?v=2.0.0");src:url("../fonts/iconicons/ionicons.eot?v=2.0.0#iefix") format("embedded-opentype"),url("../fonts/iconicons/ionicons.ttf?v=2.0.0") format("truetype"),url("../fonts/iconicons/ionicons.woff?v=2.0.0") format("woff"),url("../fonts/iconicons/ionicons.svg?v=2.0.0#Ionicons") format("svg");font-weight:normal;font-style:normal}.ion,.ionicons,.ion-alert:before,.ion-alert-circled:before,.ion-android-add:before,.ion-android-add-circle:before,.ion-android-alarm-clock:before,.ion-android-alert:before,.ion-android-apps:before,.ion-android-archive:before,.ion-android-arrow-back:before,.ion-android-arrow-down:before,.ion-android-arrow-dropdown:before,.ion-android-arrow-dropdown-circle:before,.ion-android-arrow-dropleft:before,.ion-android-arrow-dropleft-circle:before,.ion-android-arrow-dropright:before,.ion-android-arrow-dropright-circle:before,.ion-android-arrow-dropup:before,.ion-android-arrow-dropup-circle:before,.ion-android-arrow-forward:before,.ion-android-arrow-up:before,.ion-android-attach:before,.ion-android-bar:before,.ion-android-bicycle:before,.ion-android-boat:before,.ion-android-bookmark:before,.ion-android-bulb:before,.ion-android-bus:before,.ion-android-calendar:before,.ion-android-call:before,.ion-android-camera:before,.ion-android-cancel:before,.ion-android-car:before,.ion-android-cart:before,.ion-android-chat:before,.ion-android-checkbox:before,.ion-android-checkbox-blank:before,.ion-android-checkbox-outline:before,.ion-android-checkbox-outline-blank:before,.ion-android-checkmark-circle:before,.ion-android-clipboard:before,.ion-android-close:before,.ion-android-cloud:before,.ion-android-cloud-circle:before,.ion-android-cloud-done:before,.ion-android-cloud-outline:before,.ion-android-color-palette:before,.ion-android-compass:before,.ion-android-contact:before,.ion-android-contacts:before,.ion-android-contract:before,.ion-android-create:before,.ion-android-delete:before,.ion-android-desktop:before,.ion-android-document:before,.ion-android-done:before,.ion-android-done-all:before,.ion-android-download:before,.ion-android-drafts:before,.ion-android-exit:before,.ion-android-expand:before,.ion-android-favorite:before,.ion-android-favorite-outline:before,.ion-android-film:before,.ion-android-folder:before,.ion-android-folder-open:before,.ion-android-funnel:before,.ion-android-globe:before,.ion-android-hand:before,.ion-android-hangout:before,.ion-android-happy:before,.ion-android-home:before,.ion-android-image:before,.ion-android-laptop:before,.ion-android-list:before,.ion-android-locate:before,.ion-android-lock:before,.ion-android-mail:before,.ion-android-map:before,.ion-android-menu:before,.ion-android-microphone:before,.ion-android-microphone-off:before,.ion-android-more-horizontal:before,.ion-android-more-vertical:before,.ion-android-navigate:before,.ion-android-notifications:before,.ion-android-notifications-none:before,.ion-android-notifications-off:before,.ion-android-open:before,.ion-android-options:before,.ion-android-people:before,.ion-android-person:before,.ion-android-person-add:before,.ion-android-phone-landscape:before,.ion-android-phone-portrait:before,.ion-android-pin:before,.ion-android-plane:before,.ion-android-playstore:before,.ion-android-print:before,.ion-android-radio-button-off:before,.ion-android-radio-button-on:before,.ion-android-refresh:before,.ion-android-remove:before,.ion-android-remove-circle:before,.ion-android-restaurant:before,.ion-android-sad:before,.ion-android-search:before,.ion-android-send:before,.ion-android-settings:before,.ion-android-share:before,.ion-android-share-alt:before,.ion-android-star:before,.ion-android-star-half:before,.ion-android-star-outline:before,.ion-android-stopwatch:before,.ion-android-subway:before,.ion-android-sunny:before,.ion-android-sync:before,.ion-android-textsms:before,.ion-android-time:before,.ion-android-train:before,.ion-android-unlock:before,.ion-android-upload:before,.ion-android-volume-down:before,.ion-android-volume-mute:before,.ion-android-volume-off:before,.ion-android-volume-up:before,.ion-android-walk:before,.ion-android-warning:before,.ion-android-watch:before,.ion-android-wifi:before,.ion-aperture:before,.ion-archive:before,.ion-arrow-down-a:before,.ion-arrow-down-b:before,.ion-arrow-down-c:before,.ion-arrow-expand:before,.ion-arrow-graph-down-left:before,.ion-arrow-graph-down-right:before,.ion-arrow-graph-up-left:before,.ion-arrow-graph-up-right:before,.ion-arrow-left-a:before,.ion-arrow-left-b:before,.ion-arrow-left-c:before,.ion-arrow-move:before,.ion-arrow-resize:before,.ion-arrow-return-left:before,.ion-arrow-return-right:before,.ion-arrow-right-a:before,.ion-arrow-right-b:before,.ion-arrow-right-c:before,.ion-arrow-shrink:before,.ion-arrow-swap:before,.ion-arrow-up-a:before,.ion-arrow-up-b:before,.ion-arrow-up-c:before,.ion-asterisk:before,.ion-at:before,.ion-backspace:before,.ion-backspace-outline:before,.ion-bag:before,.ion-battery-charging:before,.ion-battery-empty:before,.ion-battery-full:before,.ion-battery-half:before,.ion-battery-low:before,.ion-beaker:before,.ion-beer:before,.ion-bluetooth:before,.ion-bonfire:before,.ion-bookmark:before,.ion-bowtie:before,.ion-briefcase:before,.ion-bug:before,.ion-calculator:before,.ion-calendar:before,.ion-camera:before,.ion-card:before,.ion-cash:before,.ion-chatbox:before,.ion-chatbox-working:before,.ion-chatboxes:before,.ion-chatbubble:before,.ion-chatbubble-working:before,.ion-chatbubbles:before,.ion-checkmark:before,.ion-checkmark-circled:before,.ion-checkmark-round:before,.ion-chevron-down:before,.ion-chevron-left:before,.ion-chevron-right:before,.ion-chevron-up:before,.ion-clipboard:before,.ion-clock:before,.ion-close:before,.ion-close-circled:before,.ion-close-round:before,.ion-closed-captioning:before,.ion-cloud:before,.ion-code:before,.ion-code-download:before,.ion-code-working:before,.ion-coffee:before,.ion-compass:before,.ion-compose:before,.ion-connection-bars:before,.ion-contrast:before,.ion-crop:before,.ion-cube:before,.ion-disc:before,.ion-document:before,.ion-document-text:before,.ion-drag:before,.ion-earth:before,.ion-easel:before,.ion-edit:before,.ion-egg:before,.ion-eject:before,.ion-email:before,.ion-email-unread:before,.ion-erlenmeyer-flask:before,.ion-erlenmeyer-flask-bubbles:before,.ion-eye:before,.ion-eye-disabled:before,.ion-female:before,.ion-filing:before,.ion-film-marker:before,.ion-fireball:before,.ion-flag:before,.ion-flame:before,.ion-flash:before,.ion-flash-off:before,.ion-folder:before,.ion-fork:before,.ion-fork-repo:before,.ion-forward:before,.ion-funnel:before,.ion-gear-a:before,.ion-gear-b:before,.ion-grid:before,.ion-hammer:before,.ion-happy:before,.ion-happy-outline:before,.ion-headphone:before,.ion-heart:before,.ion-heart-broken:before,.ion-help:before,.ion-help-buoy:before,.ion-help-circled:before,.ion-home:before,.ion-icecream:before,.ion-image:before,.ion-images:before,.ion-information:before,.ion-information-circled:before,.ion-ionic:before,.ion-ios-alarm:before,.ion-ios-alarm-outline:before,.ion-ios-albums:before,.ion-ios-albums-outline:before,.ion-ios-americanfootball:before,.ion-ios-americanfootball-outline:before,.ion-ios-analytics:before,.ion-ios-analytics-outline:before,.ion-ios-arrow-back:before,.ion-ios-arrow-down:before,.ion-ios-arrow-forward:before,.ion-ios-arrow-left:before,.ion-ios-arrow-right:before,.ion-ios-arrow-thin-down:before,.ion-ios-arrow-thin-left:before,.ion-ios-arrow-thin-right:before,.ion-ios-arrow-thin-up:before,.ion-ios-arrow-up:before,.ion-ios-at:before,.ion-ios-at-outline:before,.ion-ios-barcode:before,.ion-ios-barcode-outline:before,.ion-ios-baseball:before,.ion-ios-baseball-outline:before,.ion-ios-basketball:before,.ion-ios-basketball-outline:before,.ion-ios-bell:before,.ion-ios-bell-outline:before,.ion-ios-body:before,.ion-ios-body-outline:before,.ion-ios-bolt:before,.ion-ios-bolt-outline:before,.ion-ios-book:before,.ion-ios-book-outline:before,.ion-ios-bookmarks:before,.ion-ios-bookmarks-outline:before,.ion-ios-box:before,.ion-ios-box-outline:before,.ion-ios-briefcase:before,.ion-ios-briefcase-outline:before,.ion-ios-browsers:before,.ion-ios-browsers-outline:before,.ion-ios-calculator:before,.ion-ios-calculator-outline:before,.ion-ios-calendar:before,.ion-ios-calendar-outline:before,.ion-ios-camera:before,.ion-ios-camera-outline:before,.ion-ios-cart:before,.ion-ios-cart-outline:before,.ion-ios-chatboxes:before,.ion-ios-chatboxes-outline:before,.ion-ios-chatbubble:before,.ion-ios-chatbubble-outline:before,.ion-ios-checkmark:before,.ion-ios-checkmark-empty:before,.ion-ios-checkmark-outline:before,.ion-ios-circle-filled:before,.ion-ios-circle-outline:before,.ion-ios-clock:before,.ion-ios-clock-outline:before,.ion-ios-close:before,.ion-ios-close-empty:before,.ion-ios-close-outline:before,.ion-ios-cloud:before,.ion-ios-cloud-download:before,.ion-ios-cloud-download-outline:before,.ion-ios-cloud-outline:before,.ion-ios-cloud-upload:before,.ion-ios-cloud-upload-outline:before,.ion-ios-cloudy:before,.ion-ios-cloudy-night:before,.ion-ios-cloudy-night-outline:before,.ion-ios-cloudy-outline:before,.ion-ios-cog:before,.ion-ios-cog-outline:before,.ion-ios-color-filter:before,.ion-ios-color-filter-outline:before,.ion-ios-color-wand:before,.ion-ios-color-wand-outline:before,.ion-ios-compose:before,.ion-ios-compose-outline:before,.ion-ios-contact:before,.ion-ios-contact-outline:before,.ion-ios-copy:before,.ion-ios-copy-outline:before,.ion-ios-crop:before,.ion-ios-crop-strong:before,.ion-ios-download:before,.ion-ios-download-outline:before,.ion-ios-drag:before,.ion-ios-email:before,.ion-ios-email-outline:before,.ion-ios-eye:before,.ion-ios-eye-outline:before,.ion-ios-fastforward:before,.ion-ios-fastforward-outline:before,.ion-ios-filing:before,.ion-ios-filing-outline:before,.ion-ios-film:before,.ion-ios-film-outline:before,.ion-ios-flag:before,.ion-ios-flag-outline:before,.ion-ios-flame:before,.ion-ios-flame-outline:before,.ion-ios-flask:before,.ion-ios-flask-outline:before,.ion-ios-flower:before,.ion-ios-flower-outline:before,.ion-ios-folder:before,.ion-ios-folder-outline:before,.ion-ios-football:before,.ion-ios-football-outline:before,.ion-ios-game-controller-a:before,.ion-ios-game-controller-a-outline:before,.ion-ios-game-controller-b:before,.ion-ios-game-controller-b-outline:before,.ion-ios-gear:before,.ion-ios-gear-outline:before,.ion-ios-glasses:before,.ion-ios-glasses-outline:before,.ion-ios-grid-view:before,.ion-ios-grid-view-outline:before,.ion-ios-heart:before,.ion-ios-heart-outline:before,.ion-ios-help:before,.ion-ios-help-empty:before,.ion-ios-help-outline:before,.ion-ios-home:before,.ion-ios-home-outline:before,.ion-ios-infinite:before,.ion-ios-infinite-outline:before,.ion-ios-information:before,.ion-ios-information-empty:before,.ion-ios-information-outline:before,.ion-ios-ionic-outline:before,.ion-ios-keypad:before,.ion-ios-keypad-outline:before,.ion-ios-lightbulb:before,.ion-ios-lightbulb-outline:before,.ion-ios-list:before,.ion-ios-list-outline:before,.ion-ios-location:before,.ion-ios-location-outline:before,.ion-ios-locked:before,.ion-ios-locked-outline:before,.ion-ios-loop:before,.ion-ios-loop-strong:before,.ion-ios-medical:before,.ion-ios-medical-outline:before,.ion-ios-medkit:before,.ion-ios-medkit-outline:before,.ion-ios-mic:before,.ion-ios-mic-off:before,.ion-ios-mic-outline:before,.ion-ios-minus:before,.ion-ios-minus-empty:before,.ion-ios-minus-outline:before,.ion-ios-monitor:before,.ion-ios-monitor-outline:before,.ion-ios-moon:before,.ion-ios-moon-outline:before,.ion-ios-more:before,.ion-ios-more-outline:before,.ion-ios-musical-note:before,.ion-ios-musical-notes:before,.ion-ios-navigate:before,.ion-ios-navigate-outline:before,.ion-ios-nutrition:before,.ion-ios-nutrition-outline:before,.ion-ios-paper:before,.ion-ios-paper-outline:before,.ion-ios-paperplane:before,.ion-ios-paperplane-outline:before,.ion-ios-partlysunny:before,.ion-ios-partlysunny-outline:before,.ion-ios-pause:before,.ion-ios-pause-outline:before,.ion-ios-paw:before,.ion-ios-paw-outline:before,.ion-ios-people:before,.ion-ios-people-outline:before,.ion-ios-person:before,.ion-ios-person-outline:before,.ion-ios-personadd:before,.ion-ios-personadd-outline:before,.ion-ios-photos:before,.ion-ios-photos-outline:before,.ion-ios-pie:before,.ion-ios-pie-outline:before,.ion-ios-pint:before,.ion-ios-pint-outline:before,.ion-ios-play:before,.ion-ios-play-outline:before,.ion-ios-plus:before,.ion-ios-plus-empty:before,.ion-ios-plus-outline:before,.ion-ios-pricetag:before,.ion-ios-pricetag-outline:before,.ion-ios-pricetags:before,.ion-ios-pricetags-outline:before,.ion-ios-printer:before,.ion-ios-printer-outline:before,.ion-ios-pulse:before,.ion-ios-pulse-strong:before,.ion-ios-rainy:before,.ion-ios-rainy-outline:before,.ion-ios-recording:before,.ion-ios-recording-outline:before,.ion-ios-redo:before,.ion-ios-redo-outline:before,.ion-ios-refresh:before,.ion-ios-refresh-empty:before,.ion-ios-refresh-outline:before,.ion-ios-reload:before,.ion-ios-reverse-camera:before,.ion-ios-reverse-camera-outline:before,.ion-ios-rewind:before,.ion-ios-rewind-outline:before,.ion-ios-rose:before,.ion-ios-rose-outline:before,.ion-ios-search:before,.ion-ios-search-strong:before,.ion-ios-settings:before,.ion-ios-settings-strong:before,.ion-ios-shuffle:before,.ion-ios-shuffle-strong:before,.ion-ios-skipbackward:before,.ion-ios-skipbackward-outline:before,.ion-ios-skipforward:before,.ion-ios-skipforward-outline:before,.ion-ios-snowy:before,.ion-ios-speedometer:before,.ion-ios-speedometer-outline:before,.ion-ios-star:before,.ion-ios-star-half:before,.ion-ios-star-outline:before,.ion-ios-stopwatch:before,.ion-ios-stopwatch-outline:before,.ion-ios-sunny:before,.ion-ios-sunny-outline:before,.ion-ios-telephone:before,.ion-ios-telephone-outline:before,.ion-ios-tennisball:before,.ion-ios-tennisball-outline:before,.ion-ios-thunderstorm:before,.ion-ios-thunderstorm-outline:before,.ion-ios-time:before,.ion-ios-time-outline:before,.ion-ios-timer:before,.ion-ios-timer-outline:before,.ion-ios-toggle:before,.ion-ios-toggle-outline:before,.ion-ios-trash:before,.ion-ios-trash-outline:before,.ion-ios-undo:before,.ion-ios-undo-outline:before,.ion-ios-unlocked:before,.ion-ios-unlocked-outline:before,.ion-ios-upload:before,.ion-ios-upload-outline:before,.ion-ios-videocam:before,.ion-ios-videocam-outline:before,.ion-ios-volume-high:before,.ion-ios-volume-low:before,.ion-ios-wineglass:before,.ion-ios-wineglass-outline:before,.ion-ios-world:before,.ion-ios-world-outline:before,.ion-ipad:before,.ion-iphone:before,.ion-ipod:before,.ion-jet:before,.ion-key:before,.ion-knife:before,.ion-laptop:before,.ion-leaf:before,.ion-levels:before,.ion-lightbulb:before,.ion-link:before,.ion-load-a:before,.ion-load-b:before,.ion-load-c:before,.ion-load-d:before,.ion-location:before,.ion-lock-combination:before,.ion-locked:before,.ion-log-in:before,.ion-log-out:before,.ion-loop:before,.ion-magnet:before,.ion-male:before,.ion-man:before,.ion-map:before,.ion-medkit:before,.ion-merge:before,.ion-mic-a:before,.ion-mic-b:before,.ion-mic-c:before,.ion-minus:before,.ion-minus-circled:before,.ion-minus-round:before,.ion-model-s:before,.ion-monitor:before,.ion-more:before,.ion-mouse:before,.ion-music-note:before,.ion-navicon:before,.ion-navicon-round:before,.ion-navigate:before,.ion-network:before,.ion-no-smoking:before,.ion-nuclear:before,.ion-outlet:before,.ion-paintbrush:before,.ion-paintbucket:before,.ion-paper-airplane:before,.ion-paperclip:before,.ion-pause:before,.ion-person:before,.ion-person-add:before,.ion-person-stalker:before,.ion-pie-graph:before,.ion-pin:before,.ion-pinpoint:before,.ion-pizza:before,.ion-plane:before,.ion-planet:before,.ion-play:before,.ion-playstation:before,.ion-plus:before,.ion-plus-circled:before,.ion-plus-round:before,.ion-podium:before,.ion-pound:before,.ion-power:before,.ion-pricetag:before,.ion-pricetags:before,.ion-printer:before,.ion-pull-request:before,.ion-qr-scanner:before,.ion-quote:before,.ion-radio-waves:before,.ion-record:before,.ion-refresh:before,.ion-reply:before,.ion-reply-all:before,.ion-ribbon-a:before,.ion-ribbon-b:before,.ion-sad:before,.ion-sad-outline:before,.ion-scissors:before,.ion-search:before,.ion-settings:before,.ion-share:before,.ion-shuffle:before,.ion-skip-backward:before,.ion-skip-forward:before,.ion-social-android:before,.ion-social-android-outline:before,.ion-social-angular:before,.ion-social-angular-outline:before,.ion-social-apple:before,.ion-social-apple-outline:before,.ion-social-bitcoin:before,.ion-social-bitcoin-outline:before,.ion-social-buffer:before,.ion-social-buffer-outline:before,.ion-social-chrome:before,.ion-social-chrome-outline:before,.ion-social-codepen:before,.ion-social-codepen-outline:before,.ion-social-css3:before,.ion-social-css3-outline:before,.ion-social-designernews:before,.ion-social-designernews-outline:before,.ion-social-dribbble:before,.ion-social-dribbble-outline:before,.ion-social-dropbox:before,.ion-social-dropbox-outline:before,.ion-social-euro:before,.ion-social-euro-outline:before,.ion-social-facebook:before,.ion-social-facebook-outline:before,.ion-social-foursquare:before,.ion-social-foursquare-outline:before,.ion-social-freebsd-devil:before,.ion-social-github:before,.ion-social-github-outline:before,.ion-social-google:before,.ion-social-google-outline:before,.ion-social-googleplus:before,.ion-social-googleplus-outline:before,.ion-social-hackernews:before,.ion-social-hackernews-outline:before,.ion-social-html5:before,.ion-social-html5-outline:before,.ion-social-instagram:before,.ion-social-instagram-outline:before,.ion-social-javascript:before,.ion-social-javascript-outline:before,.ion-social-linkedin:before,.ion-social-linkedin-outline:before,.ion-social-markdown:before,.ion-social-nodejs:before,.ion-social-octocat:before,.ion-social-pinterest:before,.ion-social-pinterest-outline:before,.ion-social-python:before,.ion-social-reddit:before,.ion-social-reddit-outline:before,.ion-social-rss:before,.ion-social-rss-outline:before,.ion-social-sass:before,.ion-social-skype:before,.ion-social-skype-outline:before,.ion-social-snapchat:before,.ion-social-snapchat-outline:before,.ion-social-tumblr:before,.ion-social-tumblr-outline:before,.ion-social-tux:before,.ion-social-twitch:before,.ion-social-twitch-outline:before,.ion-social-twitter:before,.ion-social-twitter-outline:before,.ion-social-usd:before,.ion-social-usd-outline:before,.ion-social-vimeo:before,.ion-social-vimeo-outline:before,.ion-social-whatsapp:before,.ion-social-whatsapp-outline:before,.ion-social-windows:before,.ion-social-windows-outline:before,.ion-social-wordpress:before,.ion-social-wordpress-outline:before,.ion-social-yahoo:before,.ion-social-yahoo-outline:before,.ion-social-yen:before,.ion-social-yen-outline:before,.ion-social-youtube:before,.ion-social-youtube-outline:before,.ion-soup-can:before,.ion-soup-can-outline:before,.ion-speakerphone:before,.ion-speedometer:before,.ion-spoon:before,.ion-star:before,.ion-stats-bars:before,.ion-steam:before,.ion-stop:before,.ion-thermometer:before,.ion-thumbsdown:before,.ion-thumbsup:before,.ion-toggle:before,.ion-toggle-filled:before,.ion-transgender:before,.ion-trash-a:before,.ion-trash-b:before,.ion-trophy:before,.ion-tshirt:before,.ion-tshirt-outline:before,.ion-umbrella:before,.ion-university:before,.ion-unlocked:before,.ion-upload:before,.ion-usb:before,.ion-videocamera:before,.ion-volume-high:before,.ion-volume-low:before,.ion-volume-medium:before,.ion-volume-mute:before,.ion-wand:before,.ion-waterdrop:before,.ion-wifi:before,.ion-wineglass:before,.ion-woman:before,.ion-wrench:before,.ion-xbox:before{display:inline-block;font-family:"Ionicons";speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;text-rendering:auto;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ion-alert:before{content:"\f101"}.ion-alert-circled:before{content:"\f100"}.ion-android-add:before{content:"\f2c7"}.ion-android-add-circle:before{content:"\f359"}.ion-android-alarm-clock:before{content:"\f35a"}.ion-android-alert:before{content:"\f35b"}.ion-android-apps:before{content:"\f35c"}.ion-android-archive:before{content:"\f2c9"}.ion-android-arrow-back:before{content:"\f2ca"}.ion-android-arrow-down:before{content:"\f35d"}.ion-android-arrow-dropdown:before{content:"\f35f"}.ion-android-arrow-dropdown-circle:before{content:"\f35e"}.ion-android-arrow-dropleft:before{content:"\f361"}.ion-android-arrow-dropleft-circle:before{content:"\f360"}.ion-android-arrow-dropright:before{content:"\f363"}.ion-android-arrow-dropright-circle:before{content:"\f362"}.ion-android-arrow-dropup:before{content:"\f365"}.ion-android-arrow-dropup-circle:before{content:"\f364"}.ion-android-arrow-forward:before{content:"\f30f"}.ion-android-arrow-up:before{content:"\f366"}.ion-android-attach:before{content:"\f367"}.ion-android-bar:before{content:"\f368"}.ion-android-bicycle:before{content:"\f369"}.ion-android-boat:before{content:"\f36a"}.ion-android-bookmark:before{content:"\f36b"}.ion-android-bulb:before{content:"\f36c"}.ion-android-bus:before{content:"\f36d"}.ion-android-calendar:before{content:"\f2d1"}.ion-android-call:before{content:"\f2d2"}.ion-android-camera:before{content:"\f2d3"}.ion-android-cancel:before{content:"\f36e"}.ion-android-car:before{content:"\f36f"}.ion-android-cart:before{content:"\f370"}.ion-android-chat:before{content:"\f2d4"}.ion-android-checkbox:before{content:"\f374"}.ion-android-checkbox-blank:before{content:"\f371"}.ion-android-checkbox-outline:before{content:"\f373"}.ion-android-checkbox-outline-blank:before{content:"\f372"}.ion-android-checkmark-circle:before{content:"\f375"}.ion-android-clipboard:before{content:"\f376"}.ion-android-close:before{content:"\f2d7"}.ion-android-cloud:before{content:"\f37a"}.ion-android-cloud-circle:before{content:"\f377"}.ion-android-cloud-done:before{content:"\f378"}.ion-android-cloud-outline:before{content:"\f379"}.ion-android-color-palette:before{content:"\f37b"}.ion-android-compass:before{content:"\f37c"}.ion-android-contact:before{content:"\f2d8"}.ion-android-contacts:before{content:"\f2d9"}.ion-android-contract:before{content:"\f37d"}.ion-android-create:before{content:"\f37e"}.ion-android-delete:before{content:"\f37f"}.ion-android-desktop:before{content:"\f380"}.ion-android-document:before{content:"\f381"}.ion-android-done:before{content:"\f383"}.ion-android-done-all:before{content:"\f382"}.ion-android-download:before{content:"\f2dd"}.ion-android-drafts:before{content:"\f384"}.ion-android-exit:before{content:"\f385"}.ion-android-expand:before{content:"\f386"}.ion-android-favorite:before{content:"\f388"}.ion-android-favorite-outline:before{content:"\f387"}.ion-android-film:before{content:"\f389"}.ion-android-folder:before{content:"\f2e0"}.ion-android-folder-open:before{content:"\f38a"}.ion-android-funnel:before{content:"\f38b"}.ion-android-globe:before{content:"\f38c"}.ion-android-hand:before{content:"\f2e3"}.ion-android-hangout:before{content:"\f38d"}.ion-android-happy:before{content:"\f38e"}.ion-android-home:before{content:"\f38f"}.ion-android-image:before{content:"\f2e4"}.ion-android-laptop:before{content:"\f390"}.ion-android-list:before{content:"\f391"}.ion-android-locate:before{content:"\f2e9"}.ion-android-lock:before{content:"\f392"}.ion-android-mail:before{content:"\f2eb"}.ion-android-map:before{content:"\f393"}.ion-android-menu:before{content:"\f394"}.ion-android-microphone:before{content:"\f2ec"}.ion-android-microphone-off:before{content:"\f395"}.ion-android-more-horizontal:before{content:"\f396"}.ion-android-more-vertical:before{content:"\f397"}.ion-android-navigate:before{content:"\f398"}.ion-android-notifications:before{content:"\f39b"}.ion-android-notifications-none:before{content:"\f399"}.ion-android-notifications-off:before{content:"\f39a"}.ion-android-open:before{content:"\f39c"}.ion-android-options:before{content:"\f39d"}.ion-android-people:before{content:"\f39e"}.ion-android-person:before{content:"\f3a0"}.ion-android-person-add:before{content:"\f39f"}.ion-android-phone-landscape:before{content:"\f3a1"}.ion-android-phone-portrait:before{content:"\f3a2"}.ion-android-pin:before{content:"\f3a3"}.ion-android-plane:before{content:"\f3a4"}.ion-android-playstore:before{content:"\f2f0"}.ion-android-print:before{content:"\f3a5"}.ion-android-radio-button-off:before{content:"\f3a6"}.ion-android-radio-button-on:before{content:"\f3a7"}.ion-android-refresh:before{content:"\f3a8"}.ion-android-remove:before{content:"\f2f4"}.ion-android-remove-circle:before{content:"\f3a9"}.ion-android-restaurant:before{content:"\f3aa"}.ion-android-sad:before{content:"\f3ab"}.ion-android-search:before{content:"\f2f5"}.ion-android-send:before{content:"\f2f6"}.ion-android-settings:before{content:"\f2f7"}.ion-android-share:before{content:"\f2f8"}.ion-android-share-alt:before{content:"\f3ac"}.ion-android-star:before{content:"\f2fc"}.ion-android-star-half:before{content:"\f3ad"}.ion-android-star-outline:before{content:"\f3ae"}.ion-android-stopwatch:before{content:"\f2fd"}.ion-android-subway:before{content:"\f3af"}.ion-android-sunny:before{content:"\f3b0"}.ion-android-sync:before{content:"\f3b1"}.ion-android-textsms:before{content:"\f3b2"}.ion-android-time:before{content:"\f3b3"}.ion-android-train:before{content:"\f3b4"}.ion-android-unlock:before{content:"\f3b5"}.ion-android-upload:before{content:"\f3b6"}.ion-android-volume-down:before{content:"\f3b7"}.ion-android-volume-mute:before{content:"\f3b8"}.ion-android-volume-off:before{content:"\f3b9"}.ion-android-volume-up:before{content:"\f3ba"}.ion-android-walk:before{content:"\f3bb"}.ion-android-warning:before{content:"\f3bc"}.ion-android-watch:before{content:"\f3bd"}.ion-android-wifi:before{content:"\f305"}.ion-aperture:before{content:"\f313"}.ion-archive:before{content:"\f102"}.ion-arrow-down-a:before{content:"\f103"}.ion-arrow-down-b:before{content:"\f104"}.ion-arrow-down-c:before{content:"\f105"}.ion-arrow-expand:before{content:"\f25e"}.ion-arrow-graph-down-left:before{content:"\f25f"}.ion-arrow-graph-down-right:before{content:"\f260"}.ion-arrow-graph-up-left:before{content:"\f261"}.ion-arrow-graph-up-right:before{content:"\f262"}.ion-arrow-left-a:before{content:"\f106"}.ion-arrow-left-b:before{content:"\f107"}.ion-arrow-left-c:before{content:"\f108"}.ion-arrow-move:before{content:"\f263"}.ion-arrow-resize:before{content:"\f264"}.ion-arrow-return-left:before{content:"\f265"}.ion-arrow-return-right:before{content:"\f266"}.ion-arrow-right-a:before{content:"\f109"}.ion-arrow-right-b:before{content:"\f10a"}.ion-arrow-right-c:before{content:"\f10b"}.ion-arrow-shrink:before{content:"\f267"}.ion-arrow-swap:before{content:"\f268"}.ion-arrow-up-a:before{content:"\f10c"}.ion-arrow-up-b:before{content:"\f10d"}.ion-arrow-up-c:before{content:"\f10e"}.ion-asterisk:before{content:"\f314"}.ion-at:before{content:"\f10f"}.ion-backspace:before{content:"\f3bf"}.ion-backspace-outline:before{content:"\f3be"}.ion-bag:before{content:"\f110"}.ion-battery-charging:before{content:"\f111"}.ion-battery-empty:before{content:"\f112"}.ion-battery-full:before{content:"\f113"}.ion-battery-half:before{content:"\f114"}.ion-battery-low:before{content:"\f115"}.ion-beaker:before{content:"\f269"}.ion-beer:before{content:"\f26a"}.ion-bluetooth:before{content:"\f116"}.ion-bonfire:before{content:"\f315"}.ion-bookmark:before{content:"\f26b"}.ion-bowtie:before{content:"\f3c0"}.ion-briefcase:before{content:"\f26c"}.ion-bug:before{content:"\f2be"}.ion-calculator:before{content:"\f26d"}.ion-calendar:before{content:"\f117"}.ion-camera:before{content:"\f118"}.ion-card:before{content:"\f119"}.ion-cash:before{content:"\f316"}.ion-chatbox:before{content:"\f11b"}.ion-chatbox-working:before{content:"\f11a"}.ion-chatboxes:before{content:"\f11c"}.ion-chatbubble:before{content:"\f11e"}.ion-chatbubble-working:before{content:"\f11d"}.ion-chatbubbles:before{content:"\f11f"}.ion-checkmark:before{content:"\f122"}.ion-checkmark-circled:before{content:"\f120"}.ion-checkmark-round:before{content:"\f121"}.ion-chevron-down:before{content:"\f123"}.ion-chevron-left:before{content:"\f124"}.ion-chevron-right:before{content:"\f125"}.ion-chevron-up:before{content:"\f126"}.ion-clipboard:before{content:"\f127"}.ion-clock:before{content:"\f26e"}.ion-close:before{content:"\f12a"}.ion-close-circled:before{content:"\f128"}.ion-close-round:before{content:"\f129"}.ion-closed-captioning:before{content:"\f317"}.ion-cloud:before{content:"\f12b"}.ion-code:before{content:"\f271"}.ion-code-download:before{content:"\f26f"}.ion-code-working:before{content:"\f270"}.ion-coffee:before{content:"\f272"}.ion-compass:before{content:"\f273"}.ion-compose:before{content:"\f12c"}.ion-connection-bars:before{content:"\f274"}.ion-contrast:before{content:"\f275"}.ion-crop:before{content:"\f3c1"}.ion-cube:before{content:"\f318"}.ion-disc:before{content:"\f12d"}.ion-document:before{content:"\f12f"}.ion-document-text:before{content:"\f12e"}.ion-drag:before{content:"\f130"}.ion-earth:before{content:"\f276"}.ion-easel:before{content:"\f3c2"}.ion-edit:before{content:"\f2bf"}.ion-egg:before{content:"\f277"}.ion-eject:before{content:"\f131"}.ion-email:before{content:"\f132"}.ion-email-unread:before{content:"\f3c3"}.ion-erlenmeyer-flask:before{content:"\f3c5"}.ion-erlenmeyer-flask-bubbles:before{content:"\f3c4"}.ion-eye:before{content:"\f133"}.ion-eye-disabled:before{content:"\f306"}.ion-female:before{content:"\f278"}.ion-filing:before{content:"\f134"}.ion-film-marker:before{content:"\f135"}.ion-fireball:before{content:"\f319"}.ion-flag:before{content:"\f279"}.ion-flame:before{content:"\f31a"}.ion-flash:before{content:"\f137"}.ion-flash-off:before{content:"\f136"}.ion-folder:before{content:"\f139"}.ion-fork:before{content:"\f27a"}.ion-fork-repo:before{content:"\f2c0"}.ion-forward:before{content:"\f13a"}.ion-funnel:before{content:"\f31b"}.ion-gear-a:before{content:"\f13d"}.ion-gear-b:before{content:"\f13e"}.ion-grid:before{content:"\f13f"}.ion-hammer:before{content:"\f27b"}.ion-happy:before{content:"\f31c"}.ion-happy-outline:before{content:"\f3c6"}.ion-headphone:before{content:"\f140"}.ion-heart:before{content:"\f141"}.ion-heart-broken:before{content:"\f31d"}.ion-help:before{content:"\f143"}.ion-help-buoy:before{content:"\f27c"}.ion-help-circled:before{content:"\f142"}.ion-home:before{content:"\f144"}.ion-icecream:before{content:"\f27d"}.ion-image:before{content:"\f147"}.ion-images:before{content:"\f148"}.ion-information:before{content:"\f14a"}.ion-information-circled:before{content:"\f149"}.ion-ionic:before{content:"\f14b"}.ion-ios-alarm:before{content:"\f3c8"}.ion-ios-alarm-outline:before{content:"\f3c7"}.ion-ios-albums:before{content:"\f3ca"}.ion-ios-albums-outline:before{content:"\f3c9"}.ion-ios-americanfootball:before{content:"\f3cc"}.ion-ios-americanfootball-outline:before{content:"\f3cb"}.ion-ios-analytics:before{content:"\f3ce"}.ion-ios-analytics-outline:before{content:"\f3cd"}.ion-ios-arrow-back:before{content:"\f3cf"}.ion-ios-arrow-down:before{content:"\f3d0"}.ion-ios-arrow-forward:before{content:"\f3d1"}.ion-ios-arrow-left:before{content:"\f3d2"}.ion-ios-arrow-right:before{content:"\f3d3"}.ion-ios-arrow-thin-down:before{content:"\f3d4"}.ion-ios-arrow-thin-left:before{content:"\f3d5"}.ion-ios-arrow-thin-right:before{content:"\f3d6"}.ion-ios-arrow-thin-up:before{content:"\f3d7"}.ion-ios-arrow-up:before{content:"\f3d8"}.ion-ios-at:before{content:"\f3da"}.ion-ios-at-outline:before{content:"\f3d9"}.ion-ios-barcode:before{content:"\f3dc"}.ion-ios-barcode-outline:before{content:"\f3db"}.ion-ios-baseball:before{content:"\f3de"}.ion-ios-baseball-outline:before{content:"\f3dd"}.ion-ios-basketball:before{content:"\f3e0"}.ion-ios-basketball-outline:before{content:"\f3df"}.ion-ios-bell:before{content:"\f3e2"}.ion-ios-bell-outline:before{content:"\f3e1"}.ion-ios-body:before{content:"\f3e4"}.ion-ios-body-outline:before{content:"\f3e3"}.ion-ios-bolt:before{content:"\f3e6"}.ion-ios-bolt-outline:before{content:"\f3e5"}.ion-ios-book:before{content:"\f3e8"}.ion-ios-book-outline:before{content:"\f3e7"}.ion-ios-bookmarks:before{content:"\f3ea"}.ion-ios-bookmarks-outline:before{content:"\f3e9"}.ion-ios-box:before{content:"\f3ec"}.ion-ios-box-outline:before{content:"\f3eb"}.ion-ios-briefcase:before{content:"\f3ee"}.ion-ios-briefcase-outline:before{content:"\f3ed"}.ion-ios-browsers:before{content:"\f3f0"}.ion-ios-browsers-outline:before{content:"\f3ef"}.ion-ios-calculator:before{content:"\f3f2"}.ion-ios-calculator-outline:before{content:"\f3f1"}.ion-ios-calendar:before{content:"\f3f4"}.ion-ios-calendar-outline:before{content:"\f3f3"}.ion-ios-camera:before{content:"\f3f6"}.ion-ios-camera-outline:before{content:"\f3f5"}.ion-ios-cart:before{content:"\f3f8"}.ion-ios-cart-outline:before{content:"\f3f7"}.ion-ios-chatboxes:before{content:"\f3fa"}.ion-ios-chatboxes-outline:before{content:"\f3f9"}.ion-ios-chatbubble:before{content:"\f3fc"}.ion-ios-chatbubble-outline:before{content:"\f3fb"}.ion-ios-checkmark:before{content:"\f3ff"}.ion-ios-checkmark-empty:before{content:"\f3fd"}.ion-ios-checkmark-outline:before{content:"\f3fe"}.ion-ios-circle-filled:before{content:"\f400"}.ion-ios-circle-outline:before{content:"\f401"}.ion-ios-clock:before{content:"\f403"}.ion-ios-clock-outline:before{content:"\f402"}.ion-ios-close:before{content:"\f406"}.ion-ios-close-empty:before{content:"\f404"}.ion-ios-close-outline:before{content:"\f405"}.ion-ios-cloud:before{content:"\f40c"}.ion-ios-cloud-download:before{content:"\f408"}.ion-ios-cloud-download-outline:before{content:"\f407"}.ion-ios-cloud-outline:before{content:"\f409"}.ion-ios-cloud-upload:before{content:"\f40b"}.ion-ios-cloud-upload-outline:before{content:"\f40a"}.ion-ios-cloudy:before{content:"\f410"}.ion-ios-cloudy-night:before{content:"\f40e"}.ion-ios-cloudy-night-outline:before{content:"\f40d"}.ion-ios-cloudy-outline:before{content:"\f40f"}.ion-ios-cog:before{content:"\f412"}.ion-ios-cog-outline:before{content:"\f411"}.ion-ios-color-filter:before{content:"\f414"}.ion-ios-color-filter-outline:before{content:"\f413"}.ion-ios-color-wand:before{content:"\f416"}.ion-ios-color-wand-outline:before{content:"\f415"}.ion-ios-compose:before{content:"\f418"}.ion-ios-compose-outline:before{content:"\f417"}.ion-ios-contact:before{content:"\f41a"}.ion-ios-contact-outline:before{content:"\f419"}.ion-ios-copy:before{content:"\f41c"}.ion-ios-copy-outline:before{content:"\f41b"}.ion-ios-crop:before{content:"\f41e"}.ion-ios-crop-strong:before{content:"\f41d"}.ion-ios-download:before{content:"\f420"}.ion-ios-download-outline:before{content:"\f41f"}.ion-ios-drag:before{content:"\f421"}.ion-ios-email:before{content:"\f423"}.ion-ios-email-outline:before{content:"\f422"}.ion-ios-eye:before{content:"\f425"}.ion-ios-eye-outline:before{content:"\f424"}.ion-ios-fastforward:before{content:"\f427"}.ion-ios-fastforward-outline:before{content:"\f426"}.ion-ios-filing:before{content:"\f429"}.ion-ios-filing-outline:before{content:"\f428"}.ion-ios-film:before{content:"\f42b"}.ion-ios-film-outline:before{content:"\f42a"}.ion-ios-flag:before{content:"\f42d"}.ion-ios-flag-outline:before{content:"\f42c"}.ion-ios-flame:before{content:"\f42f"}.ion-ios-flame-outline:before{content:"\f42e"}.ion-ios-flask:before{content:"\f431"}.ion-ios-flask-outline:before{content:"\f430"}.ion-ios-flower:before{content:"\f433"}.ion-ios-flower-outline:before{content:"\f432"}.ion-ios-folder:before{content:"\f435"}.ion-ios-folder-outline:before{content:"\f434"}.ion-ios-football:before{content:"\f437"}.ion-ios-football-outline:before{content:"\f436"}.ion-ios-game-controller-a:before{content:"\f439"}.ion-ios-game-controller-a-outline:before{content:"\f438"}.ion-ios-game-controller-b:before{content:"\f43b"}.ion-ios-game-controller-b-outline:before{content:"\f43a"}.ion-ios-gear:before{content:"\f43d"}.ion-ios-gear-outline:before{content:"\f43c"}.ion-ios-glasses:before{content:"\f43f"}.ion-ios-glasses-outline:before{content:"\f43e"}.ion-ios-grid-view:before{content:"\f441"}.ion-ios-grid-view-outline:before{content:"\f440"}.ion-ios-heart:before{content:"\f443"}.ion-ios-heart-outline:before{content:"\f442"}.ion-ios-help:before{content:"\f446"}.ion-ios-help-empty:before{content:"\f444"}.ion-ios-help-outline:before{content:"\f445"}.ion-ios-home:before{content:"\f448"}.ion-ios-home-outline:before{content:"\f447"}.ion-ios-infinite:before{content:"\f44a"}.ion-ios-infinite-outline:before{content:"\f449"}.ion-ios-information:before{content:"\f44d"}.ion-ios-information-empty:before{content:"\f44b"}.ion-ios-information-outline:before{content:"\f44c"}.ion-ios-ionic-outline:before{content:"\f44e"}.ion-ios-keypad:before{content:"\f450"}.ion-ios-keypad-outline:before{content:"\f44f"}.ion-ios-lightbulb:before{content:"\f452"}.ion-ios-lightbulb-outline:before{content:"\f451"}.ion-ios-list:before{content:"\f454"}.ion-ios-list-outline:before{content:"\f453"}.ion-ios-location:before{content:"\f456"}.ion-ios-location-outline:before{content:"\f455"}.ion-ios-locked:before{content:"\f458"}.ion-ios-locked-outline:before{content:"\f457"}.ion-ios-loop:before{content:"\f45a"}.ion-ios-loop-strong:before{content:"\f459"}.ion-ios-medical:before{content:"\f45c"}.ion-ios-medical-outline:before{content:"\f45b"}.ion-ios-medkit:before{content:"\f45e"}.ion-ios-medkit-outline:before{content:"\f45d"}.ion-ios-mic:before{content:"\f461"}.ion-ios-mic-off:before{content:"\f45f"}.ion-ios-mic-outline:before{content:"\f460"}.ion-ios-minus:before{content:"\f464"}.ion-ios-minus-empty:before{content:"\f462"}.ion-ios-minus-outline:before{content:"\f463"}.ion-ios-monitor:before{content:"\f466"}.ion-ios-monitor-outline:before{content:"\f465"}.ion-ios-moon:before{content:"\f468"}.ion-ios-moon-outline:before{content:"\f467"}.ion-ios-more:before{content:"\f46a"}.ion-ios-more-outline:before{content:"\f469"}.ion-ios-musical-note:before{content:"\f46b"}.ion-ios-musical-notes:before{content:"\f46c"}.ion-ios-navigate:before{content:"\f46e"}.ion-ios-navigate-outline:before{content:"\f46d"}.ion-ios-nutrition:before{content:"\f470"}.ion-ios-nutrition-outline:before{content:"\f46f"}.ion-ios-paper:before{content:"\f472"}.ion-ios-paper-outline:before{content:"\f471"}.ion-ios-paperplane:before{content:"\f474"}.ion-ios-paperplane-outline:before{content:"\f473"}.ion-ios-partlysunny:before{content:"\f476"}.ion-ios-partlysunny-outline:before{content:"\f475"}.ion-ios-pause:before{content:"\f478"}.ion-ios-pause-outline:before{content:"\f477"}.ion-ios-paw:before{content:"\f47a"}.ion-ios-paw-outline:before{content:"\f479"}.ion-ios-people:before{content:"\f47c"}.ion-ios-people-outline:before{content:"\f47b"}.ion-ios-person:before{content:"\f47e"}.ion-ios-person-outline:before{content:"\f47d"}.ion-ios-personadd:before{content:"\f480"}.ion-ios-personadd-outline:before{content:"\f47f"}.ion-ios-photos:before{content:"\f482"}.ion-ios-photos-outline:before{content:"\f481"}.ion-ios-pie:before{content:"\f484"}.ion-ios-pie-outline:before{content:"\f483"}.ion-ios-pint:before{content:"\f486"}.ion-ios-pint-outline:before{content:"\f485"}.ion-ios-play:before{content:"\f488"}.ion-ios-play-outline:before{content:"\f487"}.ion-ios-plus:before{content:"\f48b"}.ion-ios-plus-empty:before{content:"\f489"}.ion-ios-plus-outline:before{content:"\f48a"}.ion-ios-pricetag:before{content:"\f48d"}.ion-ios-pricetag-outline:before{content:"\f48c"}.ion-ios-pricetags:before{content:"\f48f"}.ion-ios-pricetags-outline:before{content:"\f48e"}.ion-ios-printer:before{content:"\f491"}.ion-ios-printer-outline:before{content:"\f490"}.ion-ios-pulse:before{content:"\f493"}.ion-ios-pulse-strong:before{content:"\f492"}.ion-ios-rainy:before{content:"\f495"}.ion-ios-rainy-outline:before{content:"\f494"}.ion-ios-recording:before{content:"\f497"}.ion-ios-recording-outline:before{content:"\f496"}.ion-ios-redo:before{content:"\f499"}.ion-ios-redo-outline:before{content:"\f498"}.ion-ios-refresh:before{content:"\f49c"}.ion-ios-refresh-empty:before{content:"\f49a"}.ion-ios-refresh-outline:before{content:"\f49b"}.ion-ios-reload:before{content:"\f49d"}.ion-ios-reverse-camera:before{content:"\f49f"}.ion-ios-reverse-camera-outline:before{content:"\f49e"}.ion-ios-rewind:before{content:"\f4a1"}.ion-ios-rewind-outline:before{content:"\f4a0"}.ion-ios-rose:before{content:"\f4a3"}.ion-ios-rose-outline:before{content:"\f4a2"}.ion-ios-search:before{content:"\f4a5"}.ion-ios-search-strong:before{content:"\f4a4"}.ion-ios-settings:before{content:"\f4a7"}.ion-ios-settings-strong:before{content:"\f4a6"}.ion-ios-shuffle:before{content:"\f4a9"}.ion-ios-shuffle-strong:before{content:"\f4a8"}.ion-ios-skipbackward:before{content:"\f4ab"}.ion-ios-skipbackward-outline:before{content:"\f4aa"}.ion-ios-skipforward:before{content:"\f4ad"}.ion-ios-skipforward-outline:before{content:"\f4ac"}.ion-ios-snowy:before{content:"\f4ae"}.ion-ios-speedometer:before{content:"\f4b0"}.ion-ios-speedometer-outline:before{content:"\f4af"}.ion-ios-star:before{content:"\f4b3"}.ion-ios-star-half:before{content:"\f4b1"}.ion-ios-star-outline:before{content:"\f4b2"}.ion-ios-stopwatch:before{content:"\f4b5"}.ion-ios-stopwatch-outline:before{content:"\f4b4"}.ion-ios-sunny:before{content:"\f4b7"}.ion-ios-sunny-outline:before{content:"\f4b6"}.ion-ios-telephone:before{content:"\f4b9"}.ion-ios-telephone-outline:before{content:"\f4b8"}.ion-ios-tennisball:before{content:"\f4bb"}.ion-ios-tennisball-outline:before{content:"\f4ba"}.ion-ios-thunderstorm:before{content:"\f4bd"}.ion-ios-thunderstorm-outline:before{content:"\f4bc"}.ion-ios-time:before{content:"\f4bf"}.ion-ios-time-outline:before{content:"\f4be"}.ion-ios-timer:before{content:"\f4c1"}.ion-ios-timer-outline:before{content:"\f4c0"}.ion-ios-toggle:before{content:"\f4c3"}.ion-ios-toggle-outline:before{content:"\f4c2"}.ion-ios-trash:before{content:"\f4c5"}.ion-ios-trash-outline:before{content:"\f4c4"}.ion-ios-undo:before{content:"\f4c7"}.ion-ios-undo-outline:before{content:"\f4c6"}.ion-ios-unlocked:before{content:"\f4c9"}.ion-ios-unlocked-outline:before{content:"\f4c8"}.ion-ios-upload:before{content:"\f4cb"}.ion-ios-upload-outline:before{content:"\f4ca"}.ion-ios-videocam:before{content:"\f4cd"}.ion-ios-videocam-outline:before{content:"\f4cc"}.ion-ios-volume-high:before{content:"\f4ce"}.ion-ios-volume-low:before{content:"\f4cf"}.ion-ios-wineglass:before{content:"\f4d1"}.ion-ios-wineglass-outline:before{content:"\f4d0"}.ion-ios-world:before{content:"\f4d3"}.ion-ios-world-outline:before{content:"\f4d2"}.ion-ipad:before{content:"\f1f9"}.ion-iphone:before{content:"\f1fa"}.ion-ipod:before{content:"\f1fb"}.ion-jet:before{content:"\f295"}.ion-key:before{content:"\f296"}.ion-knife:before{content:"\f297"}.ion-laptop:before{content:"\f1fc"}.ion-leaf:before{content:"\f1fd"}.ion-levels:before{content:"\f298"}.ion-lightbulb:before{content:"\f299"}.ion-link:before{content:"\f1fe"}.ion-load-a:before{content:"\f29a"}.ion-load-b:before{content:"\f29b"}.ion-load-c:before{content:"\f29c"}.ion-load-d:before{content:"\f29d"}.ion-location:before{content:"\f1ff"}.ion-lock-combination:before{content:"\f4d4"}.ion-locked:before{content:"\f200"}.ion-log-in:before{content:"\f29e"}.ion-log-out:before{content:"\f29f"}.ion-loop:before{content:"\f201"}.ion-magnet:before{content:"\f2a0"}.ion-male:before{content:"\f2a1"}.ion-man:before{content:"\f202"}.ion-map:before{content:"\f203"}.ion-medkit:before{content:"\f2a2"}.ion-merge:before{content:"\f33f"}.ion-mic-a:before{content:"\f204"}.ion-mic-b:before{content:"\f205"}.ion-mic-c:before{content:"\f206"}.ion-minus:before{content:"\f209"}.ion-minus-circled:before{content:"\f207"}.ion-minus-round:before{content:"\f208"}.ion-model-s:before{content:"\f2c1"}.ion-monitor:before{content:"\f20a"}.ion-more:before{content:"\f20b"}.ion-mouse:before{content:"\f340"}.ion-music-note:before{content:"\f20c"}.ion-navicon:before{content:"\f20e"}.ion-navicon-round:before{content:"\f20d"}.ion-navigate:before{content:"\f2a3"}.ion-network:before{content:"\f341"}.ion-no-smoking:before{content:"\f2c2"}.ion-nuclear:before{content:"\f2a4"}.ion-outlet:before{content:"\f342"}.ion-paintbrush:before{content:"\f4d5"}.ion-paintbucket:before{content:"\f4d6"}.ion-paper-airplane:before{content:"\f2c3"}.ion-paperclip:before{content:"\f20f"}.ion-pause:before{content:"\f210"}.ion-person:before{content:"\f213"}.ion-person-add:before{content:"\f211"}.ion-person-stalker:before{content:"\f212"}.ion-pie-graph:before{content:"\f2a5"}.ion-pin:before{content:"\f2a6"}.ion-pinpoint:before{content:"\f2a7"}.ion-pizza:before{content:"\f2a8"}.ion-plane:before{content:"\f214"}.ion-planet:before{content:"\f343"}.ion-play:before{content:"\f215"}.ion-playstation:before{content:"\f30a"}.ion-plus:before{content:"\f218"}.ion-plus-circled:before{content:"\f216"}.ion-plus-round:before{content:"\f217"}.ion-podium:before{content:"\f344"}.ion-pound:before{content:"\f219"}.ion-power:before{content:"\f2a9"}.ion-pricetag:before{content:"\f2aa"}.ion-pricetags:before{content:"\f2ab"}.ion-printer:before{content:"\f21a"}.ion-pull-request:before{content:"\f345"}.ion-qr-scanner:before{content:"\f346"}.ion-quote:before{content:"\f347"}.ion-radio-waves:before{content:"\f2ac"}.ion-record:before{content:"\f21b"}.ion-refresh:before{content:"\f21c"}.ion-reply:before{content:"\f21e"}.ion-reply-all:before{content:"\f21d"}.ion-ribbon-a:before{content:"\f348"}.ion-ribbon-b:before{content:"\f349"}.ion-sad:before{content:"\f34a"}.ion-sad-outline:before{content:"\f4d7"}.ion-scissors:before{content:"\f34b"}.ion-search:before{content:"\f21f"}.ion-settings:before{content:"\f2ad"}.ion-share:before{content:"\f220"}.ion-shuffle:before{content:"\f221"}.ion-skip-backward:before{content:"\f222"}.ion-skip-forward:before{content:"\f223"}.ion-social-android:before{content:"\f225"}.ion-social-android-outline:before{content:"\f224"}.ion-social-angular:before{content:"\f4d9"}.ion-social-angular-outline:before{content:"\f4d8"}.ion-social-apple:before{content:"\f227"}.ion-social-apple-outline:before{content:"\f226"}.ion-social-bitcoin:before{content:"\f2af"}.ion-social-bitcoin-outline:before{content:"\f2ae"}.ion-social-buffer:before{content:"\f229"}.ion-social-buffer-outline:before{content:"\f228"}.ion-social-chrome:before{content:"\f4db"}.ion-social-chrome-outline:before{content:"\f4da"}.ion-social-codepen:before{content:"\f4dd"}.ion-social-codepen-outline:before{content:"\f4dc"}.ion-social-css3:before{content:"\f4df"}.ion-social-css3-outline:before{content:"\f4de"}.ion-social-designernews:before{content:"\f22b"}.ion-social-designernews-outline:before{content:"\f22a"}.ion-social-dribbble:before{content:"\f22d"}.ion-social-dribbble-outline:before{content:"\f22c"}.ion-social-dropbox:before{content:"\f22f"}.ion-social-dropbox-outline:before{content:"\f22e"}.ion-social-euro:before{content:"\f4e1"}.ion-social-euro-outline:before{content:"\f4e0"}.ion-social-facebook:before{content:"\f231"}.ion-social-facebook-outline:before{content:"\f230"}.ion-social-foursquare:before{content:"\f34d"}.ion-social-foursquare-outline:before{content:"\f34c"}.ion-social-freebsd-devil:before{content:"\f2c4"}.ion-social-github:before{content:"\f233"}.ion-social-github-outline:before{content:"\f232"}.ion-social-google:before{content:"\f34f"}.ion-social-google-outline:before{content:"\f34e"}.ion-social-googleplus:before{content:"\f235"}.ion-social-googleplus-outline:before{content:"\f234"}.ion-social-hackernews:before{content:"\f237"}.ion-social-hackernews-outline:before{content:"\f236"}.ion-social-html5:before{content:"\f4e3"}.ion-social-html5-outline:before{content:"\f4e2"}.ion-social-instagram:before{content:"\f351"}.ion-social-instagram-outline:before{content:"\f350"}.ion-social-javascript:before{content:"\f4e5"}.ion-social-javascript-outline:before{content:"\f4e4"}.ion-social-linkedin:before{content:"\f239"}.ion-social-linkedin-outline:before{content:"\f238"}.ion-social-markdown:before{content:"\f4e6"}.ion-social-nodejs:before{content:"\f4e7"}.ion-social-octocat:before{content:"\f4e8"}.ion-social-pinterest:before{content:"\f2b1"}.ion-social-pinterest-outline:before{content:"\f2b0"}.ion-social-python:before{content:"\f4e9"}.ion-social-reddit:before{content:"\f23b"}.ion-social-reddit-outline:before{content:"\f23a"}.ion-social-rss:before{content:"\f23d"}.ion-social-rss-outline:before{content:"\f23c"}.ion-social-sass:before{content:"\f4ea"}.ion-social-skype:before{content:"\f23f"}.ion-social-skype-outline:before{content:"\f23e"}.ion-social-snapchat:before{content:"\f4ec"}.ion-social-snapchat-outline:before{content:"\f4eb"}.ion-social-tumblr:before{content:"\f241"}.ion-social-tumblr-outline:before{content:"\f240"}.ion-social-tux:before{content:"\f2c5"}.ion-social-twitch:before{content:"\f4ee"}.ion-social-twitch-outline:before{content:"\f4ed"}.ion-social-twitter:before{content:"\f243"}.ion-social-twitter-outline:before{content:"\f242"}.ion-social-usd:before{content:"\f353"}.ion-social-usd-outline:before{content:"\f352"}.ion-social-vimeo:before{content:"\f245"}.ion-social-vimeo-outline:before{content:"\f244"}.ion-social-whatsapp:before{content:"\f4f0"}.ion-social-whatsapp-outline:before{content:"\f4ef"}.ion-social-windows:before{content:"\f247"}.ion-social-windows-outline:before{content:"\f246"}.ion-social-wordpress:before{content:"\f249"}.ion-social-wordpress-outline:before{content:"\f248"}.ion-social-yahoo:before{content:"\f24b"}.ion-social-yahoo-outline:before{content:"\f24a"}.ion-social-yen:before{content:"\f4f2"}.ion-social-yen-outline:before{content:"\f4f1"}.ion-social-youtube:before{content:"\f24d"}.ion-social-youtube-outline:before{content:"\f24c"}.ion-soup-can:before{content:"\f4f4"}.ion-soup-can-outline:before{content:"\f4f3"}.ion-speakerphone:before{content:"\f2b2"}.ion-speedometer:before{content:"\f2b3"}.ion-spoon:before{content:"\f2b4"}.ion-star:before{content:"\f24e"}.ion-stats-bars:before{content:"\f2b5"}.ion-steam:before{content:"\f30b"}.ion-stop:before{content:"\f24f"}.ion-thermometer:before{content:"\f2b6"}.ion-thumbsdown:before{content:"\f250"}.ion-thumbsup:before{content:"\f251"}.ion-toggle:before{content:"\f355"}.ion-toggle-filled:before{content:"\f354"}.ion-transgender:before{content:"\f4f5"}.ion-trash-a:before{content:"\f252"}.ion-trash-b:before{content:"\f253"}.ion-trophy:before{content:"\f356"}.ion-tshirt:before{content:"\f4f7"}.ion-tshirt-outline:before{content:"\f4f6"}.ion-umbrella:before{content:"\f2b7"}.ion-university:before{content:"\f357"}.ion-unlocked:before{content:"\f254"}.ion-upload:before{content:"\f255"}.ion-usb:before{content:"\f2b8"}.ion-videocamera:before{content:"\f256"}.ion-volume-high:before{content:"\f257"}.ion-volume-low:before{content:"\f258"}.ion-volume-medium:before{content:"\f259"}.ion-volume-mute:before{content:"\f25a"}.ion-wand:before{content:"\f358"}.ion-waterdrop:before{content:"\f25b"}.ion-wifi:before{content:"\f25c"}.ion-wineglass:before{content:"\f2b9"}.ion-woman:before{content:"\f25d"}.ion-wrench:before{content:"\f2ba"}.ion-xbox:before{content:"\f30c"} 12 | -------------------------------------------------------------------------------- /static/css/remark.css: -------------------------------------------------------------------------------- 1 | @import url(https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz); 2 | @import url(https://fonts.googleapis.com/css?family=Droid+Serif:400,700,400italic); 3 | @import url(https://fonts.googleapis.com/css?family=Ubuntu+Mono:400,700,400italic); 4 | 5 | body { font-family: 'Droid Serif'; } 6 | h1, h2, h3 { 7 | font-family: 'Yanone Kaffeesatz'; 8 | font-weight: normal; 9 | } 10 | .remark-code, .remark-inline-code { font-family: 'Ubuntu Mono'; } 11 | div.remark-slide-content>p, div.remark-slide-content>ul>li { 12 | font-size: 1.2em 13 | } 14 | -------------------------------------------------------------------------------- /static/fonts/iconicons/ionicons.eot: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jchatkinson/HugoMDL/00cdfbeaf0aa0af40cc2b53551653170d6258c46/static/fonts/iconicons/ionicons.eot -------------------------------------------------------------------------------- /static/fonts/iconicons/ionicons.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jchatkinson/HugoMDL/00cdfbeaf0aa0af40cc2b53551653170d6258c46/static/fonts/iconicons/ionicons.ttf -------------------------------------------------------------------------------- /static/fonts/iconicons/ionicons.woff: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jchatkinson/HugoMDL/00cdfbeaf0aa0af40cc2b53551653170d6258c46/static/fonts/iconicons/ionicons.woff -------------------------------------------------------------------------------- /static/images/avatar-192x210.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jchatkinson/HugoMDL/00cdfbeaf0aa0af40cc2b53551653170d6258c46/static/images/avatar-192x210.png -------------------------------------------------------------------------------- /static/images/avatar-64x64.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jchatkinson/HugoMDL/00cdfbeaf0aa0af40cc2b53551653170d6258c46/static/images/avatar-64x64.png -------------------------------------------------------------------------------- /static/images/avatar.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jchatkinson/HugoMDL/00cdfbeaf0aa0af40cc2b53551653170d6258c46/static/images/avatar.png -------------------------------------------------------------------------------- /static/images/background-original.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jchatkinson/HugoMDL/00cdfbeaf0aa0af40cc2b53551653170d6258c46/static/images/background-original.jpg -------------------------------------------------------------------------------- /static/images/background.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jchatkinson/HugoMDL/00cdfbeaf0aa0af40cc2b53551653170d6258c46/static/images/background.jpg -------------------------------------------------------------------------------- /static/images/default-original.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jchatkinson/HugoMDL/00cdfbeaf0aa0af40cc2b53551653170d6258c46/static/images/default-original.jpg -------------------------------------------------------------------------------- /static/images/default-small.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jchatkinson/HugoMDL/00cdfbeaf0aa0af40cc2b53551653170d6258c46/static/images/default-small.jpg -------------------------------------------------------------------------------- /static/images/default.jpg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/jchatkinson/HugoMDL/00cdfbeaf0aa0af40cc2b53551653170d6258c46/static/images/default.jpg -------------------------------------------------------------------------------- /static/js/cardmedia.js: -------------------------------------------------------------------------------- 1 | Array.prototype.forEach.call(document.querySelectorAll('.mdl-card__media'), function(el) { 2 | var link = el.querySelector('a'); 3 | if (!link) { 4 | return; 5 | } 6 | var target = link.getAttribute('href'); 7 | if (!target) { 8 | return; 9 | } 10 | el.addEventListener('click', function() { 11 | location.href = target; 12 | }); 13 | }); 14 | -------------------------------------------------------------------------------- /static/js/fabbutton.js: -------------------------------------------------------------------------------- 1 | (function () { 2 | var VISIBLE_CLASS = "is-showing-options", 3 | fab_btn = document.getElementById("fab_btn"), 4 | fab_ctn = document.getElementById("fab_ctn"), 5 | showOpts = function(e) { 6 | console.log('clicked!'); 7 | var processClick = function (evt) { 8 | if (e !== evt) { 9 | fab_ctn.classList.remove(VISIBLE_CLASS); 10 | fab_ctn.IS_SHOWING = false; 11 | document.removeEventListener("click", processClick); 12 | } 13 | }; 14 | if (!fab_ctn.IS_SHOWING) { 15 | fab_ctn.IS_SHOWING = true; 16 | fab_ctn.classList.add(VISIBLE_CLASS); 17 | document.addEventListener("click", processClick); 18 | } 19 | }; 20 | fab_btn.addEventListener("click", showOpts); 21 | }.call(this)); 22 | -------------------------------------------------------------------------------- /static/scss/_about.scss: -------------------------------------------------------------------------------- 1 | // Styling for the "about" page 2 | .hmdl-about { 3 | 4 | #hmdl-about-media { 5 | flex-direction: row; 6 | align-items: flex-end; 7 | justify-content: center; 8 | padding: 0px; 9 | } 10 | 11 | #hmdl-about-text { 12 | display: flex; 13 | flex-direction: column; 14 | box-sizing: border-box; 15 | padding-top: 110px; 16 | 17 | &>h3, &>h6 { 18 | margin: auto; 19 | } 20 | } 21 | 22 | .profile-pic-container { 23 | transform: translate(0px, 75px); 24 | 25 | .profilepic { 26 | width: 150px; 27 | height: 150px; 28 | background-position: 50% calc(50% + 10px); 29 | background-repeat: no-repeat; 30 | background-size: 95%; 31 | border-radius: 50%; 32 | background-color: #ffffff; 33 | border-style: solid; 34 | border-color: #789296; 35 | border-width: 3px; 36 | } 37 | } 38 | 39 | } 40 | -------------------------------------------------------------------------------- /static/scss/_base.scss: -------------------------------------------------------------------------------- 1 | body { 2 | background-size: cover; 3 | font-family: 'Roboto', 'Helvetica', sans-serif; 4 | 5 | &:before { 6 | background-size: cover; 7 | background-attachment: fixed; 8 | content: ''; 9 | will-change: transform; 10 | z-index: -1; 11 | left: 0; 12 | right: 0; 13 | bottom: 0; 14 | top: 0; 15 | position: fixed; 16 | } 17 | } 18 | 19 | main { 20 | max-width: 900px; 21 | // padding: 0; 22 | display: flex; 23 | width: 100%; 24 | margin: 0 auto; 25 | flex-shrink: 0; 26 | justify-content: center; 27 | padding-top: 160px; 28 | padding-bottom: 80px; 29 | position: relative; 30 | -webkit-overflow-scrolling: touch; 31 | } 32 | 33 | 34 | -------------------------------------------------------------------------------- /static/scss/_blog.scss: -------------------------------------------------------------------------------- 1 | // Random rules that aren't yet categorized into other SCSS files 2 | .hmdl-body { 3 | 4 | &:not(.hmdl-page) .mdl-card__supporting-text ~ .mdl-card__supporting-text { 5 | border-top: 1px solid rgba(0, 0, 0, 0.1); 6 | } 7 | 8 | .icon-button { 9 | min-width: 32px; 10 | } 11 | 12 | .material-icons { 13 | font-size: 1em; 14 | cursor: pointer; 15 | } 16 | 17 | .material-icons_lg { 18 | font-size: 1.33em; 19 | cursor: pointer; 20 | } 21 | 22 | .material-icons_2x { 23 | font-size: 2.0em; 24 | cursor: pointer; 25 | } 26 | 27 | .mdl-card { 28 | display: flex; 29 | flex-direction: column; 30 | align-items: stretch; 31 | min-height: 360px; 32 | 33 | &>a { 34 | color: inherit; 35 | text-decoration: none; 36 | font-weight: inherit; 37 | } 38 | 39 | h3 { 40 | margin: 0; 41 | 42 | &.quote:after, 43 | &.quote:before { 44 | display: block; 45 | font-size: 3em; 46 | margin-top: 0.5em; 47 | } 48 | 49 | &.quote:after { 50 | content: '”'; 51 | } 52 | 53 | &.quote:before { 54 | content: '“'; 55 | } 56 | 57 | a { 58 | text-decoration: none; 59 | } 60 | } 61 | 62 | .meta.meta--fill { 63 | justify-content: space-between; 64 | } 65 | } 66 | 67 | .mdl-card__actions { 68 | display: flex; 69 | box-sizing: border-box; 70 | align-items: center; 71 | justify-content: space-between; 72 | 73 | &:first-child { 74 | margin-left: 0; 75 | } 76 | } 77 | 78 | .mdl-card__media { 79 | box-sizing: border-box; 80 | background-size: cover; 81 | padding: 24px; 82 | display: flex; 83 | flex-grow: 1; 84 | flex-direction: row; 85 | align-items: flex-end; 86 | cursor: pointer; 87 | 88 | & ~ .mdl-card__supporting-text { 89 | min-height: 64px; 90 | } 91 | 92 | a { 93 | color: inherit; 94 | } 95 | } 96 | 97 | .mdl-card__title { 98 | padding: 16px; 99 | flex-grow: 1; 100 | 101 | a { 102 | color: inherit; 103 | } 104 | } 105 | 106 | .mdl-layout__header, 107 | .mdl-layout__drawer-button, 108 | .mdl-layout__header--transparent .mdl-navigation__link { 109 | color: white; 110 | } 111 | 112 | .mdl-mini-footer { 113 | min-height: 80px; 114 | padding: 20px; 115 | align-items: center; 116 | background-color: white; 117 | box-sizing: border-box; 118 | 119 | @media (max-width: 480px) { 120 | flex-flow: column; 121 | } 122 | } 123 | 124 | .meta { 125 | } 126 | 127 | .pagination { 128 | display: flex; 129 | flex-direction: row; 130 | justify-content: space-around; 131 | align-items: center; 132 | padding: 8px; 133 | border-bottom: 1px solid #dcdcdc; 134 | 135 | .active { 136 | text-decoration: underline; 137 | } 138 | 139 | .disabled { 140 | color: rgba(0, 0, 0, 0.54); 141 | } 142 | 143 | .page-nums { 144 | padding-left: 8px; 145 | padding-right: 8px; 146 | text-decoration: none; 147 | 148 | &:hover { 149 | text-decoration: underline; 150 | } 151 | } 152 | } 153 | 154 | .project-card { 155 | min-height: 275px; 156 | 157 | .project-title a { 158 | font-size: 1.2em; 159 | line-height: 20px; 160 | text-decoration: none; 161 | } 162 | } 163 | } 164 | -------------------------------------------------------------------------------- /static/scss/_index.scss: -------------------------------------------------------------------------------- 1 | // Styling for the front page of the blog 2 | .hmdl-frontpage { 3 | 4 | // Styles the profile card 5 | .hmdl-profile-card { 6 | max-width: 360px; 7 | 8 | // Styling and animation for flyout FAB's 9 | // TODO: the FAB's don't work, and I'm not sure why 10 | .mdl-button--fab_flinger-container { 11 | 12 | &.is-showing-options { 13 | 14 | &>button i { 15 | transition: transform 0.3s linear; 16 | transform: rotate(45deg); 17 | } 18 | 19 | .mdl-button--fab_flinger-options { 20 | display: flex; 21 | flex-direction: column-reverse; 22 | 23 | button { 24 | display: block; 25 | animation-name: enter; 26 | animation-fill-mode: forwards; 27 | animation-duration: 0.1s; 28 | transform-origin: bottom center; 29 | 30 | &:nth-of-type(1) { 31 | animation-delay: 0.1s; 32 | } 33 | 34 | &:nth-of-type(2) { 35 | animation-delay: 0.2s; 36 | } 37 | 38 | &:nth-of-type(3) { 39 | animation-delay: 0.3s; 40 | } 41 | 42 | &:nth-of-type(4) { 43 | animation-delay: 0.4s; 44 | } 45 | 46 | &:nth-of-type(5) { 47 | animation-delay: 0.5s; 48 | } 49 | 50 | &:nth-of-type(6) { 51 | animation-delay: 0.6s; 52 | } 53 | } 54 | } 55 | } 56 | 57 | .mdl-button--fab_flinger-options { 58 | position: absolute; 59 | bottom: 100%; 60 | margin-bottom: 10px; 61 | 62 | button { 63 | transform: scale(0); 64 | display: none; 65 | } 66 | } 67 | } 68 | 69 | .mdl-card__media { 70 | display: flex; 71 | flex-direction: column; 72 | justify-content: center; 73 | align-items: center; 74 | font-size: 13px; 75 | font-weight: 500; 76 | border-top-left-radius: 2px; 77 | border-top-right-radius: 2px; 78 | padding: 0px; 79 | background-size: contain; 80 | background-position: center center; 81 | background-repeat: no-repeat; 82 | } 83 | 84 | .mdl-card__supporting-text { 85 | background-color: #f5f5f5; 86 | border-bottom-left-radius: 2px; 87 | border-bottom-right-radius: 2px; 88 | } 89 | 90 | #fab_ctn { 91 | position: absolute; 92 | top: calc(100% - 92px); 93 | right: 16px; 94 | } 95 | } 96 | } 97 | -------------------------------------------------------------------------------- /static/scss/_list.scss: -------------------------------------------------------------------------------- 1 | // Default styling for listing pages (e.g. /post/ and /project/) 2 | .hmdl-list { 3 | max-width: 900px; 4 | padding: 0; 5 | width: 100%; 6 | margin: 0 auto; 7 | flex-shrink: 0; 8 | 9 | .mdl-list__divider { 10 | display: flex; 11 | font-size: 13px; 12 | line-height: 18px; 13 | box-sizing: border-box; 14 | min-height: 48px; 15 | width: 100%; 16 | padding: 0; 17 | border-bottom: 1px solid #dcdcdc; 18 | } 19 | 20 | .mdl-card { 21 | 22 | .mdl-card__list-item { 23 | display: flex; 24 | font-size: 13px; 25 | line-height: 18px; 26 | box-sizing: border-box; 27 | min-height: 48px; 28 | width: 100%; 29 | padding: 0; 30 | border-bottom: 1px solid #dcdcdc; 31 | 32 | a { 33 | text-decoration: none; 34 | 35 | &:hover { 36 | text-decoration: underline; 37 | } 38 | } 39 | } 40 | } 41 | } 42 | -------------------------------------------------------------------------------- /static/scss/_misc.scss: -------------------------------------------------------------------------------- 1 | @keyframes enter { 2 | 3 | from { 4 | transform: scale(0); 5 | } 6 | 7 | to { 8 | transform: scale(0.8); 9 | } 10 | } 11 | 12 | // Fix for IE 10 13 | .mdl-grid { 14 | display: flex !important; 15 | } 16 | 17 | .social-btn { 18 | background-position: center; 19 | background-size: contain; 20 | background-repeat: no-repeat; 21 | background-color: transparent; 22 | margin: 0 16px; 23 | cursor: pointer; 24 | opacity: 0.46; 25 | border-radius: 2px; 26 | font-size: 1.5em; 27 | color: rgb1(138, 138, 138, 1); 28 | } 29 | 30 | .social-btn__share { 31 | color: rgba(0, 0, 0, 0.54); 32 | background: transparent; 33 | } 34 | -------------------------------------------------------------------------------- /static/scss/_nav.scss: -------------------------------------------------------------------------------- 1 | // Styles nav buttons between pages 2 | .hmdl-body nav.mdl-cell { 3 | margin: 12px 15px; 4 | display: flex; 5 | flex-direction: row; 6 | justify-content: space-between; 7 | align-items: center; 8 | color: white; 9 | font-weight: 500; 10 | 11 | a { 12 | color: white; 13 | text-decoration: none; 14 | 15 | &:first-child .mdl-button, 16 | &:last-child .mdl-button { 17 | margin-right: 16px; 18 | } 19 | } 20 | 21 | .mdl-button { 22 | color: rgba(0, 0, 0, 0.54); 23 | background-color: white; 24 | 25 | i { 26 | margin-top: -3px; 27 | } 28 | } 29 | } 30 | -------------------------------------------------------------------------------- /static/scss/_page.scss: -------------------------------------------------------------------------------- 1 | // Default styling for content pages (posts, projects, about, misc...) 2 | .hmdl-page { 3 | 4 | blockquote { 5 | background: #ddd; 6 | border-left: 10px solid #aaa; 7 | margin: 16px 10px; 8 | padding: 0.5em 10px; 9 | font-style: normal; 10 | 11 | &:before { 12 | content: none; 13 | } 14 | 15 | &:after { 16 | content: none; 17 | } 18 | 19 | p { 20 | margin: 0 auto; 21 | } 22 | } 23 | 24 | img { 25 | display: block; 26 | margin: 0 auto; 27 | max-width: 100%; 28 | } 29 | 30 | p { 31 | margin: 16px auto; 32 | font-size: 16px; 33 | line-height: 28px; 34 | } 35 | 36 | .hmdl-page-banner { 37 | height: 280px; 38 | } 39 | 40 | .hmdl-page-comments { 41 | background-color: #EEE; 42 | display: flex; 43 | flex-direction: column; 44 | justify-content: flex-start; 45 | align-items: stretch; 46 | padding: 32px; 47 | box-sizing: border-box; 48 | width: 100%; 49 | 50 | p { 51 | margin: 0; 52 | width: 100%; 53 | } 54 | } 55 | 56 | .hmdl-page-content { 57 | border: 0; 58 | box-sizing: border-box; 59 | min-height: 64px; 60 | padding: 64px; 61 | width: 100%; 62 | 63 | h1, h2, h3 { 64 | margin-top: 64px; 65 | } 66 | 67 | .highlight { 68 | border-radius: 4px; 69 | padding: 8px; 70 | 71 | pre { 72 | margin: 0; 73 | } 74 | } 75 | } 76 | 77 | .custom-header { 78 | background-color: transparent; 79 | } 80 | 81 | .section-spacer { 82 | flex-grow: 1; 83 | } 84 | } 85 | 86 | .hmdl-page-meta { 87 | box-sizing: border-box; 88 | padding: 16px; 89 | display: flex; 90 | flex-direction: row; 91 | align-items: center; 92 | justify-content: flex-start; 93 | height: auto; 94 | width: 100%; 95 | 96 | &>* { 97 | display: flex; 98 | flex-direction: column; 99 | } 100 | 101 | &>a { 102 | margin-left: 16px; 103 | } 104 | 105 | &>.meta__favorites { 106 | flex-direction: row; 107 | margin: 0 8px; 108 | font-size: 13px; 109 | font-weight: 500; 110 | } 111 | 112 | .minilogo { 113 | background-position: center; 114 | background-repeat: no-repeat; 115 | background-size: 50%; 116 | border-radius: 22px; 117 | background-color: #f5f5f5; 118 | height: 44px; 119 | margin-right: 16px; 120 | width: 44px; 121 | } 122 | } 123 | -------------------------------------------------------------------------------- /static/scss/hmdl-style.scss: -------------------------------------------------------------------------------- 1 | @import "about"; 2 | @import "base"; 3 | @import "blog"; 4 | @import "index"; 5 | @import "list"; 6 | @import "misc"; 7 | @import "nav"; 8 | @import "page"; 9 | -------------------------------------------------------------------------------- /theme.toml: -------------------------------------------------------------------------------- 1 | # theme.toml for Hugo-MDL 2 | # See http://jatkinson.me for an example 3 | 4 | name = "HugoMDL" 5 | license = "Apache 2.0" 6 | licenselink = "https://github.com/jchatkinson/HugoMDL/blob/master/LICENSE.md" 7 | description = "a simple and responsive theme to show your bio, blog, and projects - based on Google's Material Design Lite library" 8 | homepage = "http://jatkinson.me" 9 | tags = ["blog", "projects","portfolio","Material Design Lite","MDL","Material Design"] 10 | features = ["blog", "project showcase", "portfolio", "profile","responsive","Material Design"] 11 | min_version = 0.14 12 | 13 | [author] 14 | name = "Jeremy Atkinson" 15 | homepage = "http://jatkinson.me" 16 | email = "jeremy@jatkinson.me" --------------------------------------------------------------------------------