├── .gitignore ├── images ├── tn.png └── screenshot.png ├── exampleSite ├── public │ ├── favicon.ico │ ├── img │ │ ├── logo.png │ │ └── profile.png │ ├── less │ │ ├── bootstrap │ │ │ ├── mixins │ │ │ │ ├── center-block.less │ │ │ │ ├── text-emphasis.less │ │ │ │ ├── size.less │ │ │ │ ├── opacity.less │ │ │ │ ├── background-variant.less │ │ │ │ ├── text-overflow.less │ │ │ │ ├── tab-focus.less │ │ │ │ ├── resize.less │ │ │ │ ├── labels.less │ │ │ │ ├── progress-bar.less │ │ │ │ ├── reset-filter.less │ │ │ │ ├── nav-divider.less │ │ │ │ ├── alerts.less │ │ │ │ ├── nav-vertical-align.less │ │ │ │ ├── responsive-visibility.less │ │ │ │ ├── pagination.less │ │ │ │ ├── border-radius.less │ │ │ │ ├── panels.less │ │ │ │ ├── list-group.less │ │ │ │ ├── hide-text.less │ │ │ │ ├── clearfix.less │ │ │ │ ├── table-row.less │ │ │ │ ├── image.less │ │ │ │ ├── buttons.less │ │ │ │ ├── forms.less │ │ │ │ ├── grid-framework.less │ │ │ │ ├── grid.less │ │ │ │ └── gradients.less │ │ │ ├── .csslintrc │ │ │ ├── wells.less │ │ │ ├── breadcrumbs.less │ │ │ ├── responsive-embed.less │ │ │ ├── component-animations.less │ │ │ ├── close.less │ │ │ ├── thumbnails.less │ │ │ ├── utilities.less │ │ │ ├── media.less │ │ │ ├── pager.less │ │ │ ├── jumbotron.less │ │ │ ├── mixins.less │ │ │ ├── bootstrap.less │ │ │ ├── labels.less │ │ │ ├── badges.less │ │ │ ├── code.less │ │ │ ├── grid.less │ │ │ ├── alerts.less │ │ │ ├── progress-bars.less │ │ │ ├── pagination.less │ │ │ ├── print.less │ │ │ ├── scaffolding.less │ │ │ ├── tooltip.less │ │ │ ├── list-group.less │ │ │ ├── popovers.less │ │ │ ├── modals.less │ │ │ ├── buttons.less │ │ │ └── input-groups.less │ │ ├── geo.less │ │ ├── bootstrap.less │ │ └── style.less │ ├── page │ │ └── 1 │ │ │ └── index.html │ ├── tags │ │ └── blog │ │ │ └── index.xml │ ├── post │ │ └── index.xml │ └── sitemap.xml ├── static │ ├── favicon.ico │ └── img │ │ ├── logo.png │ │ └── profile.png ├── content │ ├── about.md │ ├── post │ │ └── welcome.md │ └── tutorial │ │ └── getting-started.md └── config.toml ├── archetypes ├── default.md └── tutorial.md ├── static └── less │ ├── bootstrap │ ├── mixins │ │ ├── center-block.less │ │ ├── text-emphasis.less │ │ ├── size.less │ │ ├── background-variant.less │ │ ├── opacity.less │ │ ├── text-overflow.less │ │ ├── tab-focus.less │ │ ├── labels.less │ │ ├── resize.less │ │ ├── progress-bar.less │ │ ├── nav-divider.less │ │ ├── reset-filter.less │ │ ├── alerts.less │ │ ├── nav-vertical-align.less │ │ ├── responsive-visibility.less │ │ ├── pagination.less │ │ ├── border-radius.less │ │ ├── panels.less │ │ ├── list-group.less │ │ ├── hide-text.less │ │ ├── clearfix.less │ │ ├── table-row.less │ │ ├── image.less │ │ ├── buttons.less │ │ ├── forms.less │ │ ├── grid-framework.less │ │ ├── grid.less │ │ └── gradients.less │ ├── .csslintrc │ ├── wells.less │ ├── breadcrumbs.less │ ├── responsive-embed.less │ ├── component-animations.less │ ├── close.less │ ├── thumbnails.less │ ├── utilities.less │ ├── media.less │ ├── pager.less │ ├── jumbotron.less │ ├── mixins.less │ ├── bootstrap.less │ ├── labels.less │ ├── badges.less │ ├── code.less │ ├── grid.less │ ├── alerts.less │ ├── progress-bars.less │ ├── pagination.less │ ├── print.less │ ├── scaffolding.less │ ├── tooltip.less │ ├── list-group.less │ ├── popovers.less │ ├── modals.less │ ├── buttons.less │ ├── input-groups.less │ └── responsive-utilities.less │ ├── geo.less │ ├── bootstrap.less │ └── style.less ├── layouts ├── _default │ ├── list.html │ └── single.html ├── index.html ├── post │ └── summary.html ├── partials │ ├── sidebar.html │ ├── nav.html │ ├── footer.html │ └── head.html └── section │ └── tutorial.html ├── theme.toml ├── LICENSE └── README.md /.gitignore: -------------------------------------------------------------------------------- 1 | exampleSite/themes 2 | node_modules 3 | .vscode 4 | -------------------------------------------------------------------------------- /images/tn.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alexurquhart/hugo-geo/master/images/tn.png -------------------------------------------------------------------------------- /images/screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alexurquhart/hugo-geo/master/images/screenshot.png -------------------------------------------------------------------------------- /exampleSite/public/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alexurquhart/hugo-geo/master/exampleSite/public/favicon.ico -------------------------------------------------------------------------------- /exampleSite/public/img/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alexurquhart/hugo-geo/master/exampleSite/public/img/logo.png -------------------------------------------------------------------------------- /exampleSite/static/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alexurquhart/hugo-geo/master/exampleSite/static/favicon.ico -------------------------------------------------------------------------------- /exampleSite/static/img/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alexurquhart/hugo-geo/master/exampleSite/static/img/logo.png -------------------------------------------------------------------------------- /exampleSite/public/img/profile.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alexurquhart/hugo-geo/master/exampleSite/public/img/profile.png -------------------------------------------------------------------------------- /exampleSite/static/img/profile.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/alexurquhart/hugo-geo/master/exampleSite/static/img/profile.png -------------------------------------------------------------------------------- /archetypes/default.md: -------------------------------------------------------------------------------- 1 | +++ 2 | draft = true 3 | tags = [] 4 | description = "" 5 | title = "Page Title" 6 | highlight = true 7 | css = [] 8 | scripts = [] 9 | +++ 10 | -------------------------------------------------------------------------------- /archetypes/tutorial.md: -------------------------------------------------------------------------------- 1 | +++ 2 | draft = true 3 | tags = [] 4 | description = "" 5 | title = "Page Title" 6 | highlight = true 7 | css = [] 8 | scripts = [] 9 | index = false 10 | +++ 11 | -------------------------------------------------------------------------------- /static/less/bootstrap/mixins/center-block.less: -------------------------------------------------------------------------------- 1 | // Center-align a block level element 2 | 3 | .center-block() { 4 | display: block; 5 | margin-left: auto; 6 | margin-right: auto; 7 | } 8 | -------------------------------------------------------------------------------- /static/less/bootstrap/mixins/text-emphasis.less: -------------------------------------------------------------------------------- 1 | // Typography 2 | 3 | .text-emphasis-variant(@color) { 4 | color: @color; 5 | a&:hover { 6 | color: darken(@color, 10%); 7 | } 8 | } 9 | -------------------------------------------------------------------------------- /exampleSite/public/less/bootstrap/mixins/center-block.less: -------------------------------------------------------------------------------- 1 | // Center-align a block level element 2 | 3 | .center-block() { 4 | display: block; 5 | margin-left: auto; 6 | margin-right: auto; 7 | } 8 | -------------------------------------------------------------------------------- /exampleSite/public/less/bootstrap/mixins/text-emphasis.less: -------------------------------------------------------------------------------- 1 | // Typography 2 | 3 | .text-emphasis-variant(@color) { 4 | color: @color; 5 | a&:hover { 6 | color: darken(@color, 10%); 7 | } 8 | } 9 | -------------------------------------------------------------------------------- /static/less/bootstrap/mixins/size.less: -------------------------------------------------------------------------------- 1 | // Sizing shortcuts 2 | 3 | .size(@width; @height) { 4 | width: @width; 5 | height: @height; 6 | } 7 | 8 | .square(@size) { 9 | .size(@size; @size); 10 | } 11 | -------------------------------------------------------------------------------- /static/less/bootstrap/mixins/background-variant.less: -------------------------------------------------------------------------------- 1 | // Contextual backgrounds 2 | 3 | .bg-variant(@color) { 4 | background-color: @color; 5 | a&:hover { 6 | background-color: darken(@color, 10%); 7 | } 8 | } 9 | -------------------------------------------------------------------------------- /static/less/bootstrap/mixins/opacity.less: -------------------------------------------------------------------------------- 1 | // Opacity 2 | 3 | .opacity(@opacity) { 4 | opacity: @opacity; 5 | // IE8 filter 6 | @opacity-ie: (@opacity * 100); 7 | filter: ~"alpha(opacity=@{opacity-ie})"; 8 | } 9 | -------------------------------------------------------------------------------- /exampleSite/public/less/bootstrap/mixins/size.less: -------------------------------------------------------------------------------- 1 | // Sizing shortcuts 2 | 3 | .size(@width; @height) { 4 | width: @width; 5 | height: @height; 6 | } 7 | 8 | .square(@size) { 9 | .size(@size; @size); 10 | } 11 | -------------------------------------------------------------------------------- /exampleSite/public/less/bootstrap/mixins/opacity.less: -------------------------------------------------------------------------------- 1 | // Opacity 2 | 3 | .opacity(@opacity) { 4 | opacity: @opacity; 5 | // IE8 filter 6 | @opacity-ie: (@opacity * 100); 7 | filter: ~"alpha(opacity=@{opacity-ie})"; 8 | } 9 | -------------------------------------------------------------------------------- /exampleSite/public/less/bootstrap/mixins/background-variant.less: -------------------------------------------------------------------------------- 1 | // Contextual backgrounds 2 | 3 | .bg-variant(@color) { 4 | background-color: @color; 5 | a&:hover { 6 | background-color: darken(@color, 10%); 7 | } 8 | } 9 | -------------------------------------------------------------------------------- /static/less/bootstrap/mixins/text-overflow.less: -------------------------------------------------------------------------------- 1 | // Text overflow 2 | // Requires inline-block or block for proper styling 3 | 4 | .text-overflow() { 5 | overflow: hidden; 6 | text-overflow: ellipsis; 7 | white-space: nowrap; 8 | } 9 | -------------------------------------------------------------------------------- /static/less/bootstrap/mixins/tab-focus.less: -------------------------------------------------------------------------------- 1 | // WebKit-style focus 2 | 3 | .tab-focus() { 4 | // Default 5 | outline: thin dotted; 6 | // WebKit 7 | outline: 5px auto -webkit-focus-ring-color; 8 | outline-offset: -2px; 9 | } 10 | -------------------------------------------------------------------------------- /exampleSite/public/less/bootstrap/mixins/text-overflow.less: -------------------------------------------------------------------------------- 1 | // Text overflow 2 | // Requires inline-block or block for proper styling 3 | 4 | .text-overflow() { 5 | overflow: hidden; 6 | text-overflow: ellipsis; 7 | white-space: nowrap; 8 | } 9 | -------------------------------------------------------------------------------- /exampleSite/public/less/bootstrap/mixins/tab-focus.less: -------------------------------------------------------------------------------- 1 | // WebKit-style focus 2 | 3 | .tab-focus() { 4 | // Default 5 | outline: thin dotted; 6 | // WebKit 7 | outline: 5px auto -webkit-focus-ring-color; 8 | outline-offset: -2px; 9 | } 10 | -------------------------------------------------------------------------------- /static/less/bootstrap/mixins/labels.less: -------------------------------------------------------------------------------- 1 | // Labels 2 | 3 | .label-variant(@color) { 4 | background-color: @color; 5 | 6 | &[href] { 7 | &:hover, 8 | &:focus { 9 | background-color: darken(@color, 10%); 10 | } 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /static/less/bootstrap/mixins/resize.less: -------------------------------------------------------------------------------- 1 | // Resize anything 2 | 3 | .resizable(@direction) { 4 | resize: @direction; // Options: horizontal, vertical, both 5 | overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible` 6 | } 7 | -------------------------------------------------------------------------------- /exampleSite/public/less/bootstrap/mixins/resize.less: -------------------------------------------------------------------------------- 1 | // Resize anything 2 | 3 | .resizable(@direction) { 4 | resize: @direction; // Options: horizontal, vertical, both 5 | overflow: auto; // Per CSS3 UI, `resize` only applies when `overflow` isn't `visible` 6 | } 7 | -------------------------------------------------------------------------------- /exampleSite/public/less/bootstrap/mixins/labels.less: -------------------------------------------------------------------------------- 1 | // Labels 2 | 3 | .label-variant(@color) { 4 | background-color: @color; 5 | 6 | &[href] { 7 | &:hover, 8 | &:focus { 9 | background-color: darken(@color, 10%); 10 | } 11 | } 12 | } 13 | -------------------------------------------------------------------------------- /exampleSite/content/about.md: -------------------------------------------------------------------------------- 1 | +++ 2 | date = "2015-07-28T09:51:51-04:00" 3 | draft = false 4 | title = "About Me" 5 | +++ 6 | 7 | This placeholder page could be your "about me" page, where you detail your contact information, 8 | portfolio pieces, and describe yourself and your goals. -------------------------------------------------------------------------------- /static/less/bootstrap/mixins/progress-bar.less: -------------------------------------------------------------------------------- 1 | // Progress bars 2 | 3 | .progress-bar-variant(@color) { 4 | background-color: @color; 5 | 6 | // Deprecated parent class requirement as of v3.2.0 7 | .progress-striped & { 8 | #gradient > .striped(); 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /exampleSite/public/less/bootstrap/mixins/progress-bar.less: -------------------------------------------------------------------------------- 1 | // Progress bars 2 | 3 | .progress-bar-variant(@color) { 4 | background-color: @color; 5 | 6 | // Deprecated parent class requirement as of v3.2.0 7 | .progress-striped & { 8 | #gradient > .striped(); 9 | } 10 | } 11 | -------------------------------------------------------------------------------- /static/less/bootstrap/mixins/nav-divider.less: -------------------------------------------------------------------------------- 1 | // Horizontal dividers 2 | // 3 | // Dividers (basically an hr) within dropdowns and nav lists 4 | 5 | .nav-divider(@color: #e5e5e5) { 6 | height: 1px; 7 | margin: ((@line-height-computed / 2) - 1) 0; 8 | overflow: hidden; 9 | background-color: @color; 10 | } 11 | -------------------------------------------------------------------------------- /static/less/bootstrap/mixins/reset-filter.less: -------------------------------------------------------------------------------- 1 | // Reset filters for IE 2 | // 3 | // When you need to remove a gradient background, do not forget to use this to reset 4 | // the IE filter for IE9 and below. 5 | 6 | .reset-filter() { 7 | filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)")); 8 | } 9 | -------------------------------------------------------------------------------- /exampleSite/public/less/bootstrap/mixins/reset-filter.less: -------------------------------------------------------------------------------- 1 | // Reset filters for IE 2 | // 3 | // When you need to remove a gradient background, do not forget to use this to reset 4 | // the IE filter for IE9 and below. 5 | 6 | .reset-filter() { 7 | filter: e(%("progid:DXImageTransform.Microsoft.gradient(enabled = false)")); 8 | } 9 | -------------------------------------------------------------------------------- /exampleSite/public/less/bootstrap/mixins/nav-divider.less: -------------------------------------------------------------------------------- 1 | // Horizontal dividers 2 | // 3 | // Dividers (basically an hr) within dropdowns and nav lists 4 | 5 | .nav-divider(@color: #e5e5e5) { 6 | height: 1px; 7 | margin: ((@line-height-computed / 2) - 1) 0; 8 | overflow: hidden; 9 | background-color: @color; 10 | } 11 | -------------------------------------------------------------------------------- /layouts/_default/list.html: -------------------------------------------------------------------------------- 1 | {{ partial "head.html" . }} 2 | {{ partial "nav.html" . }} 3 | 4 |
5 |
6 |

{{ .Title }}

7 |
8 | 13 |
14 | 15 | {{ partial "footer.html" . }} -------------------------------------------------------------------------------- /exampleSite/public/page/1/index.html: -------------------------------------------------------------------------------- 1 | https://alexurquhart.github.io/hugo-geo/ -------------------------------------------------------------------------------- /static/less/bootstrap/mixins/alerts.less: -------------------------------------------------------------------------------- 1 | // Alerts 2 | 3 | .alert-variant(@background; @border; @text-color) { 4 | background-color: @background; 5 | border-color: @border; 6 | color: @text-color; 7 | 8 | hr { 9 | border-top-color: darken(@border, 5%); 10 | } 11 | .alert-link { 12 | color: darken(@text-color, 10%); 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /exampleSite/public/less/bootstrap/mixins/alerts.less: -------------------------------------------------------------------------------- 1 | // Alerts 2 | 3 | .alert-variant(@background; @border; @text-color) { 4 | background-color: @background; 5 | border-color: @border; 6 | color: @text-color; 7 | 8 | hr { 9 | border-top-color: darken(@border, 5%); 10 | } 11 | .alert-link { 12 | color: darken(@text-color, 10%); 13 | } 14 | } 15 | -------------------------------------------------------------------------------- /static/less/bootstrap/mixins/nav-vertical-align.less: -------------------------------------------------------------------------------- 1 | // Navbar vertical align 2 | // 3 | // Vertically center elements in the navbar. 4 | // Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);` to calculate the appropriate top margin. 5 | 6 | .navbar-vertical-align(@element-height) { 7 | margin-top: ((@navbar-height - @element-height) / 2); 8 | margin-bottom: ((@navbar-height - @element-height) / 2); 9 | } 10 | -------------------------------------------------------------------------------- /static/less/geo.less: -------------------------------------------------------------------------------- 1 | #menu-globe { 2 | position: absolute; 3 | left: 0px; 4 | opacity: 0.11; 5 | } 6 | 7 | .stroke { 8 | fill: none; 9 | stroke: #000; 10 | stroke-width: 3px; 11 | } 12 | 13 | .fill { 14 | fill: #fAB; 15 | } 16 | 17 | .graticule { 18 | fill: none; 19 | stroke: #DDD; 20 | stroke-width: .5px; 21 | } 22 | 23 | .land { 24 | fill: #FFF; 25 | } 26 | 27 | .boundary { 28 | fill: none; 29 | stroke: #fff; 30 | stroke-width: .5px; 31 | } -------------------------------------------------------------------------------- /exampleSite/public/less/bootstrap/mixins/nav-vertical-align.less: -------------------------------------------------------------------------------- 1 | // Navbar vertical align 2 | // 3 | // Vertically center elements in the navbar. 4 | // Example: an element has a height of 30px, so write out `.navbar-vertical-align(30px);` to calculate the appropriate top margin. 5 | 6 | .navbar-vertical-align(@element-height) { 7 | margin-top: ((@navbar-height - @element-height) / 2); 8 | margin-bottom: ((@navbar-height - @element-height) / 2); 9 | } 10 | -------------------------------------------------------------------------------- /static/less/bootstrap/mixins/responsive-visibility.less: -------------------------------------------------------------------------------- 1 | // Responsive utilities 2 | 3 | // 4 | // More easily include all the states for responsive-utilities.less. 5 | .responsive-visibility() { 6 | display: block !important; 7 | table& { display: table; } 8 | tr& { display: table-row !important; } 9 | th&, 10 | td& { display: table-cell !important; } 11 | } 12 | 13 | .responsive-invisibility() { 14 | display: none !important; 15 | } 16 | -------------------------------------------------------------------------------- /exampleSite/public/less/bootstrap/mixins/responsive-visibility.less: -------------------------------------------------------------------------------- 1 | // Responsive utilities 2 | 3 | // 4 | // More easily include all the states for responsive-utilities.less. 5 | .responsive-visibility() { 6 | display: block !important; 7 | table& { display: table; } 8 | tr& { display: table-row !important; } 9 | th&, 10 | td& { display: table-cell !important; } 11 | } 12 | 13 | .responsive-invisibility() { 14 | display: none !important; 15 | } 16 | -------------------------------------------------------------------------------- /exampleSite/public/less/geo.less: -------------------------------------------------------------------------------- 1 | #menu-globe { 2 | position: absolute; 3 | left: 0px; 4 | opacity: 0.11; 5 | } 6 | 7 | .stroke { 8 | fill: none; 9 | stroke: #000; 10 | stroke-width: 3px; 11 | } 12 | 13 | .fill { 14 | fill: #fAB; 15 | } 16 | 17 | .graticule { 18 | fill: none; 19 | stroke: #DDD; 20 | stroke-width: .5px; 21 | } 22 | 23 | .land { 24 | fill: #FFF; 25 | } 26 | 27 | .boundary { 28 | fill: none; 29 | stroke: #fff; 30 | stroke-width: .5px; 31 | } -------------------------------------------------------------------------------- /theme.toml: -------------------------------------------------------------------------------- 1 | name = "hugo-geo" 2 | license = "MIT" 3 | licenselink = "https://raw.githubusercontent.com/alexurquhart/hugo-geo/master/LICENSE" 4 | description = "A responsive blog theme made using Bootstrap 3, jQuery, and D3.js" 5 | homepage = "https://alexurquhart.com" 6 | tags = ["blog"] 7 | features = ["blog", "responsive", "bootstrap"] 8 | min_version= 0.14 9 | 10 | [author] 11 | name = "Alex Urquhart" 12 | email = "alexurquhart@gmail.com" 13 | url = "https://alexurquhart.com" -------------------------------------------------------------------------------- /layouts/_default/single.html: -------------------------------------------------------------------------------- 1 | {{ partial "head.html" . }} 2 | {{ partial "nav.html" . }} 3 | 4 |
5 |
6 |

{{ .Title }}

7 |
8 | 9 |
10 | {{ .Content }} 11 |
12 |
13 | 14 |
15 | Home 16 |
17 | 18 | {{ if .Site.DisqusShortname }} 19 | {{ template "_internal/disqus.html" . }} 20 | {{ end }} 21 | 22 | {{ partial "footer.html" . }} 23 | -------------------------------------------------------------------------------- /exampleSite/content/post/welcome.md: -------------------------------------------------------------------------------- 1 | +++ 2 | date = "2015-07-28T09:32:45-04:00" 3 | draft = false 4 | title = "Welcome to Hugo-Geo!" 5 | tags = ["blog", "hugo"] 6 | +++ 7 | 8 | 9 | Welcome to hugo-geo, a resposive theme for the [Hugo static site generator.](http://gohugo.io) Hugo is designed for `post` and `tutorial` sections, and is perfect for personal 10 | portfolio or blog sites. 11 | 12 | Why don't you check out the [Getting Started Tutorial]({{< relref "tutorial/getting-started.md" >}}) and find out how you can use hugo-geo and customize it to your liking. -------------------------------------------------------------------------------- /static/less/bootstrap/.csslintrc: -------------------------------------------------------------------------------- 1 | { 2 | "adjoining-classes": false, 3 | "box-sizing": false, 4 | "box-model": false, 5 | "compatible-vendor-prefixes": false, 6 | "floats": false, 7 | "font-sizes": false, 8 | "gradients": false, 9 | "important": false, 10 | "known-properties": false, 11 | "outline-none": false, 12 | "qualified-headings": false, 13 | "regex-selectors": false, 14 | "shorthand": false, 15 | "text-indent": false, 16 | "unique-headings": false, 17 | "universal-selector": false, 18 | "unqualified-attributes": false 19 | } 20 | -------------------------------------------------------------------------------- /exampleSite/public/less/bootstrap/.csslintrc: -------------------------------------------------------------------------------- 1 | { 2 | "adjoining-classes": false, 3 | "box-sizing": false, 4 | "box-model": false, 5 | "compatible-vendor-prefixes": false, 6 | "floats": false, 7 | "font-sizes": false, 8 | "gradients": false, 9 | "important": false, 10 | "known-properties": false, 11 | "outline-none": false, 12 | "qualified-headings": false, 13 | "regex-selectors": false, 14 | "shorthand": false, 15 | "text-indent": false, 16 | "unique-headings": false, 17 | "universal-selector": false, 18 | "unqualified-attributes": false 19 | } 20 | -------------------------------------------------------------------------------- /static/less/bootstrap/mixins/pagination.less: -------------------------------------------------------------------------------- 1 | // Pagination 2 | 3 | .pagination-size(@padding-vertical; @padding-horizontal; @font-size; @border-radius) { 4 | > li { 5 | > a, 6 | > span { 7 | padding: @padding-vertical @padding-horizontal; 8 | font-size: @font-size; 9 | } 10 | &:first-child { 11 | > a, 12 | > span { 13 | .border-left-radius(@border-radius); 14 | } 15 | } 16 | &:last-child { 17 | > a, 18 | > span { 19 | .border-right-radius(@border-radius); 20 | } 21 | } 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /static/less/bootstrap/mixins/border-radius.less: -------------------------------------------------------------------------------- 1 | // Single side border-radius 2 | 3 | .border-top-radius(@radius) { 4 | border-top-right-radius: @radius; 5 | border-top-left-radius: @radius; 6 | } 7 | .border-right-radius(@radius) { 8 | border-bottom-right-radius: @radius; 9 | border-top-right-radius: @radius; 10 | } 11 | .border-bottom-radius(@radius) { 12 | border-bottom-right-radius: @radius; 13 | border-bottom-left-radius: @radius; 14 | } 15 | .border-left-radius(@radius) { 16 | border-bottom-left-radius: @radius; 17 | border-top-left-radius: @radius; 18 | } 19 | -------------------------------------------------------------------------------- /exampleSite/public/less/bootstrap/mixins/pagination.less: -------------------------------------------------------------------------------- 1 | // Pagination 2 | 3 | .pagination-size(@padding-vertical; @padding-horizontal; @font-size; @border-radius) { 4 | > li { 5 | > a, 6 | > span { 7 | padding: @padding-vertical @padding-horizontal; 8 | font-size: @font-size; 9 | } 10 | &:first-child { 11 | > a, 12 | > span { 13 | .border-left-radius(@border-radius); 14 | } 15 | } 16 | &:last-child { 17 | > a, 18 | > span { 19 | .border-right-radius(@border-radius); 20 | } 21 | } 22 | } 23 | } 24 | -------------------------------------------------------------------------------- /exampleSite/public/less/bootstrap/mixins/border-radius.less: -------------------------------------------------------------------------------- 1 | // Single side border-radius 2 | 3 | .border-top-radius(@radius) { 4 | border-top-right-radius: @radius; 5 | border-top-left-radius: @radius; 6 | } 7 | .border-right-radius(@radius) { 8 | border-bottom-right-radius: @radius; 9 | border-top-right-radius: @radius; 10 | } 11 | .border-bottom-radius(@radius) { 12 | border-bottom-right-radius: @radius; 13 | border-bottom-left-radius: @radius; 14 | } 15 | .border-left-radius(@radius) { 16 | border-bottom-left-radius: @radius; 17 | border-top-left-radius: @radius; 18 | } 19 | -------------------------------------------------------------------------------- /layouts/index.html: -------------------------------------------------------------------------------- 1 | {{ partial "head.html" . }} 2 | {{ partial "nav.html" . }} 3 | 4 |
5 | 6 | {{ if (not (isset .Site.Params "header")) | or (eq .Site.Params.header "") }} 7 |

What I'm Thinking

8 | {{ else }} 9 |

{{ .Site.Params.header }}

10 | {{ end }} 11 |
12 | {{ $paginator := .Paginate (where .Data.Pages.ByDate.Reverse "Section" "post") }} 13 | {{ range $paginator.Pages }} 14 | {{ .Render "summary"}} 15 | {{ end }} 16 | 17 |
18 | {{ template "_internal/pagination.html" . }} 19 |
20 | 21 | {{ partial "footer.html" . }} 22 | -------------------------------------------------------------------------------- /static/less/bootstrap/mixins/panels.less: -------------------------------------------------------------------------------- 1 | // Panels 2 | 3 | .panel-variant(@border; @heading-text-color; @heading-bg-color; @heading-border) { 4 | border-color: @border; 5 | 6 | & > .panel-heading { 7 | color: @heading-text-color; 8 | background-color: @heading-bg-color; 9 | border-color: @heading-border; 10 | 11 | + .panel-collapse > .panel-body { 12 | border-top-color: @border; 13 | } 14 | .badge { 15 | color: @heading-bg-color; 16 | background-color: @heading-text-color; 17 | } 18 | } 19 | & > .panel-footer { 20 | + .panel-collapse > .panel-body { 21 | border-bottom-color: @border; 22 | } 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /static/less/bootstrap/wells.less: -------------------------------------------------------------------------------- 1 | // 2 | // Wells 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base class 7 | .well { 8 | min-height: 20px; 9 | padding: 19px; 10 | margin-bottom: 20px; 11 | background-color: @well-bg; 12 | border: 1px solid @well-border; 13 | border-radius: @border-radius-base; 14 | .box-shadow(inset 0 1px 1px rgba(0,0,0,.05)); 15 | blockquote { 16 | border-color: #ddd; 17 | border-color: rgba(0,0,0,.15); 18 | } 19 | } 20 | 21 | // Sizes 22 | .well-lg { 23 | padding: 24px; 24 | border-radius: @border-radius-large; 25 | } 26 | .well-sm { 27 | padding: 9px; 28 | border-radius: @border-radius-small; 29 | } 30 | -------------------------------------------------------------------------------- /exampleSite/public/less/bootstrap/mixins/panels.less: -------------------------------------------------------------------------------- 1 | // Panels 2 | 3 | .panel-variant(@border; @heading-text-color; @heading-bg-color; @heading-border) { 4 | border-color: @border; 5 | 6 | & > .panel-heading { 7 | color: @heading-text-color; 8 | background-color: @heading-bg-color; 9 | border-color: @heading-border; 10 | 11 | + .panel-collapse > .panel-body { 12 | border-top-color: @border; 13 | } 14 | .badge { 15 | color: @heading-bg-color; 16 | background-color: @heading-text-color; 17 | } 18 | } 19 | & > .panel-footer { 20 | + .panel-collapse > .panel-body { 21 | border-bottom-color: @border; 22 | } 23 | } 24 | } 25 | -------------------------------------------------------------------------------- /exampleSite/public/less/bootstrap/wells.less: -------------------------------------------------------------------------------- 1 | // 2 | // Wells 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base class 7 | .well { 8 | min-height: 20px; 9 | padding: 19px; 10 | margin-bottom: 20px; 11 | background-color: @well-bg; 12 | border: 1px solid @well-border; 13 | border-radius: @border-radius-base; 14 | .box-shadow(inset 0 1px 1px rgba(0,0,0,.05)); 15 | blockquote { 16 | border-color: #ddd; 17 | border-color: rgba(0,0,0,.15); 18 | } 19 | } 20 | 21 | // Sizes 22 | .well-lg { 23 | padding: 24px; 24 | border-radius: @border-radius-large; 25 | } 26 | .well-sm { 27 | padding: 9px; 28 | border-radius: @border-radius-small; 29 | } 30 | -------------------------------------------------------------------------------- /static/less/bootstrap/mixins/list-group.less: -------------------------------------------------------------------------------- 1 | // List Groups 2 | 3 | .list-group-item-variant(@state; @background; @color) { 4 | .list-group-item-@{state} { 5 | color: @color; 6 | background-color: @background; 7 | 8 | a& { 9 | color: @color; 10 | 11 | .list-group-item-heading { 12 | color: inherit; 13 | } 14 | 15 | &:hover, 16 | &:focus { 17 | color: @color; 18 | background-color: darken(@background, 5%); 19 | } 20 | &.active, 21 | &.active:hover, 22 | &.active:focus { 23 | color: #fff; 24 | background-color: @color; 25 | border-color: @color; 26 | } 27 | } 28 | } 29 | } 30 | -------------------------------------------------------------------------------- /static/less/bootstrap/mixins/hide-text.less: -------------------------------------------------------------------------------- 1 | // CSS image replacement 2 | // 3 | // Heads up! v3 launched with with only `.hide-text()`, but per our pattern for 4 | // mixins being reused as classes with the same name, this doesn't hold up. As 5 | // of v3.0.1 we have added `.text-hide()` and deprecated `.hide-text()`. 6 | // 7 | // Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757 8 | 9 | // Deprecated as of v3.0.1 (will be removed in v4) 10 | .hide-text() { 11 | font: ~"0/0" a; 12 | color: transparent; 13 | text-shadow: none; 14 | background-color: transparent; 15 | border: 0; 16 | } 17 | 18 | // New mixin to use as of v3.0.1 19 | .text-hide() { 20 | .hide-text(); 21 | } 22 | -------------------------------------------------------------------------------- /exampleSite/public/less/bootstrap/mixins/list-group.less: -------------------------------------------------------------------------------- 1 | // List Groups 2 | 3 | .list-group-item-variant(@state; @background; @color) { 4 | .list-group-item-@{state} { 5 | color: @color; 6 | background-color: @background; 7 | 8 | a& { 9 | color: @color; 10 | 11 | .list-group-item-heading { 12 | color: inherit; 13 | } 14 | 15 | &:hover, 16 | &:focus { 17 | color: @color; 18 | background-color: darken(@background, 5%); 19 | } 20 | &.active, 21 | &.active:hover, 22 | &.active:focus { 23 | color: #fff; 24 | background-color: @color; 25 | border-color: @color; 26 | } 27 | } 28 | } 29 | } 30 | -------------------------------------------------------------------------------- /exampleSite/public/less/bootstrap/mixins/hide-text.less: -------------------------------------------------------------------------------- 1 | // CSS image replacement 2 | // 3 | // Heads up! v3 launched with with only `.hide-text()`, but per our pattern for 4 | // mixins being reused as classes with the same name, this doesn't hold up. As 5 | // of v3.0.1 we have added `.text-hide()` and deprecated `.hide-text()`. 6 | // 7 | // Source: https://github.com/h5bp/html5-boilerplate/commit/aa0396eae757 8 | 9 | // Deprecated as of v3.0.1 (will be removed in v4) 10 | .hide-text() { 11 | font: ~"0/0" a; 12 | color: transparent; 13 | text-shadow: none; 14 | background-color: transparent; 15 | border: 0; 16 | } 17 | 18 | // New mixin to use as of v3.0.1 19 | .text-hide() { 20 | .hide-text(); 21 | } 22 | -------------------------------------------------------------------------------- /static/less/bootstrap/mixins/clearfix.less: -------------------------------------------------------------------------------- 1 | // Clearfix 2 | // 3 | // For modern browsers 4 | // 1. The space content is one way to avoid an Opera bug when the 5 | // contenteditable attribute is included anywhere else in the document. 6 | // Otherwise it causes space to appear at the top and bottom of elements 7 | // that are clearfixed. 8 | // 2. The use of `table` rather than `block` is only necessary if using 9 | // `:before` to contain the top-margins of child elements. 10 | // 11 | // Source: http://nicolasgallagher.com/micro-clearfix-hack/ 12 | 13 | .clearfix() { 14 | &:before, 15 | &:after { 16 | content: " "; // 1 17 | display: table; // 2 18 | } 19 | &:after { 20 | clear: both; 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /static/less/bootstrap/breadcrumbs.less: -------------------------------------------------------------------------------- 1 | // 2 | // Breadcrumbs 3 | // -------------------------------------------------- 4 | 5 | 6 | .breadcrumb { 7 | padding: @breadcrumb-padding-vertical @breadcrumb-padding-horizontal; 8 | margin-bottom: @line-height-computed; 9 | list-style: none; 10 | background-color: @breadcrumb-bg; 11 | border-radius: @border-radius-base; 12 | 13 | > li { 14 | display: inline-block; 15 | 16 | + li:before { 17 | content: "@{breadcrumb-separator}\00a0"; // Unicode space added since inline-block means non-collapsing white-space 18 | padding: 0 5px; 19 | color: @breadcrumb-color; 20 | } 21 | } 22 | 23 | > .active { 24 | color: @breadcrumb-active-color; 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /exampleSite/public/less/bootstrap/mixins/clearfix.less: -------------------------------------------------------------------------------- 1 | // Clearfix 2 | // 3 | // For modern browsers 4 | // 1. The space content is one way to avoid an Opera bug when the 5 | // contenteditable attribute is included anywhere else in the document. 6 | // Otherwise it causes space to appear at the top and bottom of elements 7 | // that are clearfixed. 8 | // 2. The use of `table` rather than `block` is only necessary if using 9 | // `:before` to contain the top-margins of child elements. 10 | // 11 | // Source: http://nicolasgallagher.com/micro-clearfix-hack/ 12 | 13 | .clearfix() { 14 | &:before, 15 | &:after { 16 | content: " "; // 1 17 | display: table; // 2 18 | } 19 | &:after { 20 | clear: both; 21 | } 22 | } 23 | -------------------------------------------------------------------------------- /exampleSite/public/less/bootstrap/breadcrumbs.less: -------------------------------------------------------------------------------- 1 | // 2 | // Breadcrumbs 3 | // -------------------------------------------------- 4 | 5 | 6 | .breadcrumb { 7 | padding: @breadcrumb-padding-vertical @breadcrumb-padding-horizontal; 8 | margin-bottom: @line-height-computed; 9 | list-style: none; 10 | background-color: @breadcrumb-bg; 11 | border-radius: @border-radius-base; 12 | 13 | > li { 14 | display: inline-block; 15 | 16 | + li:before { 17 | content: "@{breadcrumb-separator}\00a0"; // Unicode space added since inline-block means non-collapsing white-space 18 | padding: 0 5px; 19 | color: @breadcrumb-color; 20 | } 21 | } 22 | 23 | > .active { 24 | color: @breadcrumb-active-color; 25 | } 26 | } 27 | -------------------------------------------------------------------------------- /static/less/bootstrap/responsive-embed.less: -------------------------------------------------------------------------------- 1 | // Embeds responsive 2 | // 3 | // Credit: Nicolas Gallagher and SUIT CSS. 4 | 5 | .embed-responsive { 6 | position: relative; 7 | display: block; 8 | height: 0; 9 | padding: 0; 10 | overflow: hidden; 11 | 12 | .embed-responsive-item, 13 | iframe, 14 | embed, 15 | object, 16 | video { 17 | position: absolute; 18 | top: 0; 19 | left: 0; 20 | bottom: 0; 21 | height: 100%; 22 | width: 100%; 23 | border: 0; 24 | } 25 | 26 | // Modifier class for 16:9 aspect ratio 27 | &.embed-responsive-16by9 { 28 | padding-bottom: 56.25%; 29 | } 30 | 31 | // Modifier class for 4:3 aspect ratio 32 | &.embed-responsive-4by3 { 33 | padding-bottom: 75%; 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /exampleSite/public/less/bootstrap/responsive-embed.less: -------------------------------------------------------------------------------- 1 | // Embeds responsive 2 | // 3 | // Credit: Nicolas Gallagher and SUIT CSS. 4 | 5 | .embed-responsive { 6 | position: relative; 7 | display: block; 8 | height: 0; 9 | padding: 0; 10 | overflow: hidden; 11 | 12 | .embed-responsive-item, 13 | iframe, 14 | embed, 15 | object, 16 | video { 17 | position: absolute; 18 | top: 0; 19 | left: 0; 20 | bottom: 0; 21 | height: 100%; 22 | width: 100%; 23 | border: 0; 24 | } 25 | 26 | // Modifier class for 16:9 aspect ratio 27 | &.embed-responsive-16by9 { 28 | padding-bottom: 56.25%; 29 | } 30 | 31 | // Modifier class for 4:3 aspect ratio 32 | &.embed-responsive-4by3 { 33 | padding-bottom: 75%; 34 | } 35 | } 36 | -------------------------------------------------------------------------------- /layouts/post/summary.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |

4 | {{ .Title }} 5 |
6 | 7 | {{ .Date.Format "2 January 2006" }} 8 | 9 |

10 |
11 |
12 | {{.Summary}} 13 | {{ if .Truncated }} 14 | ... Read More 15 | {{ end }} 16 |
17 |
18 | {{ if isset .Params "tags" }} 19 | 20 | {{ $base := .Site.BaseURL }} 21 | {{ range $tag := .Params.tags }} 22 | {{ . }} 23 | {{ end }} 24 | 25 | {{ end }} 26 |
27 |
28 | -------------------------------------------------------------------------------- /static/less/bootstrap/mixins/table-row.less: -------------------------------------------------------------------------------- 1 | // Tables 2 | 3 | .table-row-variant(@state; @background) { 4 | // Exact selectors below required to override `.table-striped` and prevent 5 | // inheritance to nested tables. 6 | .table > thead > tr, 7 | .table > tbody > tr, 8 | .table > tfoot > tr { 9 | > td.@{state}, 10 | > th.@{state}, 11 | &.@{state} > td, 12 | &.@{state} > th { 13 | background-color: @background; 14 | } 15 | } 16 | 17 | // Hover states for `.table-hover` 18 | // Note: this is not available for cells or rows within `thead` or `tfoot`. 19 | .table-hover > tbody > tr { 20 | > td.@{state}:hover, 21 | > th.@{state}:hover, 22 | &.@{state}:hover > td, 23 | &:hover > .@{state}, 24 | &.@{state}:hover > th { 25 | background-color: darken(@background, 5%); 26 | } 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /exampleSite/public/less/bootstrap/mixins/table-row.less: -------------------------------------------------------------------------------- 1 | // Tables 2 | 3 | .table-row-variant(@state; @background) { 4 | // Exact selectors below required to override `.table-striped` and prevent 5 | // inheritance to nested tables. 6 | .table > thead > tr, 7 | .table > tbody > tr, 8 | .table > tfoot > tr { 9 | > td.@{state}, 10 | > th.@{state}, 11 | &.@{state} > td, 12 | &.@{state} > th { 13 | background-color: @background; 14 | } 15 | } 16 | 17 | // Hover states for `.table-hover` 18 | // Note: this is not available for cells or rows within `thead` or `tfoot`. 19 | .table-hover > tbody > tr { 20 | > td.@{state}:hover, 21 | > th.@{state}:hover, 22 | &.@{state}:hover > td, 23 | &:hover > .@{state}, 24 | &.@{state}:hover > th { 25 | background-color: darken(@background, 5%); 26 | } 27 | } 28 | } 29 | -------------------------------------------------------------------------------- /static/less/bootstrap/component-animations.less: -------------------------------------------------------------------------------- 1 | // 2 | // Component animations 3 | // -------------------------------------------------- 4 | 5 | // Heads up! 6 | // 7 | // We don't use the `.opacity()` mixin here since it causes a bug with text 8 | // fields in IE7-8. Source: https://github.com/twbs/bootstrap/pull/3552. 9 | 10 | .fade { 11 | opacity: 0; 12 | .transition(opacity .15s linear); 13 | &.in { 14 | opacity: 1; 15 | } 16 | } 17 | 18 | .collapse { 19 | display: none; 20 | visibility: hidden; 21 | 22 | &.in { display: block; visibility: visible; } 23 | tr&.in { display: table-row; } 24 | tbody&.in { display: table-row-group; } 25 | } 26 | 27 | .collapsing { 28 | position: relative; 29 | height: 0; 30 | overflow: hidden; 31 | .transition-property(~"height, visibility"); 32 | .transition-duration(.35s); 33 | .transition-timing-function(ease); 34 | } 35 | -------------------------------------------------------------------------------- /exampleSite/public/less/bootstrap/component-animations.less: -------------------------------------------------------------------------------- 1 | // 2 | // Component animations 3 | // -------------------------------------------------- 4 | 5 | // Heads up! 6 | // 7 | // We don't use the `.opacity()` mixin here since it causes a bug with text 8 | // fields in IE7-8. Source: https://github.com/twbs/bootstrap/pull/3552. 9 | 10 | .fade { 11 | opacity: 0; 12 | .transition(opacity .15s linear); 13 | &.in { 14 | opacity: 1; 15 | } 16 | } 17 | 18 | .collapse { 19 | display: none; 20 | visibility: hidden; 21 | 22 | &.in { display: block; visibility: visible; } 23 | tr&.in { display: table-row; } 24 | tbody&.in { display: table-row-group; } 25 | } 26 | 27 | .collapsing { 28 | position: relative; 29 | height: 0; 30 | overflow: hidden; 31 | .transition-property(~"height, visibility"); 32 | .transition-duration(.35s); 33 | .transition-timing-function(ease); 34 | } 35 | -------------------------------------------------------------------------------- /static/less/bootstrap/close.less: -------------------------------------------------------------------------------- 1 | // 2 | // Close icons 3 | // -------------------------------------------------- 4 | 5 | 6 | .close { 7 | float: right; 8 | font-size: (@font-size-base * 1.5); 9 | font-weight: @close-font-weight; 10 | line-height: 1; 11 | color: @close-color; 12 | text-shadow: @close-text-shadow; 13 | .opacity(.2); 14 | 15 | &:hover, 16 | &:focus { 17 | color: @close-color; 18 | text-decoration: none; 19 | cursor: pointer; 20 | .opacity(.5); 21 | } 22 | 23 | // Additional properties for button version 24 | // iOS requires the button element instead of an anchor tag. 25 | // If you want the anchor version, it requires `href="#"`. 26 | // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile 27 | button& { 28 | padding: 0; 29 | cursor: pointer; 30 | background: transparent; 31 | border: 0; 32 | -webkit-appearance: none; 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /static/less/bootstrap/thumbnails.less: -------------------------------------------------------------------------------- 1 | // 2 | // Thumbnails 3 | // -------------------------------------------------- 4 | 5 | 6 | // Mixin and adjust the regular image class 7 | .thumbnail { 8 | display: block; 9 | padding: @thumbnail-padding; 10 | margin-bottom: @line-height-computed; 11 | line-height: @line-height-base; 12 | background-color: @thumbnail-bg; 13 | border: 1px solid @thumbnail-border; 14 | border-radius: @thumbnail-border-radius; 15 | .transition(border .2s ease-in-out); 16 | 17 | > img, 18 | a > img { 19 | &:extend(.img-responsive); 20 | margin-left: auto; 21 | margin-right: auto; 22 | } 23 | 24 | // Add a hover state for linked versions only 25 | a&:hover, 26 | a&:focus, 27 | a&.active { 28 | border-color: @link-color; 29 | } 30 | 31 | // Image captions 32 | .caption { 33 | padding: @thumbnail-caption-padding; 34 | color: @thumbnail-caption-color; 35 | } 36 | } 37 | -------------------------------------------------------------------------------- /exampleSite/public/less/bootstrap/close.less: -------------------------------------------------------------------------------- 1 | // 2 | // Close icons 3 | // -------------------------------------------------- 4 | 5 | 6 | .close { 7 | float: right; 8 | font-size: (@font-size-base * 1.5); 9 | font-weight: @close-font-weight; 10 | line-height: 1; 11 | color: @close-color; 12 | text-shadow: @close-text-shadow; 13 | .opacity(.2); 14 | 15 | &:hover, 16 | &:focus { 17 | color: @close-color; 18 | text-decoration: none; 19 | cursor: pointer; 20 | .opacity(.5); 21 | } 22 | 23 | // Additional properties for button version 24 | // iOS requires the button element instead of an anchor tag. 25 | // If you want the anchor version, it requires `href="#"`. 26 | // See https://developer.mozilla.org/en-US/docs/Web/Events/click#Safari_Mobile 27 | button& { 28 | padding: 0; 29 | cursor: pointer; 30 | background: transparent; 31 | border: 0; 32 | -webkit-appearance: none; 33 | } 34 | } 35 | -------------------------------------------------------------------------------- /exampleSite/public/less/bootstrap/thumbnails.less: -------------------------------------------------------------------------------- 1 | // 2 | // Thumbnails 3 | // -------------------------------------------------- 4 | 5 | 6 | // Mixin and adjust the regular image class 7 | .thumbnail { 8 | display: block; 9 | padding: @thumbnail-padding; 10 | margin-bottom: @line-height-computed; 11 | line-height: @line-height-base; 12 | background-color: @thumbnail-bg; 13 | border: 1px solid @thumbnail-border; 14 | border-radius: @thumbnail-border-radius; 15 | .transition(border .2s ease-in-out); 16 | 17 | > img, 18 | a > img { 19 | &:extend(.img-responsive); 20 | margin-left: auto; 21 | margin-right: auto; 22 | } 23 | 24 | // Add a hover state for linked versions only 25 | a&:hover, 26 | a&:focus, 27 | a&.active { 28 | border-color: @link-color; 29 | } 30 | 31 | // Image captions 32 | .caption { 33 | padding: @thumbnail-caption-padding; 34 | color: @thumbnail-caption-color; 35 | } 36 | } 37 | -------------------------------------------------------------------------------- /static/less/bootstrap/utilities.less: -------------------------------------------------------------------------------- 1 | // 2 | // Utility classes 3 | // -------------------------------------------------- 4 | 5 | 6 | // Floats 7 | // ------------------------- 8 | 9 | .clearfix { 10 | .clearfix(); 11 | } 12 | .center-block { 13 | .center-block(); 14 | } 15 | .pull-right { 16 | float: right !important; 17 | } 18 | .pull-left { 19 | float: left !important; 20 | } 21 | 22 | 23 | // Toggling content 24 | // ------------------------- 25 | 26 | // Note: Deprecated .hide in favor of .hidden or .sr-only (as appropriate) in v3.0.1 27 | .hide { 28 | display: none !important; 29 | } 30 | .show { 31 | display: block !important; 32 | } 33 | .invisible { 34 | visibility: hidden; 35 | } 36 | .text-hide { 37 | .text-hide(); 38 | } 39 | 40 | 41 | // Hide from screenreaders and browsers 42 | // 43 | // Credit: HTML5 Boilerplate 44 | 45 | .hidden { 46 | display: none !important; 47 | visibility: hidden !important; 48 | } 49 | 50 | 51 | // For Affix plugin 52 | // ------------------------- 53 | 54 | .affix { 55 | position: fixed; 56 | } 57 | -------------------------------------------------------------------------------- /exampleSite/public/less/bootstrap/utilities.less: -------------------------------------------------------------------------------- 1 | // 2 | // Utility classes 3 | // -------------------------------------------------- 4 | 5 | 6 | // Floats 7 | // ------------------------- 8 | 9 | .clearfix { 10 | .clearfix(); 11 | } 12 | .center-block { 13 | .center-block(); 14 | } 15 | .pull-right { 16 | float: right !important; 17 | } 18 | .pull-left { 19 | float: left !important; 20 | } 21 | 22 | 23 | // Toggling content 24 | // ------------------------- 25 | 26 | // Note: Deprecated .hide in favor of .hidden or .sr-only (as appropriate) in v3.0.1 27 | .hide { 28 | display: none !important; 29 | } 30 | .show { 31 | display: block !important; 32 | } 33 | .invisible { 34 | visibility: hidden; 35 | } 36 | .text-hide { 37 | .text-hide(); 38 | } 39 | 40 | 41 | // Hide from screenreaders and browsers 42 | // 43 | // Credit: HTML5 Boilerplate 44 | 45 | .hidden { 46 | display: none !important; 47 | visibility: hidden !important; 48 | } 49 | 50 | 51 | // For Affix plugin 52 | // ------------------------- 53 | 54 | .affix { 55 | position: fixed; 56 | } 57 | -------------------------------------------------------------------------------- /static/less/bootstrap/media.less: -------------------------------------------------------------------------------- 1 | .media { 2 | // Proper spacing between instances of .media 3 | margin-top: 15px; 4 | 5 | &:first-child { 6 | margin-top: 0; 7 | } 8 | } 9 | 10 | .media, 11 | .media-body { 12 | zoom: 1; 13 | overflow: hidden; 14 | } 15 | 16 | .media-body { 17 | width: 10000px; 18 | } 19 | 20 | .media-object { 21 | display: block; 22 | } 23 | 24 | .media-right, 25 | .media > .pull-right { 26 | padding-left: 10px; 27 | } 28 | 29 | .media-left, 30 | .media > .pull-left { 31 | padding-right: 10px; 32 | } 33 | 34 | .media-left, 35 | .media-right, 36 | .media-body { 37 | display: table-cell; 38 | vertical-align: top; 39 | } 40 | 41 | .media-middle { 42 | vertical-align: middle; 43 | } 44 | 45 | .media-bottom { 46 | vertical-align: bottom; 47 | } 48 | 49 | // Reset margins on headings for tighter default spacing 50 | .media-heading { 51 | margin-top: 0; 52 | margin-bottom: 5px; 53 | } 54 | 55 | // Media list variation 56 | // 57 | // Undo default ul/ol styles 58 | .media-list { 59 | padding-left: 0; 60 | list-style: none; 61 | } 62 | -------------------------------------------------------------------------------- /exampleSite/public/less/bootstrap/media.less: -------------------------------------------------------------------------------- 1 | .media { 2 | // Proper spacing between instances of .media 3 | margin-top: 15px; 4 | 5 | &:first-child { 6 | margin-top: 0; 7 | } 8 | } 9 | 10 | .media, 11 | .media-body { 12 | zoom: 1; 13 | overflow: hidden; 14 | } 15 | 16 | .media-body { 17 | width: 10000px; 18 | } 19 | 20 | .media-object { 21 | display: block; 22 | } 23 | 24 | .media-right, 25 | .media > .pull-right { 26 | padding-left: 10px; 27 | } 28 | 29 | .media-left, 30 | .media > .pull-left { 31 | padding-right: 10px; 32 | } 33 | 34 | .media-left, 35 | .media-right, 36 | .media-body { 37 | display: table-cell; 38 | vertical-align: top; 39 | } 40 | 41 | .media-middle { 42 | vertical-align: middle; 43 | } 44 | 45 | .media-bottom { 46 | vertical-align: bottom; 47 | } 48 | 49 | // Reset margins on headings for tighter default spacing 50 | .media-heading { 51 | margin-top: 0; 52 | margin-bottom: 5px; 53 | } 54 | 55 | // Media list variation 56 | // 57 | // Undo default ul/ol styles 58 | .media-list { 59 | padding-left: 0; 60 | list-style: none; 61 | } 62 | -------------------------------------------------------------------------------- /static/less/bootstrap/pager.less: -------------------------------------------------------------------------------- 1 | // 2 | // Pager pagination 3 | // -------------------------------------------------- 4 | 5 | 6 | .pager { 7 | padding-left: 0; 8 | margin: @line-height-computed 0; 9 | list-style: none; 10 | text-align: center; 11 | &:extend(.clearfix all); 12 | li { 13 | display: inline; 14 | > a, 15 | > span { 16 | display: inline-block; 17 | padding: 5px 14px; 18 | background-color: @pager-bg; 19 | border: 1px solid @pager-border; 20 | border-radius: @pager-border-radius; 21 | } 22 | 23 | > a:hover, 24 | > a:focus { 25 | text-decoration: none; 26 | background-color: @pager-hover-bg; 27 | } 28 | } 29 | 30 | .next { 31 | > a, 32 | > span { 33 | float: right; 34 | } 35 | } 36 | 37 | .previous { 38 | > a, 39 | > span { 40 | float: left; 41 | } 42 | } 43 | 44 | .disabled { 45 | > a, 46 | > a:hover, 47 | > a:focus, 48 | > span { 49 | color: @pager-disabled-color; 50 | background-color: @pager-bg; 51 | cursor: @cursor-disabled; 52 | } 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /exampleSite/public/less/bootstrap/pager.less: -------------------------------------------------------------------------------- 1 | // 2 | // Pager pagination 3 | // -------------------------------------------------- 4 | 5 | 6 | .pager { 7 | padding-left: 0; 8 | margin: @line-height-computed 0; 9 | list-style: none; 10 | text-align: center; 11 | &:extend(.clearfix all); 12 | li { 13 | display: inline; 14 | > a, 15 | > span { 16 | display: inline-block; 17 | padding: 5px 14px; 18 | background-color: @pager-bg; 19 | border: 1px solid @pager-border; 20 | border-radius: @pager-border-radius; 21 | } 22 | 23 | > a:hover, 24 | > a:focus { 25 | text-decoration: none; 26 | background-color: @pager-hover-bg; 27 | } 28 | } 29 | 30 | .next { 31 | > a, 32 | > span { 33 | float: right; 34 | } 35 | } 36 | 37 | .previous { 38 | > a, 39 | > span { 40 | float: left; 41 | } 42 | } 43 | 44 | .disabled { 45 | > a, 46 | > a:hover, 47 | > a:focus, 48 | > span { 49 | color: @pager-disabled-color; 50 | background-color: @pager-bg; 51 | cursor: @cursor-disabled; 52 | } 53 | } 54 | } 55 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | The MIT License (MIT) 2 | 3 | Copyright (c) 2015 - 2017 Alex Urquhart 4 | 5 | Permission is hereby granted, free of charge, to any person obtaining a copy 6 | of this software and associated documentation files (the "Software"), to deal 7 | in the Software without restriction, including without limitation the rights 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell 9 | copies of the Software, and to permit persons to whom the Software is 10 | furnished to do so, subject to the following conditions: 11 | 12 | The above copyright notice and this permission notice shall be included in all 13 | copies or substantial portions of the Software. 14 | 15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR 16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY, 17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE 18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER 19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, 20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE 21 | SOFTWARE. 22 | -------------------------------------------------------------------------------- /static/less/bootstrap/mixins/image.less: -------------------------------------------------------------------------------- 1 | // Image Mixins 2 | // - Responsive image 3 | // - Retina image 4 | 5 | 6 | // Responsive image 7 | // 8 | // Keep images from scaling beyond the width of their parents. 9 | .img-responsive(@display: block) { 10 | display: @display; 11 | max-width: 100%; // Part 1: Set a maximum relative to the parent 12 | height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching 13 | } 14 | 15 | 16 | // Retina image 17 | // 18 | // Short retina mixin for setting background-image and -size. Note that the 19 | // spelling of `min--moz-device-pixel-ratio` is intentional. 20 | .img-retina(@file-1x; @file-2x; @width-1x; @height-1x) { 21 | background-image: url("@{file-1x}"); 22 | 23 | @media 24 | only screen and (-webkit-min-device-pixel-ratio: 2), 25 | only screen and ( min--moz-device-pixel-ratio: 2), 26 | only screen and ( -o-min-device-pixel-ratio: 2/1), 27 | only screen and ( min-device-pixel-ratio: 2), 28 | only screen and ( min-resolution: 192dpi), 29 | only screen and ( min-resolution: 2dppx) { 30 | background-image: url("@{file-2x}"); 31 | background-size: @width-1x @height-1x; 32 | } 33 | } 34 | -------------------------------------------------------------------------------- /static/less/bootstrap/jumbotron.less: -------------------------------------------------------------------------------- 1 | // 2 | // Jumbotron 3 | // -------------------------------------------------- 4 | 5 | 6 | .jumbotron { 7 | padding: @jumbotron-padding (@jumbotron-padding / 2); 8 | margin-bottom: @jumbotron-padding; 9 | color: @jumbotron-color; 10 | background-color: @jumbotron-bg; 11 | 12 | h1, 13 | .h1 { 14 | color: @jumbotron-heading-color; 15 | } 16 | 17 | p { 18 | margin-bottom: (@jumbotron-padding / 2); 19 | font-size: @jumbotron-font-size; 20 | font-weight: 200; 21 | } 22 | 23 | > hr { 24 | border-top-color: darken(@jumbotron-bg, 10%); 25 | } 26 | 27 | .container &, 28 | .container-fluid & { 29 | border-radius: @border-radius-large; // Only round corners at higher resolutions if contained in a container 30 | } 31 | 32 | .container { 33 | max-width: 100%; 34 | } 35 | 36 | @media screen and (min-width: @screen-sm-min) { 37 | padding: (@jumbotron-padding * 1.6) 0; 38 | 39 | .container &, 40 | .container-fluid & { 41 | padding-left: (@jumbotron-padding * 2); 42 | padding-right: (@jumbotron-padding * 2); 43 | } 44 | 45 | h1, 46 | .h1 { 47 | font-size: (@font-size-base * 4.5); 48 | } 49 | } 50 | } 51 | -------------------------------------------------------------------------------- /exampleSite/public/less/bootstrap/mixins/image.less: -------------------------------------------------------------------------------- 1 | // Image Mixins 2 | // - Responsive image 3 | // - Retina image 4 | 5 | 6 | // Responsive image 7 | // 8 | // Keep images from scaling beyond the width of their parents. 9 | .img-responsive(@display: block) { 10 | display: @display; 11 | max-width: 100%; // Part 1: Set a maximum relative to the parent 12 | height: auto; // Part 2: Scale the height according to the width, otherwise you get stretching 13 | } 14 | 15 | 16 | // Retina image 17 | // 18 | // Short retina mixin for setting background-image and -size. Note that the 19 | // spelling of `min--moz-device-pixel-ratio` is intentional. 20 | .img-retina(@file-1x; @file-2x; @width-1x; @height-1x) { 21 | background-image: url("@{file-1x}"); 22 | 23 | @media 24 | only screen and (-webkit-min-device-pixel-ratio: 2), 25 | only screen and ( min--moz-device-pixel-ratio: 2), 26 | only screen and ( -o-min-device-pixel-ratio: 2/1), 27 | only screen and ( min-device-pixel-ratio: 2), 28 | only screen and ( min-resolution: 192dpi), 29 | only screen and ( min-resolution: 2dppx) { 30 | background-image: url("@{file-2x}"); 31 | background-size: @width-1x @height-1x; 32 | } 33 | } 34 | -------------------------------------------------------------------------------- /exampleSite/public/less/bootstrap/jumbotron.less: -------------------------------------------------------------------------------- 1 | // 2 | // Jumbotron 3 | // -------------------------------------------------- 4 | 5 | 6 | .jumbotron { 7 | padding: @jumbotron-padding (@jumbotron-padding / 2); 8 | margin-bottom: @jumbotron-padding; 9 | color: @jumbotron-color; 10 | background-color: @jumbotron-bg; 11 | 12 | h1, 13 | .h1 { 14 | color: @jumbotron-heading-color; 15 | } 16 | 17 | p { 18 | margin-bottom: (@jumbotron-padding / 2); 19 | font-size: @jumbotron-font-size; 20 | font-weight: 200; 21 | } 22 | 23 | > hr { 24 | border-top-color: darken(@jumbotron-bg, 10%); 25 | } 26 | 27 | .container &, 28 | .container-fluid & { 29 | border-radius: @border-radius-large; // Only round corners at higher resolutions if contained in a container 30 | } 31 | 32 | .container { 33 | max-width: 100%; 34 | } 35 | 36 | @media screen and (min-width: @screen-sm-min) { 37 | padding: (@jumbotron-padding * 1.6) 0; 38 | 39 | .container &, 40 | .container-fluid & { 41 | padding-left: (@jumbotron-padding * 2); 42 | padding-right: (@jumbotron-padding * 2); 43 | } 44 | 45 | h1, 46 | .h1 { 47 | font-size: (@font-size-base * 4.5); 48 | } 49 | } 50 | } 51 | -------------------------------------------------------------------------------- /exampleSite/config.toml: -------------------------------------------------------------------------------- 1 | baseurl = "http://example.com/" 2 | theme = "hugo-geo" 3 | themesdir = "../.." 4 | relativeURLs = false 5 | languageCode = "en-us" 6 | title = "My New Hugo Site" 7 | disqusShortname = "shortcode-here" 8 | paginate = 5 9 | 10 | [taxonomies] 11 | tag = "tags" 12 | tutorial = "tutorials" 13 | 14 | [params] 15 | showglobe = true 16 | 17 | favicon = "favicon.ico" 18 | 19 | analytics = "code-here" 20 | 21 | email = "alexurquhart@gmail.com" 22 | 23 | profilepic = "img/profile.png" 24 | 25 | title = "MY NAME" 26 | subtitle = "MY HUGO BLOG" 27 | 28 | # Social buttons for sidebar 29 | # Each of these are optional 30 | [[params.socialbuttons]] 31 | faicon = "github" 32 | url = "https://github.com/alexurquhart" 33 | [[params.socialbuttons]] 34 | faicon = "twitter" 35 | url = "https://twitter.com/alexanderurq" 36 | [[params.socialbuttons]] 37 | faicon = "linkedin" 38 | url = "https://linkedin.com" 39 | [[params.socialbuttons]] 40 | faicon = "google-plus" 41 | url = "https://plus.google.com/+YourID" 42 | 43 | [[params.navlinks]] 44 | name = "About" 45 | url = "about" 46 | 47 | [[params.navlinks]] 48 | name = "Blog" 49 | url = "" 50 | 51 | [[params.navlinks]] 52 | name = "Tutorials" 53 | url = "tutorial/" 54 | -------------------------------------------------------------------------------- /static/less/bootstrap/mixins.less: -------------------------------------------------------------------------------- 1 | // Mixins 2 | // -------------------------------------------------- 3 | 4 | // Utilities 5 | @import "mixins/hide-text.less"; 6 | @import "mixins/opacity.less"; 7 | @import "mixins/image.less"; 8 | @import "mixins/labels.less"; 9 | @import "mixins/reset-filter.less"; 10 | @import "mixins/resize.less"; 11 | @import "mixins/responsive-visibility.less"; 12 | @import "mixins/size.less"; 13 | @import "mixins/tab-focus.less"; 14 | @import "mixins/text-emphasis.less"; 15 | @import "mixins/text-overflow.less"; 16 | @import "mixins/vendor-prefixes.less"; 17 | 18 | // Components 19 | @import "mixins/alerts.less"; 20 | @import "mixins/buttons.less"; 21 | @import "mixins/panels.less"; 22 | @import "mixins/pagination.less"; 23 | @import "mixins/list-group.less"; 24 | @import "mixins/nav-divider.less"; 25 | @import "mixins/forms.less"; 26 | @import "mixins/progress-bar.less"; 27 | @import "mixins/table-row.less"; 28 | 29 | // Skins 30 | @import "mixins/background-variant.less"; 31 | @import "mixins/border-radius.less"; 32 | @import "mixins/gradients.less"; 33 | 34 | // Layout 35 | @import "mixins/clearfix.less"; 36 | @import "mixins/center-block.less"; 37 | @import "mixins/nav-vertical-align.less"; 38 | @import "mixins/grid-framework.less"; 39 | @import "mixins/grid.less"; 40 | -------------------------------------------------------------------------------- /exampleSite/public/less/bootstrap/mixins.less: -------------------------------------------------------------------------------- 1 | // Mixins 2 | // -------------------------------------------------- 3 | 4 | // Utilities 5 | @import "mixins/hide-text.less"; 6 | @import "mixins/opacity.less"; 7 | @import "mixins/image.less"; 8 | @import "mixins/labels.less"; 9 | @import "mixins/reset-filter.less"; 10 | @import "mixins/resize.less"; 11 | @import "mixins/responsive-visibility.less"; 12 | @import "mixins/size.less"; 13 | @import "mixins/tab-focus.less"; 14 | @import "mixins/text-emphasis.less"; 15 | @import "mixins/text-overflow.less"; 16 | @import "mixins/vendor-prefixes.less"; 17 | 18 | // Components 19 | @import "mixins/alerts.less"; 20 | @import "mixins/buttons.less"; 21 | @import "mixins/panels.less"; 22 | @import "mixins/pagination.less"; 23 | @import "mixins/list-group.less"; 24 | @import "mixins/nav-divider.less"; 25 | @import "mixins/forms.less"; 26 | @import "mixins/progress-bar.less"; 27 | @import "mixins/table-row.less"; 28 | 29 | // Skins 30 | @import "mixins/background-variant.less"; 31 | @import "mixins/border-radius.less"; 32 | @import "mixins/gradients.less"; 33 | 34 | // Layout 35 | @import "mixins/clearfix.less"; 36 | @import "mixins/center-block.less"; 37 | @import "mixins/nav-vertical-align.less"; 38 | @import "mixins/grid-framework.less"; 39 | @import "mixins/grid.less"; 40 | -------------------------------------------------------------------------------- /layouts/partials/sidebar.html: -------------------------------------------------------------------------------- 1 | 31 | -------------------------------------------------------------------------------- /layouts/partials/nav.html: -------------------------------------------------------------------------------- 1 | 26 |
27 |
28 | {{ partial "sidebar.html" . }} 29 |
30 |
31 |
-------------------------------------------------------------------------------- /layouts/section/tutorial.html: -------------------------------------------------------------------------------- 1 | {{ partial "head.html" . }} 2 | {{ partial "nav.html" . }} 3 | 4 |
5 |
6 |

{{ .Title }}

7 |
8 | 9 | {{ range .Data.Pages }} 10 | {{ if .Params.index }} 11 |
12 |
13 |

14 | {{ .Title }} 15 |
16 | 17 | First Published: {{ .Date.Format "2 January 2006" }} 18 | 19 |

20 |
21 |
22 | {{.Summary}} 23 | {{ if .Truncated }} 24 | ... Read More 25 | {{ end }} 26 |
27 |
28 | {{ if isset .Params "tags" }} 29 | 30 | {{ $base := .Site.BaseURL }} 31 | {{ range $tag := .Params.tags }} 32 | {{ . }} 33 | {{ end }} 34 | 35 | {{ end }} 36 |
37 |
38 | {{ end }} 39 | {{ end }} 40 | 41 |
42 | 43 | {{ partial "footer.html" . }} -------------------------------------------------------------------------------- /static/less/bootstrap/mixins/buttons.less: -------------------------------------------------------------------------------- 1 | // Button variants 2 | // 3 | // Easily pump out default styles, as well as :hover, :focus, :active, 4 | // and disabled options for all buttons 5 | 6 | .button-variant(@color; @background; @border) { 7 | color: @color; 8 | background-color: @background; 9 | border-color: @border; 10 | 11 | &:hover, 12 | &:focus, 13 | &.focus, 14 | &:active, 15 | &.active, 16 | .open > .dropdown-toggle& { 17 | color: @color; 18 | background-color: darken(@background, 10%); 19 | border-color: darken(@border, 12%); 20 | } 21 | &:active, 22 | &.active, 23 | .open > .dropdown-toggle& { 24 | background-image: none; 25 | } 26 | &.disabled, 27 | &[disabled], 28 | fieldset[disabled] & { 29 | &, 30 | &:hover, 31 | &:focus, 32 | &.focus, 33 | &:active, 34 | &.active { 35 | background-color: @background; 36 | border-color: @border; 37 | } 38 | } 39 | 40 | .badge { 41 | color: @background; 42 | background-color: @color; 43 | } 44 | } 45 | 46 | // Button sizes 47 | .button-size(@padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) { 48 | padding: @padding-vertical @padding-horizontal; 49 | font-size: @font-size; 50 | line-height: @line-height; 51 | border-radius: @border-radius; 52 | } 53 | -------------------------------------------------------------------------------- /exampleSite/public/less/bootstrap/mixins/buttons.less: -------------------------------------------------------------------------------- 1 | // Button variants 2 | // 3 | // Easily pump out default styles, as well as :hover, :focus, :active, 4 | // and disabled options for all buttons 5 | 6 | .button-variant(@color; @background; @border) { 7 | color: @color; 8 | background-color: @background; 9 | border-color: @border; 10 | 11 | &:hover, 12 | &:focus, 13 | &.focus, 14 | &:active, 15 | &.active, 16 | .open > .dropdown-toggle& { 17 | color: @color; 18 | background-color: darken(@background, 10%); 19 | border-color: darken(@border, 12%); 20 | } 21 | &:active, 22 | &.active, 23 | .open > .dropdown-toggle& { 24 | background-image: none; 25 | } 26 | &.disabled, 27 | &[disabled], 28 | fieldset[disabled] & { 29 | &, 30 | &:hover, 31 | &:focus, 32 | &.focus, 33 | &:active, 34 | &.active { 35 | background-color: @background; 36 | border-color: @border; 37 | } 38 | } 39 | 40 | .badge { 41 | color: @background; 42 | background-color: @color; 43 | } 44 | } 45 | 46 | // Button sizes 47 | .button-size(@padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) { 48 | padding: @padding-vertical @padding-horizontal; 49 | font-size: @font-size; 50 | line-height: @line-height; 51 | border-radius: @border-radius; 52 | } 53 | -------------------------------------------------------------------------------- /static/less/bootstrap/bootstrap.less: -------------------------------------------------------------------------------- 1 | // Core variables and mixins 2 | @import "variables.less"; 3 | @import "mixins.less"; 4 | 5 | // Reset and dependencies 6 | @import "normalize.less"; 7 | @import "print.less"; 8 | @import "glyphicons.less"; 9 | 10 | // Core CSS 11 | @import "scaffolding.less"; 12 | @import "type.less"; 13 | @import "code.less"; 14 | @import "grid.less"; 15 | @import "tables.less"; 16 | @import "forms.less"; 17 | @import "buttons.less"; 18 | 19 | // Components 20 | @import "component-animations.less"; 21 | @import "dropdowns.less"; 22 | @import "button-groups.less"; 23 | @import "input-groups.less"; 24 | @import "navs.less"; 25 | @import "navbar.less"; 26 | @import "breadcrumbs.less"; 27 | @import "pagination.less"; 28 | @import "pager.less"; 29 | @import "labels.less"; 30 | @import "badges.less"; 31 | @import "jumbotron.less"; 32 | @import "thumbnails.less"; 33 | @import "alerts.less"; 34 | @import "progress-bars.less"; 35 | @import "media.less"; 36 | @import "list-group.less"; 37 | @import "panels.less"; 38 | @import "responsive-embed.less"; 39 | @import "wells.less"; 40 | @import "close.less"; 41 | 42 | // Components w/ JavaScript 43 | @import "modals.less"; 44 | @import "tooltip.less"; 45 | @import "popovers.less"; 46 | @import "carousel.less"; 47 | 48 | // Utility classes 49 | @import "utilities.less"; 50 | @import "responsive-utilities.less"; 51 | -------------------------------------------------------------------------------- /exampleSite/public/less/bootstrap/bootstrap.less: -------------------------------------------------------------------------------- 1 | // Core variables and mixins 2 | @import "variables.less"; 3 | @import "mixins.less"; 4 | 5 | // Reset and dependencies 6 | @import "normalize.less"; 7 | @import "print.less"; 8 | @import "glyphicons.less"; 9 | 10 | // Core CSS 11 | @import "scaffolding.less"; 12 | @import "type.less"; 13 | @import "code.less"; 14 | @import "grid.less"; 15 | @import "tables.less"; 16 | @import "forms.less"; 17 | @import "buttons.less"; 18 | 19 | // Components 20 | @import "component-animations.less"; 21 | @import "dropdowns.less"; 22 | @import "button-groups.less"; 23 | @import "input-groups.less"; 24 | @import "navs.less"; 25 | @import "navbar.less"; 26 | @import "breadcrumbs.less"; 27 | @import "pagination.less"; 28 | @import "pager.less"; 29 | @import "labels.less"; 30 | @import "badges.less"; 31 | @import "jumbotron.less"; 32 | @import "thumbnails.less"; 33 | @import "alerts.less"; 34 | @import "progress-bars.less"; 35 | @import "media.less"; 36 | @import "list-group.less"; 37 | @import "panels.less"; 38 | @import "responsive-embed.less"; 39 | @import "wells.less"; 40 | @import "close.less"; 41 | 42 | // Components w/ JavaScript 43 | @import "modals.less"; 44 | @import "tooltip.less"; 45 | @import "popovers.less"; 46 | @import "carousel.less"; 47 | 48 | // Utility classes 49 | @import "utilities.less"; 50 | @import "responsive-utilities.less"; 51 | -------------------------------------------------------------------------------- /static/less/bootstrap/labels.less: -------------------------------------------------------------------------------- 1 | // 2 | // Labels 3 | // -------------------------------------------------- 4 | 5 | .label { 6 | display: inline; 7 | padding: .2em .6em .3em; 8 | font-size: 75%; 9 | font-weight: bold; 10 | line-height: 1; 11 | color: @label-color; 12 | text-align: center; 13 | white-space: nowrap; 14 | vertical-align: baseline; 15 | border-radius: .25em; 16 | 17 | // Add hover effects, but only for links 18 | a& { 19 | &:hover, 20 | &:focus { 21 | color: @label-link-hover-color; 22 | text-decoration: none; 23 | cursor: pointer; 24 | } 25 | } 26 | 27 | // Empty labels collapse automatically (not available in IE8) 28 | &:empty { 29 | display: none; 30 | } 31 | 32 | // Quick fix for labels in buttons 33 | .btn & { 34 | position: relative; 35 | top: -1px; 36 | } 37 | } 38 | 39 | // Colors 40 | // Contextual variations (linked labels get darker on :hover) 41 | 42 | .label-default { 43 | .label-variant(@label-default-bg); 44 | } 45 | 46 | .label-primary { 47 | .label-variant(@label-primary-bg); 48 | } 49 | 50 | .label-success { 51 | .label-variant(@label-success-bg); 52 | } 53 | 54 | .label-info { 55 | .label-variant(@label-info-bg); 56 | } 57 | 58 | .label-warning { 59 | .label-variant(@label-warning-bg); 60 | } 61 | 62 | .label-danger { 63 | .label-variant(@label-danger-bg); 64 | } 65 | -------------------------------------------------------------------------------- /exampleSite/public/less/bootstrap/labels.less: -------------------------------------------------------------------------------- 1 | // 2 | // Labels 3 | // -------------------------------------------------- 4 | 5 | .label { 6 | display: inline; 7 | padding: .2em .6em .3em; 8 | font-size: 75%; 9 | font-weight: bold; 10 | line-height: 1; 11 | color: @label-color; 12 | text-align: center; 13 | white-space: nowrap; 14 | vertical-align: baseline; 15 | border-radius: .25em; 16 | 17 | // Add hover effects, but only for links 18 | a& { 19 | &:hover, 20 | &:focus { 21 | color: @label-link-hover-color; 22 | text-decoration: none; 23 | cursor: pointer; 24 | } 25 | } 26 | 27 | // Empty labels collapse automatically (not available in IE8) 28 | &:empty { 29 | display: none; 30 | } 31 | 32 | // Quick fix for labels in buttons 33 | .btn & { 34 | position: relative; 35 | top: -1px; 36 | } 37 | } 38 | 39 | // Colors 40 | // Contextual variations (linked labels get darker on :hover) 41 | 42 | .label-default { 43 | .label-variant(@label-default-bg); 44 | } 45 | 46 | .label-primary { 47 | .label-variant(@label-primary-bg); 48 | } 49 | 50 | .label-success { 51 | .label-variant(@label-success-bg); 52 | } 53 | 54 | .label-info { 55 | .label-variant(@label-info-bg); 56 | } 57 | 58 | .label-warning { 59 | .label-variant(@label-warning-bg); 60 | } 61 | 62 | .label-danger { 63 | .label-variant(@label-danger-bg); 64 | } 65 | -------------------------------------------------------------------------------- /layouts/partials/footer.html: -------------------------------------------------------------------------------- 1 |
2 |
3 |
4 |
5 |
6 | 7 | {{ if isset .Site.Params "analytics" }} 8 | 18 | {{ end }} 19 | 20 | 21 | {{ if .Site.Params.showglobe }} 22 | 23 | 24 | {{ end }} 25 | {{ if .Params.highlight }} 26 | 27 | {{ end }} 28 | 29 | {{ range .Params.scripts }} 30 | 31 | {{ end }} 32 | 33 | -------------------------------------------------------------------------------- /static/less/bootstrap/badges.less: -------------------------------------------------------------------------------- 1 | // 2 | // Badges 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base class 7 | .badge { 8 | display: inline-block; 9 | min-width: 10px; 10 | padding: 3px 7px; 11 | font-size: @font-size-small; 12 | font-weight: @badge-font-weight; 13 | color: @badge-color; 14 | line-height: @badge-line-height; 15 | vertical-align: baseline; 16 | white-space: nowrap; 17 | text-align: center; 18 | background-color: @badge-bg; 19 | border-radius: @badge-border-radius; 20 | 21 | // Empty badges collapse automatically (not available in IE8) 22 | &:empty { 23 | display: none; 24 | } 25 | 26 | // Quick fix for badges in buttons 27 | .btn & { 28 | position: relative; 29 | top: -1px; 30 | } 31 | 32 | .btn-xs & { 33 | top: 0; 34 | padding: 1px 5px; 35 | } 36 | 37 | // Hover state, but only for links 38 | a& { 39 | &:hover, 40 | &:focus { 41 | color: @badge-link-hover-color; 42 | text-decoration: none; 43 | cursor: pointer; 44 | } 45 | } 46 | 47 | // Account for badges in navs 48 | .list-group-item.active > &, 49 | .nav-pills > .active > a > & { 50 | color: @badge-active-color; 51 | background-color: @badge-active-bg; 52 | } 53 | 54 | .list-group-item > & { 55 | float: right; 56 | } 57 | 58 | .list-group-item > & + & { 59 | margin-right: 5px; 60 | } 61 | 62 | .nav-pills > li > a > & { 63 | margin-left: 3px; 64 | } 65 | } 66 | -------------------------------------------------------------------------------- /exampleSite/public/less/bootstrap/badges.less: -------------------------------------------------------------------------------- 1 | // 2 | // Badges 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base class 7 | .badge { 8 | display: inline-block; 9 | min-width: 10px; 10 | padding: 3px 7px; 11 | font-size: @font-size-small; 12 | font-weight: @badge-font-weight; 13 | color: @badge-color; 14 | line-height: @badge-line-height; 15 | vertical-align: baseline; 16 | white-space: nowrap; 17 | text-align: center; 18 | background-color: @badge-bg; 19 | border-radius: @badge-border-radius; 20 | 21 | // Empty badges collapse automatically (not available in IE8) 22 | &:empty { 23 | display: none; 24 | } 25 | 26 | // Quick fix for badges in buttons 27 | .btn & { 28 | position: relative; 29 | top: -1px; 30 | } 31 | 32 | .btn-xs & { 33 | top: 0; 34 | padding: 1px 5px; 35 | } 36 | 37 | // Hover state, but only for links 38 | a& { 39 | &:hover, 40 | &:focus { 41 | color: @badge-link-hover-color; 42 | text-decoration: none; 43 | cursor: pointer; 44 | } 45 | } 46 | 47 | // Account for badges in navs 48 | .list-group-item.active > &, 49 | .nav-pills > .active > a > & { 50 | color: @badge-active-color; 51 | background-color: @badge-active-bg; 52 | } 53 | 54 | .list-group-item > & { 55 | float: right; 56 | } 57 | 58 | .list-group-item > & + & { 59 | margin-right: 5px; 60 | } 61 | 62 | .nav-pills > li > a > & { 63 | margin-left: 3px; 64 | } 65 | } 66 | -------------------------------------------------------------------------------- /exampleSite/public/tags/blog/index.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Blog on MY NAME 5 | https://alexurquhart.github.io/hugo-geo/tags/blog/index.xml 6 | Recent content in Blog on MY NAME 7 | Hugo -- gohugo.io 8 | en-us 9 | 10 | 11 | 12 | Welcome to Hugo-Geo! 13 | https://alexurquhart.github.io/hugo-geo/post/welcome/ 14 | Tue, 28 Jul 2015 09:32:45 -0400 15 | 16 | https://alexurquhart.github.io/hugo-geo/post/welcome/ 17 | <p>Welcome to hugo-geo, a resposive theme for the <a href="http://gohugo.io">Hugo static site generator.</a> Hugo is designed for <code>post</code> and <code>tutorial</code> sections, and is perfect for personal 18 | portfolio or blog sites.</p> 19 | 20 | <p>Why don&rsquo;t you check out the <a href="https://alexurquhart.github.io/hugo-geo/hugo-geo/tutorial/getting-started/">Getting Started Tutorial</a> and find out how you can use hugo-geo and customize it to your liking.</p> 21 | 22 | 23 | 24 | 25 | -------------------------------------------------------------------------------- /exampleSite/public/post/index.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | Posts on MY NAME 5 | https://alexurquhart.github.io/hugo-geo/post/index.xml 6 | Recent content in Posts on MY NAME 7 | Hugo -- gohugo.io 8 | en-us 9 | Tue, 28 Jul 2015 09:32:45 -0400 10 | 11 | 12 | 13 | Welcome to Hugo-Geo! 14 | https://alexurquhart.github.io/hugo-geo/post/welcome/ 15 | Tue, 28 Jul 2015 09:32:45 -0400 16 | 17 | https://alexurquhart.github.io/hugo-geo/post/welcome/ 18 | <p>Welcome to hugo-geo, a resposive theme for the <a href="http://gohugo.io">Hugo static site generator.</a> Hugo is designed for <code>post</code> and <code>tutorial</code> sections, and is perfect for personal 19 | portfolio or blog sites.</p> 20 | 21 | <p>Why don&rsquo;t you check out the <a href="https://alexurquhart.github.io/hugo-geo/hugo-geo/tutorial/getting-started/">Getting Started Tutorial</a> and find out how you can use hugo-geo and customize it to your liking.</p> 22 | 23 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /static/less/bootstrap/code.less: -------------------------------------------------------------------------------- 1 | // 2 | // Code (inline and block) 3 | // -------------------------------------------------- 4 | 5 | 6 | // Inline and block code styles 7 | code, 8 | kbd, 9 | pre, 10 | samp { 11 | font-family: @font-family-monospace; 12 | } 13 | 14 | // Inline code 15 | code { 16 | padding: 2px 4px; 17 | font-size: 90%; 18 | color: @code-color; 19 | background-color: @code-bg; 20 | border-radius: @border-radius-base; 21 | } 22 | 23 | // User input typically entered via keyboard 24 | kbd { 25 | padding: 2px 4px; 26 | font-size: 90%; 27 | color: @kbd-color; 28 | background-color: @kbd-bg; 29 | border-radius: @border-radius-small; 30 | box-shadow: inset 0 -1px 0 rgba(0,0,0,.25); 31 | 32 | kbd { 33 | padding: 0; 34 | font-size: 100%; 35 | font-weight: bold; 36 | box-shadow: none; 37 | } 38 | } 39 | 40 | // Blocks of code 41 | pre { 42 | display: block; 43 | padding: ((@line-height-computed - 1) / 2); 44 | margin: 0 0 (@line-height-computed / 2); 45 | font-size: (@font-size-base - 1); // 14px to 13px 46 | line-height: @line-height-base; 47 | word-break: break-all; 48 | word-wrap: break-word; 49 | color: @pre-color; 50 | background-color: @pre-bg; 51 | border: 1px solid @pre-border-color; 52 | border-radius: @border-radius-base; 53 | 54 | // Account for some code outputs that place code tags in pre tags 55 | code { 56 | padding: 0; 57 | font-size: inherit; 58 | color: inherit; 59 | white-space: pre-wrap; 60 | background-color: transparent; 61 | border-radius: 0; 62 | } 63 | } 64 | 65 | // Enable scrollable blocks of code 66 | .pre-scrollable { 67 | max-height: @pre-scrollable-max-height; 68 | overflow-y: scroll; 69 | } 70 | -------------------------------------------------------------------------------- /exampleSite/public/less/bootstrap/code.less: -------------------------------------------------------------------------------- 1 | // 2 | // Code (inline and block) 3 | // -------------------------------------------------- 4 | 5 | 6 | // Inline and block code styles 7 | code, 8 | kbd, 9 | pre, 10 | samp { 11 | font-family: @font-family-monospace; 12 | } 13 | 14 | // Inline code 15 | code { 16 | padding: 2px 4px; 17 | font-size: 90%; 18 | color: @code-color; 19 | background-color: @code-bg; 20 | border-radius: @border-radius-base; 21 | } 22 | 23 | // User input typically entered via keyboard 24 | kbd { 25 | padding: 2px 4px; 26 | font-size: 90%; 27 | color: @kbd-color; 28 | background-color: @kbd-bg; 29 | border-radius: @border-radius-small; 30 | box-shadow: inset 0 -1px 0 rgba(0,0,0,.25); 31 | 32 | kbd { 33 | padding: 0; 34 | font-size: 100%; 35 | font-weight: bold; 36 | box-shadow: none; 37 | } 38 | } 39 | 40 | // Blocks of code 41 | pre { 42 | display: block; 43 | padding: ((@line-height-computed - 1) / 2); 44 | margin: 0 0 (@line-height-computed / 2); 45 | font-size: (@font-size-base - 1); // 14px to 13px 46 | line-height: @line-height-base; 47 | word-break: break-all; 48 | word-wrap: break-word; 49 | color: @pre-color; 50 | background-color: @pre-bg; 51 | border: 1px solid @pre-border-color; 52 | border-radius: @border-radius-base; 53 | 54 | // Account for some code outputs that place code tags in pre tags 55 | code { 56 | padding: 0; 57 | font-size: inherit; 58 | color: inherit; 59 | white-space: pre-wrap; 60 | background-color: transparent; 61 | border-radius: 0; 62 | } 63 | } 64 | 65 | // Enable scrollable blocks of code 66 | .pre-scrollable { 67 | max-height: @pre-scrollable-max-height; 68 | overflow-y: scroll; 69 | } 70 | -------------------------------------------------------------------------------- /static/less/bootstrap/grid.less: -------------------------------------------------------------------------------- 1 | // 2 | // Grid system 3 | // -------------------------------------------------- 4 | 5 | 6 | // Container widths 7 | // 8 | // Set the container width, and override it for fixed navbars in media queries. 9 | 10 | .container { 11 | .container-fixed(); 12 | 13 | @media (min-width: @screen-sm-min) { 14 | width: @container-sm; 15 | } 16 | @media (min-width: @screen-md-min) { 17 | width: @container-md; 18 | } 19 | @media (min-width: @screen-lg-min) { 20 | width: @container-lg; 21 | } 22 | } 23 | 24 | 25 | // Fluid container 26 | // 27 | // Utilizes the mixin meant for fixed width containers, but without any defined 28 | // width for fluid, full width layouts. 29 | 30 | .container-fluid { 31 | .container-fixed(); 32 | } 33 | 34 | 35 | // Row 36 | // 37 | // Rows contain and clear the floats of your columns. 38 | 39 | .row { 40 | .make-row(); 41 | } 42 | 43 | 44 | // Columns 45 | // 46 | // Common styles for small and large grid columns 47 | 48 | .make-grid-columns(); 49 | 50 | 51 | // Extra small grid 52 | // 53 | // Columns, offsets, pushes, and pulls for extra small devices like 54 | // smartphones. 55 | 56 | .make-grid(xs); 57 | 58 | 59 | // Small grid 60 | // 61 | // Columns, offsets, pushes, and pulls for the small device range, from phones 62 | // to tablets. 63 | 64 | @media (min-width: @screen-sm-min) { 65 | .make-grid(sm); 66 | } 67 | 68 | 69 | // Medium grid 70 | // 71 | // Columns, offsets, pushes, and pulls for the desktop device range. 72 | 73 | @media (min-width: @screen-md-min) { 74 | .make-grid(md); 75 | } 76 | 77 | 78 | // Large grid 79 | // 80 | // Columns, offsets, pushes, and pulls for the large desktop device range. 81 | 82 | @media (min-width: @screen-lg-min) { 83 | .make-grid(lg); 84 | } 85 | -------------------------------------------------------------------------------- /exampleSite/public/less/bootstrap/grid.less: -------------------------------------------------------------------------------- 1 | // 2 | // Grid system 3 | // -------------------------------------------------- 4 | 5 | 6 | // Container widths 7 | // 8 | // Set the container width, and override it for fixed navbars in media queries. 9 | 10 | .container { 11 | .container-fixed(); 12 | 13 | @media (min-width: @screen-sm-min) { 14 | width: @container-sm; 15 | } 16 | @media (min-width: @screen-md-min) { 17 | width: @container-md; 18 | } 19 | @media (min-width: @screen-lg-min) { 20 | width: @container-lg; 21 | } 22 | } 23 | 24 | 25 | // Fluid container 26 | // 27 | // Utilizes the mixin meant for fixed width containers, but without any defined 28 | // width for fluid, full width layouts. 29 | 30 | .container-fluid { 31 | .container-fixed(); 32 | } 33 | 34 | 35 | // Row 36 | // 37 | // Rows contain and clear the floats of your columns. 38 | 39 | .row { 40 | .make-row(); 41 | } 42 | 43 | 44 | // Columns 45 | // 46 | // Common styles for small and large grid columns 47 | 48 | .make-grid-columns(); 49 | 50 | 51 | // Extra small grid 52 | // 53 | // Columns, offsets, pushes, and pulls for extra small devices like 54 | // smartphones. 55 | 56 | .make-grid(xs); 57 | 58 | 59 | // Small grid 60 | // 61 | // Columns, offsets, pushes, and pulls for the small device range, from phones 62 | // to tablets. 63 | 64 | @media (min-width: @screen-sm-min) { 65 | .make-grid(sm); 66 | } 67 | 68 | 69 | // Medium grid 70 | // 71 | // Columns, offsets, pushes, and pulls for the desktop device range. 72 | 73 | @media (min-width: @screen-md-min) { 74 | .make-grid(md); 75 | } 76 | 77 | 78 | // Large grid 79 | // 80 | // Columns, offsets, pushes, and pulls for the large desktop device range. 81 | 82 | @media (min-width: @screen-lg-min) { 83 | .make-grid(lg); 84 | } 85 | -------------------------------------------------------------------------------- /static/less/bootstrap.less: -------------------------------------------------------------------------------- 1 | // Style Info from https://color.adobe.com/Santa-Barbara-color-theme-5289189/edit 2 | @import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,300,600,600italic,300italic|Oswald|Inconsolata); 3 | 4 | @brand-success: #9CB24B; 5 | @brand-danger: #EF4E57; 6 | @brand-primary: #59A5D1; 7 | 8 | @color-dark: #9C8E71; 9 | @color-light: #FFFBED; 10 | @sidebar-base: @brand-primary; 11 | @light-primary: lighten(@sidebar-base, 10%); 12 | 13 | @body-bg: @color-light; 14 | 15 | @font-family-sans-serif: 'Oswald', sans-serif; 16 | @font-family-serif: 'Roboto', sans-serif; 17 | @font-family-monospace: 'Inconsolata', monospace; 18 | @font-family-base: @font-family-serif; 19 | @font-size-base: 18px; 20 | 21 | @headings-color: darken(@color-dark, 25%); 22 | @headings-font-family: @font-family-sans-serif; 23 | 24 | @navbar-default-bg: darken(@sidebar-base, 35%); 25 | @navbar-default-link-color: @light-primary; 26 | @navbar-default-link-active-bg: darken(@sidebar-base, 25%); 27 | @navbar-default-link-active-color: lighten(@light-primary, 15%); 28 | @navbar-default-link-hover-color: @navbar-default-link-active-color; 29 | @navbar-default-toggle-icon-bar-bg: @light-primary; 30 | @navbar-default-toggle-hover-bg: darken(@sidebar-base, 25%); 31 | @navbar-default-toggle-border-color: @light-primary; 32 | 33 | @panel-bg: inherit; 34 | @panel-footer-bg: inherit; 35 | @panel-default-heading-bg: inherit; 36 | @panel-body-padding: 0px; 37 | @panel-heading-padding: 0px; 38 | @panel-footer-padding: 0px; 39 | @panel-default-border: none; 40 | 41 | @pagination-active-bg: desaturate(@color-light, 70%); 42 | @pagination-active-color: @color-dark; 43 | @pagination-active-border: desaturate(@color-dark, 50%); 44 | @pagination-color: @color-dark; 45 | @pagination-hover-color: lighten(@color-dark, 15%); 46 | 47 | @hr-border: lighten(@color-dark, 30%); -------------------------------------------------------------------------------- /exampleSite/public/less/bootstrap.less: -------------------------------------------------------------------------------- 1 | // Style Info from https://color.adobe.com/Santa-Barbara-color-theme-5289189/edit 2 | @import url(https://fonts.googleapis.com/css?family=Roboto:400,400italic,300,600,600italic,300italic|Oswald|Inconsolata); 3 | 4 | @brand-success: #9CB24B; 5 | @brand-danger: #EF4E57; 6 | @brand-primary: #59A5D1; 7 | 8 | @color-dark: #9C8E71; 9 | @color-light: #FFFBED; 10 | @sidebar-base: @brand-primary; 11 | @light-primary: lighten(@sidebar-base, 10%); 12 | 13 | @body-bg: @color-light; 14 | 15 | @font-family-sans-serif: 'Oswald', sans-serif; 16 | @font-family-serif: 'Roboto', sans-serif; 17 | @font-family-monospace: 'Inconsolata', monospace; 18 | @font-family-base: @font-family-serif; 19 | @font-size-base: 18px; 20 | 21 | @headings-color: darken(@color-dark, 25%); 22 | @headings-font-family: @font-family-sans-serif; 23 | 24 | @navbar-default-bg: darken(@sidebar-base, 35%); 25 | @navbar-default-link-color: @light-primary; 26 | @navbar-default-link-active-bg: darken(@sidebar-base, 25%); 27 | @navbar-default-link-active-color: lighten(@light-primary, 15%); 28 | @navbar-default-link-hover-color: @navbar-default-link-active-color; 29 | @navbar-default-toggle-icon-bar-bg: @light-primary; 30 | @navbar-default-toggle-hover-bg: darken(@sidebar-base, 25%); 31 | @navbar-default-toggle-border-color: @light-primary; 32 | 33 | @panel-bg: inherit; 34 | @panel-footer-bg: inherit; 35 | @panel-default-heading-bg: inherit; 36 | @panel-body-padding: 0px; 37 | @panel-heading-padding: 0px; 38 | @panel-footer-padding: 0px; 39 | @panel-default-border: none; 40 | 41 | @pagination-active-bg: desaturate(@color-light, 70%); 42 | @pagination-active-color: @color-dark; 43 | @pagination-active-border: desaturate(@color-dark, 50%); 44 | @pagination-color: @color-dark; 45 | @pagination-hover-color: lighten(@color-dark, 15%); 46 | 47 | @hr-border: lighten(@color-dark, 30%); -------------------------------------------------------------------------------- /static/less/bootstrap/alerts.less: -------------------------------------------------------------------------------- 1 | // 2 | // Alerts 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base styles 7 | // ------------------------- 8 | 9 | .alert { 10 | padding: @alert-padding; 11 | margin-bottom: @line-height-computed; 12 | border: 1px solid transparent; 13 | border-radius: @alert-border-radius; 14 | 15 | // Headings for larger alerts 16 | h4 { 17 | margin-top: 0; 18 | // Specified for the h4 to prevent conflicts of changing @headings-color 19 | color: inherit; 20 | } 21 | 22 | // Provide class for links that match alerts 23 | .alert-link { 24 | font-weight: @alert-link-font-weight; 25 | } 26 | 27 | // Improve alignment and spacing of inner content 28 | > p, 29 | > ul { 30 | margin-bottom: 0; 31 | } 32 | 33 | > p + p { 34 | margin-top: 5px; 35 | } 36 | } 37 | 38 | // Dismissible alerts 39 | // 40 | // Expand the right padding and account for the close button's positioning. 41 | 42 | .alert-dismissable, // The misspelled .alert-dismissable was deprecated in 3.2.0. 43 | .alert-dismissible { 44 | padding-right: (@alert-padding + 20); 45 | 46 | // Adjust close link position 47 | .close { 48 | position: relative; 49 | top: -2px; 50 | right: -21px; 51 | color: inherit; 52 | } 53 | } 54 | 55 | // Alternate styles 56 | // 57 | // Generate contextual modifier classes for colorizing the alert. 58 | 59 | .alert-success { 60 | .alert-variant(@alert-success-bg; @alert-success-border; @alert-success-text); 61 | } 62 | 63 | .alert-info { 64 | .alert-variant(@alert-info-bg; @alert-info-border; @alert-info-text); 65 | } 66 | 67 | .alert-warning { 68 | .alert-variant(@alert-warning-bg; @alert-warning-border; @alert-warning-text); 69 | } 70 | 71 | .alert-danger { 72 | .alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text); 73 | } 74 | -------------------------------------------------------------------------------- /exampleSite/public/less/bootstrap/alerts.less: -------------------------------------------------------------------------------- 1 | // 2 | // Alerts 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base styles 7 | // ------------------------- 8 | 9 | .alert { 10 | padding: @alert-padding; 11 | margin-bottom: @line-height-computed; 12 | border: 1px solid transparent; 13 | border-radius: @alert-border-radius; 14 | 15 | // Headings for larger alerts 16 | h4 { 17 | margin-top: 0; 18 | // Specified for the h4 to prevent conflicts of changing @headings-color 19 | color: inherit; 20 | } 21 | 22 | // Provide class for links that match alerts 23 | .alert-link { 24 | font-weight: @alert-link-font-weight; 25 | } 26 | 27 | // Improve alignment and spacing of inner content 28 | > p, 29 | > ul { 30 | margin-bottom: 0; 31 | } 32 | 33 | > p + p { 34 | margin-top: 5px; 35 | } 36 | } 37 | 38 | // Dismissible alerts 39 | // 40 | // Expand the right padding and account for the close button's positioning. 41 | 42 | .alert-dismissable, // The misspelled .alert-dismissable was deprecated in 3.2.0. 43 | .alert-dismissible { 44 | padding-right: (@alert-padding + 20); 45 | 46 | // Adjust close link position 47 | .close { 48 | position: relative; 49 | top: -2px; 50 | right: -21px; 51 | color: inherit; 52 | } 53 | } 54 | 55 | // Alternate styles 56 | // 57 | // Generate contextual modifier classes for colorizing the alert. 58 | 59 | .alert-success { 60 | .alert-variant(@alert-success-bg; @alert-success-border; @alert-success-text); 61 | } 62 | 63 | .alert-info { 64 | .alert-variant(@alert-info-bg; @alert-info-border; @alert-info-text); 65 | } 66 | 67 | .alert-warning { 68 | .alert-variant(@alert-warning-bg; @alert-warning-border; @alert-warning-text); 69 | } 70 | 71 | .alert-danger { 72 | .alert-variant(@alert-danger-bg; @alert-danger-border; @alert-danger-text); 73 | } 74 | -------------------------------------------------------------------------------- /exampleSite/public/sitemap.xml: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | https://alexurquhart.github.io/hugo-geo/tutorial/getting-started/ 6 | 2016-03-04T00:00:00+00:00 7 | 8 | 9 | 10 | https://alexurquhart.github.io/hugo-geo/about/ 11 | 2015-07-28T09:51:51-04:00 12 | 13 | 14 | 15 | https://alexurquhart.github.io/hugo-geo/post/welcome/ 16 | 2015-07-28T09:32:45-04:00 17 | 18 | 19 | 20 | https://alexurquhart.github.io/hugo-geo/tags/blog/ 21 | 2015-07-28T09:32:45-04:00 22 | 0 23 | 24 | 25 | 26 | https://alexurquhart.github.io/hugo-geo/tags/hugo/ 27 | 2016-03-04T00:00:00+00:00 28 | 0 29 | 30 | 31 | 32 | https://alexurquhart.github.io/hugo-geo/ 33 | 2016-03-04T00:00:00+00:00 34 | 0 35 | 36 | 37 | 38 | https://alexurquhart.github.io/hugo-geo/post/ 39 | 2015-07-28T09:32:45-04:00 40 | 0 41 | 42 | 43 | 44 | https://alexurquhart.github.io/hugo-geo/tags/series/ 45 | 2016-03-04T00:00:00+00:00 46 | 0 47 | 48 | 49 | 50 | https://alexurquhart.github.io/hugo-geo/tags/ 51 | 0 52 | 53 | 54 | 55 | https://alexurquhart.github.io/hugo-geo/tags/tutorial/ 56 | 2016-03-04T00:00:00+00:00 57 | 0 58 | 59 | 60 | 61 | https://alexurquhart.github.io/hugo-geo/tutorial/ 62 | 2016-03-04T00:00:00+00:00 63 | 0 64 | 65 | 66 | -------------------------------------------------------------------------------- /layouts/partials/head.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | {{ if .IsPage }} 9 | 10 | 11 | {{ else }} 12 | 13 | {{ end }} 14 | 15 | 16 | 17 | {{ range .Params.tags }} 18 | 19 | {{ end }} 20 | {{ .Hugo.Generator }} 21 | {{ .Title }} · {{ .Site.Title }} 22 | {{ range .Params.css }} 23 | 24 | {{ end }} 25 | 26 | {{ if .Params.highlight }} 27 | 28 | {{ end }} 29 | 30 | {{ if .Site.RSSLink }} 31 | 32 | {{ end }} 33 | {{ if isset .Site.Params "favicon" }} 34 | 35 | {{ end }} 36 | 37 | 38 | 42 | 43 | 44 | -------------------------------------------------------------------------------- /static/less/bootstrap/progress-bars.less: -------------------------------------------------------------------------------- 1 | // 2 | // Progress bars 3 | // -------------------------------------------------- 4 | 5 | 6 | // Bar animations 7 | // ------------------------- 8 | 9 | // WebKit 10 | @-webkit-keyframes progress-bar-stripes { 11 | from { background-position: 40px 0; } 12 | to { background-position: 0 0; } 13 | } 14 | 15 | // Spec and IE10+ 16 | @keyframes progress-bar-stripes { 17 | from { background-position: 40px 0; } 18 | to { background-position: 0 0; } 19 | } 20 | 21 | 22 | // Bar itself 23 | // ------------------------- 24 | 25 | // Outer container 26 | .progress { 27 | overflow: hidden; 28 | height: @line-height-computed; 29 | margin-bottom: @line-height-computed; 30 | background-color: @progress-bg; 31 | border-radius: @progress-border-radius; 32 | .box-shadow(inset 0 1px 2px rgba(0,0,0,.1)); 33 | } 34 | 35 | // Bar of progress 36 | .progress-bar { 37 | float: left; 38 | width: 0%; 39 | height: 100%; 40 | font-size: @font-size-small; 41 | line-height: @line-height-computed; 42 | color: @progress-bar-color; 43 | text-align: center; 44 | background-color: @progress-bar-bg; 45 | .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15)); 46 | .transition(width .6s ease); 47 | } 48 | 49 | // Striped bars 50 | // 51 | // `.progress-striped .progress-bar` is deprecated as of v3.2.0 in favor of the 52 | // `.progress-bar-striped` class, which you just add to an existing 53 | // `.progress-bar`. 54 | .progress-striped .progress-bar, 55 | .progress-bar-striped { 56 | #gradient > .striped(); 57 | background-size: 40px 40px; 58 | } 59 | 60 | // Call animation for the active one 61 | // 62 | // `.progress.active .progress-bar` is deprecated as of v3.2.0 in favor of the 63 | // `.progress-bar.active` approach. 64 | .progress.active .progress-bar, 65 | .progress-bar.active { 66 | .animation(progress-bar-stripes 2s linear infinite); 67 | } 68 | 69 | 70 | // Variations 71 | // ------------------------- 72 | 73 | .progress-bar-success { 74 | .progress-bar-variant(@progress-bar-success-bg); 75 | } 76 | 77 | .progress-bar-info { 78 | .progress-bar-variant(@progress-bar-info-bg); 79 | } 80 | 81 | .progress-bar-warning { 82 | .progress-bar-variant(@progress-bar-warning-bg); 83 | } 84 | 85 | .progress-bar-danger { 86 | .progress-bar-variant(@progress-bar-danger-bg); 87 | } 88 | -------------------------------------------------------------------------------- /exampleSite/public/less/bootstrap/progress-bars.less: -------------------------------------------------------------------------------- 1 | // 2 | // Progress bars 3 | // -------------------------------------------------- 4 | 5 | 6 | // Bar animations 7 | // ------------------------- 8 | 9 | // WebKit 10 | @-webkit-keyframes progress-bar-stripes { 11 | from { background-position: 40px 0; } 12 | to { background-position: 0 0; } 13 | } 14 | 15 | // Spec and IE10+ 16 | @keyframes progress-bar-stripes { 17 | from { background-position: 40px 0; } 18 | to { background-position: 0 0; } 19 | } 20 | 21 | 22 | // Bar itself 23 | // ------------------------- 24 | 25 | // Outer container 26 | .progress { 27 | overflow: hidden; 28 | height: @line-height-computed; 29 | margin-bottom: @line-height-computed; 30 | background-color: @progress-bg; 31 | border-radius: @progress-border-radius; 32 | .box-shadow(inset 0 1px 2px rgba(0,0,0,.1)); 33 | } 34 | 35 | // Bar of progress 36 | .progress-bar { 37 | float: left; 38 | width: 0%; 39 | height: 100%; 40 | font-size: @font-size-small; 41 | line-height: @line-height-computed; 42 | color: @progress-bar-color; 43 | text-align: center; 44 | background-color: @progress-bar-bg; 45 | .box-shadow(inset 0 -1px 0 rgba(0,0,0,.15)); 46 | .transition(width .6s ease); 47 | } 48 | 49 | // Striped bars 50 | // 51 | // `.progress-striped .progress-bar` is deprecated as of v3.2.0 in favor of the 52 | // `.progress-bar-striped` class, which you just add to an existing 53 | // `.progress-bar`. 54 | .progress-striped .progress-bar, 55 | .progress-bar-striped { 56 | #gradient > .striped(); 57 | background-size: 40px 40px; 58 | } 59 | 60 | // Call animation for the active one 61 | // 62 | // `.progress.active .progress-bar` is deprecated as of v3.2.0 in favor of the 63 | // `.progress-bar.active` approach. 64 | .progress.active .progress-bar, 65 | .progress-bar.active { 66 | .animation(progress-bar-stripes 2s linear infinite); 67 | } 68 | 69 | 70 | // Variations 71 | // ------------------------- 72 | 73 | .progress-bar-success { 74 | .progress-bar-variant(@progress-bar-success-bg); 75 | } 76 | 77 | .progress-bar-info { 78 | .progress-bar-variant(@progress-bar-info-bg); 79 | } 80 | 81 | .progress-bar-warning { 82 | .progress-bar-variant(@progress-bar-warning-bg); 83 | } 84 | 85 | .progress-bar-danger { 86 | .progress-bar-variant(@progress-bar-danger-bg); 87 | } 88 | -------------------------------------------------------------------------------- /static/less/bootstrap/pagination.less: -------------------------------------------------------------------------------- 1 | // 2 | // Pagination (multiple pages) 3 | // -------------------------------------------------- 4 | .pagination { 5 | display: inline-block; 6 | padding-left: 0; 7 | margin: @line-height-computed 0; 8 | border-radius: @border-radius-base; 9 | 10 | > li { 11 | display: inline; // Remove list-style and block-level defaults 12 | > a, 13 | > span { 14 | position: relative; 15 | float: left; // Collapse white-space 16 | padding: @padding-base-vertical @padding-base-horizontal; 17 | line-height: @line-height-base; 18 | text-decoration: none; 19 | color: @pagination-color; 20 | background-color: @pagination-bg; 21 | border: 1px solid @pagination-border; 22 | margin-left: -1px; 23 | } 24 | &:first-child { 25 | > a, 26 | > span { 27 | margin-left: 0; 28 | .border-left-radius(@border-radius-base); 29 | } 30 | } 31 | &:last-child { 32 | > a, 33 | > span { 34 | .border-right-radius(@border-radius-base); 35 | } 36 | } 37 | } 38 | 39 | > li > a, 40 | > li > span { 41 | &:hover, 42 | &:focus { 43 | color: @pagination-hover-color; 44 | background-color: @pagination-hover-bg; 45 | border-color: @pagination-hover-border; 46 | } 47 | } 48 | 49 | > .active > a, 50 | > .active > span { 51 | &, 52 | &:hover, 53 | &:focus { 54 | z-index: 2; 55 | color: @pagination-active-color; 56 | background-color: @pagination-active-bg; 57 | border-color: @pagination-active-border; 58 | cursor: default; 59 | } 60 | } 61 | 62 | > .disabled { 63 | > span, 64 | > span:hover, 65 | > span:focus, 66 | > a, 67 | > a:hover, 68 | > a:focus { 69 | color: @pagination-disabled-color; 70 | background-color: @pagination-disabled-bg; 71 | border-color: @pagination-disabled-border; 72 | cursor: @cursor-disabled; 73 | } 74 | } 75 | } 76 | 77 | // Sizing 78 | // -------------------------------------------------- 79 | 80 | // Large 81 | .pagination-lg { 82 | .pagination-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @border-radius-large); 83 | } 84 | 85 | // Small 86 | .pagination-sm { 87 | .pagination-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @border-radius-small); 88 | } 89 | -------------------------------------------------------------------------------- /exampleSite/public/less/bootstrap/pagination.less: -------------------------------------------------------------------------------- 1 | // 2 | // Pagination (multiple pages) 3 | // -------------------------------------------------- 4 | .pagination { 5 | display: inline-block; 6 | padding-left: 0; 7 | margin: @line-height-computed 0; 8 | border-radius: @border-radius-base; 9 | 10 | > li { 11 | display: inline; // Remove list-style and block-level defaults 12 | > a, 13 | > span { 14 | position: relative; 15 | float: left; // Collapse white-space 16 | padding: @padding-base-vertical @padding-base-horizontal; 17 | line-height: @line-height-base; 18 | text-decoration: none; 19 | color: @pagination-color; 20 | background-color: @pagination-bg; 21 | border: 1px solid @pagination-border; 22 | margin-left: -1px; 23 | } 24 | &:first-child { 25 | > a, 26 | > span { 27 | margin-left: 0; 28 | .border-left-radius(@border-radius-base); 29 | } 30 | } 31 | &:last-child { 32 | > a, 33 | > span { 34 | .border-right-radius(@border-radius-base); 35 | } 36 | } 37 | } 38 | 39 | > li > a, 40 | > li > span { 41 | &:hover, 42 | &:focus { 43 | color: @pagination-hover-color; 44 | background-color: @pagination-hover-bg; 45 | border-color: @pagination-hover-border; 46 | } 47 | } 48 | 49 | > .active > a, 50 | > .active > span { 51 | &, 52 | &:hover, 53 | &:focus { 54 | z-index: 2; 55 | color: @pagination-active-color; 56 | background-color: @pagination-active-bg; 57 | border-color: @pagination-active-border; 58 | cursor: default; 59 | } 60 | } 61 | 62 | > .disabled { 63 | > span, 64 | > span:hover, 65 | > span:focus, 66 | > a, 67 | > a:hover, 68 | > a:focus { 69 | color: @pagination-disabled-color; 70 | background-color: @pagination-disabled-bg; 71 | border-color: @pagination-disabled-border; 72 | cursor: @cursor-disabled; 73 | } 74 | } 75 | } 76 | 77 | // Sizing 78 | // -------------------------------------------------- 79 | 80 | // Large 81 | .pagination-lg { 82 | .pagination-size(@padding-large-vertical; @padding-large-horizontal; @font-size-large; @border-radius-large); 83 | } 84 | 85 | // Small 86 | .pagination-sm { 87 | .pagination-size(@padding-small-vertical; @padding-small-horizontal; @font-size-small; @border-radius-small); 88 | } 89 | -------------------------------------------------------------------------------- /static/less/bootstrap/print.less: -------------------------------------------------------------------------------- 1 | /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ 2 | 3 | // ========================================================================== 4 | // Print styles. 5 | // Inlined to avoid the additional HTTP request: h5bp.com/r 6 | // ========================================================================== 7 | 8 | @media print { 9 | *, 10 | *:before, 11 | *:after { 12 | background: transparent !important; 13 | color: #000 !important; // Black prints faster: h5bp.com/s 14 | box-shadow: none !important; 15 | text-shadow: none !important; 16 | } 17 | 18 | a, 19 | a:visited { 20 | text-decoration: underline; 21 | } 22 | 23 | a[href]:after { 24 | content: " (" attr(href) ")"; 25 | } 26 | 27 | abbr[title]:after { 28 | content: " (" attr(title) ")"; 29 | } 30 | 31 | // Don't show links that are fragment identifiers, 32 | // or use the `javascript:` pseudo protocol 33 | a[href^="#"]:after, 34 | a[href^="javascript:"]:after { 35 | content: ""; 36 | } 37 | 38 | pre, 39 | blockquote { 40 | border: 1px solid #999; 41 | page-break-inside: avoid; 42 | } 43 | 44 | thead { 45 | display: table-header-group; // h5bp.com/t 46 | } 47 | 48 | tr, 49 | img { 50 | page-break-inside: avoid; 51 | } 52 | 53 | img { 54 | max-width: 100% !important; 55 | } 56 | 57 | p, 58 | h2, 59 | h3 { 60 | orphans: 3; 61 | widows: 3; 62 | } 63 | 64 | h2, 65 | h3 { 66 | page-break-after: avoid; 67 | } 68 | 69 | // Bootstrap specific changes start 70 | // 71 | // Chrome (OSX) fix for https://github.com/twbs/bootstrap/issues/11245 72 | // Once fixed, we can just straight up remove this. 73 | select { 74 | background: #fff !important; 75 | } 76 | 77 | // Bootstrap components 78 | .navbar { 79 | display: none; 80 | } 81 | .btn, 82 | .dropup > .btn { 83 | > .caret { 84 | border-top-color: #000 !important; 85 | } 86 | } 87 | .label { 88 | border: 1px solid #000; 89 | } 90 | 91 | .table { 92 | border-collapse: collapse !important; 93 | 94 | td, 95 | th { 96 | background-color: #fff !important; 97 | } 98 | } 99 | .table-bordered { 100 | th, 101 | td { 102 | border: 1px solid #ddd !important; 103 | } 104 | } 105 | 106 | // Bootstrap specific changes end 107 | } 108 | -------------------------------------------------------------------------------- /exampleSite/public/less/bootstrap/print.less: -------------------------------------------------------------------------------- 1 | /*! Source: https://github.com/h5bp/html5-boilerplate/blob/master/src/css/main.css */ 2 | 3 | // ========================================================================== 4 | // Print styles. 5 | // Inlined to avoid the additional HTTP request: h5bp.com/r 6 | // ========================================================================== 7 | 8 | @media print { 9 | *, 10 | *:before, 11 | *:after { 12 | background: transparent !important; 13 | color: #000 !important; // Black prints faster: h5bp.com/s 14 | box-shadow: none !important; 15 | text-shadow: none !important; 16 | } 17 | 18 | a, 19 | a:visited { 20 | text-decoration: underline; 21 | } 22 | 23 | a[href]:after { 24 | content: " (" attr(href) ")"; 25 | } 26 | 27 | abbr[title]:after { 28 | content: " (" attr(title) ")"; 29 | } 30 | 31 | // Don't show links that are fragment identifiers, 32 | // or use the `javascript:` pseudo protocol 33 | a[href^="#"]:after, 34 | a[href^="javascript:"]:after { 35 | content: ""; 36 | } 37 | 38 | pre, 39 | blockquote { 40 | border: 1px solid #999; 41 | page-break-inside: avoid; 42 | } 43 | 44 | thead { 45 | display: table-header-group; // h5bp.com/t 46 | } 47 | 48 | tr, 49 | img { 50 | page-break-inside: avoid; 51 | } 52 | 53 | img { 54 | max-width: 100% !important; 55 | } 56 | 57 | p, 58 | h2, 59 | h3 { 60 | orphans: 3; 61 | widows: 3; 62 | } 63 | 64 | h2, 65 | h3 { 66 | page-break-after: avoid; 67 | } 68 | 69 | // Bootstrap specific changes start 70 | // 71 | // Chrome (OSX) fix for https://github.com/twbs/bootstrap/issues/11245 72 | // Once fixed, we can just straight up remove this. 73 | select { 74 | background: #fff !important; 75 | } 76 | 77 | // Bootstrap components 78 | .navbar { 79 | display: none; 80 | } 81 | .btn, 82 | .dropup > .btn { 83 | > .caret { 84 | border-top-color: #000 !important; 85 | } 86 | } 87 | .label { 88 | border: 1px solid #000; 89 | } 90 | 91 | .table { 92 | border-collapse: collapse !important; 93 | 94 | td, 95 | th { 96 | background-color: #fff !important; 97 | } 98 | } 99 | .table-bordered { 100 | th, 101 | td { 102 | border: 1px solid #ddd !important; 103 | } 104 | } 105 | 106 | // Bootstrap specific changes end 107 | } 108 | -------------------------------------------------------------------------------- /static/less/bootstrap/mixins/forms.less: -------------------------------------------------------------------------------- 1 | // Form validation states 2 | // 3 | // Used in forms.less to generate the form validation CSS for warnings, errors, 4 | // and successes. 5 | 6 | .form-control-validation(@text-color: #555; @border-color: #ccc; @background-color: #f5f5f5) { 7 | // Color the label and help text 8 | .help-block, 9 | .control-label, 10 | .radio, 11 | .checkbox, 12 | .radio-inline, 13 | .checkbox-inline, 14 | &.radio label, 15 | &.checkbox label, 16 | &.radio-inline label, 17 | &.checkbox-inline label { 18 | color: @text-color; 19 | } 20 | // Set the border and box shadow on specific inputs to match 21 | .form-control { 22 | border-color: @border-color; 23 | .box-shadow(inset 0 1px 1px rgba(0,0,0,.075)); // Redeclare so transitions work 24 | &:focus { 25 | border-color: darken(@border-color, 10%); 26 | @shadow: inset 0 1px 1px rgba(0,0,0,.075), 0 0 6px lighten(@border-color, 20%); 27 | .box-shadow(@shadow); 28 | } 29 | } 30 | // Set validation states also for addons 31 | .input-group-addon { 32 | color: @text-color; 33 | border-color: @border-color; 34 | background-color: @background-color; 35 | } 36 | // Optional feedback icon 37 | .form-control-feedback { 38 | color: @text-color; 39 | } 40 | } 41 | 42 | 43 | // Form control focus state 44 | // 45 | // Generate a customized focus state and for any input with the specified color, 46 | // which defaults to the `@input-border-focus` variable. 47 | // 48 | // We highly encourage you to not customize the default value, but instead use 49 | // this to tweak colors on an as-needed basis. This aesthetic change is based on 50 | // WebKit's default styles, but applicable to a wider range of browsers. Its 51 | // usability and accessibility should be taken into account with any change. 52 | // 53 | // Example usage: change the default blue border and shadow to white for better 54 | // contrast against a dark gray background. 55 | .form-control-focus(@color: @input-border-focus) { 56 | @color-rgba: rgba(red(@color), green(@color), blue(@color), .6); 57 | &:focus { 58 | border-color: @color; 59 | outline: 0; 60 | .box-shadow(~"inset 0 1px 1px rgba(0,0,0,.075), 0 0 8px @{color-rgba}"); 61 | } 62 | } 63 | 64 | // Form control sizing 65 | // 66 | // Relative text size, padding, and border-radii changes for form controls. For 67 | // horizontal sizing, wrap controls in the predefined grid classes. `` 68 | // element gets special love because it's special, and that's a fact! 69 | .input-size(@input-height; @padding-vertical; @padding-horizontal; @font-size; @line-height; @border-radius) { 70 | height: @input-height; 71 | padding: @padding-vertical @padding-horizontal; 72 | font-size: @font-size; 73 | line-height: @line-height; 74 | border-radius: @border-radius; 75 | 76 | select& { 77 | height: @input-height; 78 | line-height: @input-height; 79 | } 80 | 81 | textarea&, 82 | select[multiple]& { 83 | height: auto; 84 | } 85 | } 86 | -------------------------------------------------------------------------------- /static/less/bootstrap/mixins/grid-framework.less: -------------------------------------------------------------------------------- 1 | // Framework grid generation 2 | // 3 | // Used only by Bootstrap to generate the correct number of grid classes given 4 | // any value of `@grid-columns`. 5 | 6 | .make-grid-columns() { 7 | // Common styles for all sizes of grid columns, widths 1-12 8 | .col(@index) { // initial 9 | @item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}"; 10 | .col((@index + 1), @item); 11 | } 12 | .col(@index, @list) when (@index =< @grid-columns) { // general; "=<" isn't a typo 13 | @item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}"; 14 | .col((@index + 1), ~"@{list}, @{item}"); 15 | } 16 | .col(@index, @list) when (@index > @grid-columns) { // terminal 17 | @{list} { 18 | position: relative; 19 | // Prevent columns from collapsing when empty 20 | min-height: 1px; 21 | // Inner gutter via padding 22 | padding-left: (@grid-gutter-width / 2); 23 | padding-right: (@grid-gutter-width / 2); 24 | } 25 | } 26 | .col(1); // kickstart it 27 | } 28 | 29 | .float-grid-columns(@class) { 30 | .col(@index) { // initial 31 | @item: ~".col-@{class}-@{index}"; 32 | .col((@index + 1), @item); 33 | } 34 | .col(@index, @list) when (@index =< @grid-columns) { // general 35 | @item: ~".col-@{class}-@{index}"; 36 | .col((@index + 1), ~"@{list}, @{item}"); 37 | } 38 | .col(@index, @list) when (@index > @grid-columns) { // terminal 39 | @{list} { 40 | float: left; 41 | } 42 | } 43 | .col(1); // kickstart it 44 | } 45 | 46 | .calc-grid-column(@index, @class, @type) when (@type = width) and (@index > 0) { 47 | .col-@{class}-@{index} { 48 | width: percentage((@index / @grid-columns)); 49 | } 50 | } 51 | .calc-grid-column(@index, @class, @type) when (@type = push) and (@index > 0) { 52 | .col-@{class}-push-@{index} { 53 | left: percentage((@index / @grid-columns)); 54 | } 55 | } 56 | .calc-grid-column(@index, @class, @type) when (@type = push) and (@index = 0) { 57 | .col-@{class}-push-0 { 58 | left: auto; 59 | } 60 | } 61 | .calc-grid-column(@index, @class, @type) when (@type = pull) and (@index > 0) { 62 | .col-@{class}-pull-@{index} { 63 | right: percentage((@index / @grid-columns)); 64 | } 65 | } 66 | .calc-grid-column(@index, @class, @type) when (@type = pull) and (@index = 0) { 67 | .col-@{class}-pull-0 { 68 | right: auto; 69 | } 70 | } 71 | .calc-grid-column(@index, @class, @type) when (@type = offset) { 72 | .col-@{class}-offset-@{index} { 73 | margin-left: percentage((@index / @grid-columns)); 74 | } 75 | } 76 | 77 | // Basic looping in LESS 78 | .loop-grid-columns(@index, @class, @type) when (@index >= 0) { 79 | .calc-grid-column(@index, @class, @type); 80 | // next iteration 81 | .loop-grid-columns((@index - 1), @class, @type); 82 | } 83 | 84 | // Create grid for specific class 85 | .make-grid(@class) { 86 | .float-grid-columns(@class); 87 | .loop-grid-columns(@grid-columns, @class, width); 88 | .loop-grid-columns(@grid-columns, @class, pull); 89 | .loop-grid-columns(@grid-columns, @class, push); 90 | .loop-grid-columns(@grid-columns, @class, offset); 91 | } 92 | -------------------------------------------------------------------------------- /exampleSite/public/less/bootstrap/mixins/grid-framework.less: -------------------------------------------------------------------------------- 1 | // Framework grid generation 2 | // 3 | // Used only by Bootstrap to generate the correct number of grid classes given 4 | // any value of `@grid-columns`. 5 | 6 | .make-grid-columns() { 7 | // Common styles for all sizes of grid columns, widths 1-12 8 | .col(@index) { // initial 9 | @item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}"; 10 | .col((@index + 1), @item); 11 | } 12 | .col(@index, @list) when (@index =< @grid-columns) { // general; "=<" isn't a typo 13 | @item: ~".col-xs-@{index}, .col-sm-@{index}, .col-md-@{index}, .col-lg-@{index}"; 14 | .col((@index + 1), ~"@{list}, @{item}"); 15 | } 16 | .col(@index, @list) when (@index > @grid-columns) { // terminal 17 | @{list} { 18 | position: relative; 19 | // Prevent columns from collapsing when empty 20 | min-height: 1px; 21 | // Inner gutter via padding 22 | padding-left: (@grid-gutter-width / 2); 23 | padding-right: (@grid-gutter-width / 2); 24 | } 25 | } 26 | .col(1); // kickstart it 27 | } 28 | 29 | .float-grid-columns(@class) { 30 | .col(@index) { // initial 31 | @item: ~".col-@{class}-@{index}"; 32 | .col((@index + 1), @item); 33 | } 34 | .col(@index, @list) when (@index =< @grid-columns) { // general 35 | @item: ~".col-@{class}-@{index}"; 36 | .col((@index + 1), ~"@{list}, @{item}"); 37 | } 38 | .col(@index, @list) when (@index > @grid-columns) { // terminal 39 | @{list} { 40 | float: left; 41 | } 42 | } 43 | .col(1); // kickstart it 44 | } 45 | 46 | .calc-grid-column(@index, @class, @type) when (@type = width) and (@index > 0) { 47 | .col-@{class}-@{index} { 48 | width: percentage((@index / @grid-columns)); 49 | } 50 | } 51 | .calc-grid-column(@index, @class, @type) when (@type = push) and (@index > 0) { 52 | .col-@{class}-push-@{index} { 53 | left: percentage((@index / @grid-columns)); 54 | } 55 | } 56 | .calc-grid-column(@index, @class, @type) when (@type = push) and (@index = 0) { 57 | .col-@{class}-push-0 { 58 | left: auto; 59 | } 60 | } 61 | .calc-grid-column(@index, @class, @type) when (@type = pull) and (@index > 0) { 62 | .col-@{class}-pull-@{index} { 63 | right: percentage((@index / @grid-columns)); 64 | } 65 | } 66 | .calc-grid-column(@index, @class, @type) when (@type = pull) and (@index = 0) { 67 | .col-@{class}-pull-0 { 68 | right: auto; 69 | } 70 | } 71 | .calc-grid-column(@index, @class, @type) when (@type = offset) { 72 | .col-@{class}-offset-@{index} { 73 | margin-left: percentage((@index / @grid-columns)); 74 | } 75 | } 76 | 77 | // Basic looping in LESS 78 | .loop-grid-columns(@index, @class, @type) when (@index >= 0) { 79 | .calc-grid-column(@index, @class, @type); 80 | // next iteration 81 | .loop-grid-columns((@index - 1), @class, @type); 82 | } 83 | 84 | // Create grid for specific class 85 | .make-grid(@class) { 86 | .float-grid-columns(@class); 87 | .loop-grid-columns(@grid-columns, @class, width); 88 | .loop-grid-columns(@grid-columns, @class, pull); 89 | .loop-grid-columns(@grid-columns, @class, push); 90 | .loop-grid-columns(@grid-columns, @class, offset); 91 | } 92 | -------------------------------------------------------------------------------- /static/less/style.less: -------------------------------------------------------------------------------- 1 | @import "bootstrap/bootstrap.less"; 2 | @import "bootstrap.less"; 3 | @import "geo.less"; 4 | 5 | html, body, #content, #menu, .container-fluid, .row { 6 | height: 100%; 7 | } 8 | 9 | html, body { 10 | overflow-y: hidden; 11 | } 12 | 13 | body { 14 | font-weight: 300; 15 | } 16 | 17 | @media (max-width: @screen-xs-max) { 18 | body { 19 | margin-top: 50px; 20 | padding-bottom: 50px; 21 | } 22 | } 23 | 24 | a:hover, a:active { 25 | text-decoration: none; 26 | } 27 | 28 | /* 29 | SIDEBAR MENU 30 | */ 31 | 32 | #menu { 33 | background-color: darken(@sidebar-base, 15%); 34 | #gradient.radial(darken(@sidebar-base, 10%); darken(@sidebar-base, 20%)); 35 | border-top: 5px solid @brand-danger; 36 | } 37 | 38 | #menu-content h1 a { 39 | color: @light-primary; 40 | } 41 | 42 | #menu-content h1, #menu-content small { 43 | text-transform: uppercase; 44 | } 45 | 46 | #menu-content small { 47 | font-family: @headings-font-family; 48 | color: @light-primary; 49 | margin-bottom: 15PX; 50 | } 51 | 52 | #profile-pic { 53 | width: 70%; 54 | border: 5px solid darken(@sidebar-base, 35%); 55 | box-shadow: 0px 0px 10px black; 56 | } 57 | 58 | #social, #links { 59 | margin-top: 10px; 60 | } 61 | 62 | #social i { 63 | margin-left: 10px; 64 | } 65 | 66 | #links a, #links .active { 67 | font-family: @headings-font-family; 68 | color: @light-primary; 69 | letter-spacing: 2px; 70 | margin-left: 10px; 71 | } 72 | 73 | #links a:hover, #links a:focus, #social a:hover, #social a:focus, #menu-content h1 a:hover, #menu-content h1 a:focus { 74 | text-decoration: none; 75 | color: lighten(@sidebar-base, 25%); 76 | } 77 | 78 | #links .active { 79 | color: #FFF; 80 | } 81 | 82 | /* 83 | MAIN POST CONTENT 84 | */ 85 | 86 | #content { 87 | border-top: 5px solid lighten(@brand-success, 10%); 88 | overflow-y: auto; 89 | } 90 | 91 | .vertical-align { 92 | position: relative; 93 | top: 50%; 94 | -webkit-transform: translateY(-50%); 95 | -ms-transform: translateY(-50%); 96 | transform: translateY(-50%); 97 | } 98 | 99 | .navbar { 100 | font-family: @headings-font-family; 101 | letter-spacing: 2px; 102 | } 103 | 104 | #bottom-nav { 105 | padding-bottom: 15px; 106 | } 107 | 108 | .thumbnail { 109 | .img-thumbnail(); 110 | margin: 10px; 111 | } 112 | 113 | .img-label { 114 | font-family: @font-family-sans-serif; 115 | } 116 | 117 | pre { 118 | font-size: 0.85em; 119 | } 120 | 121 | /* 122 | Panels for summaries 123 | */ 124 | 125 | .panel-footer { 126 | border: none; 127 | padding: 12.5px 0 12.5px 0; 128 | } 129 | 130 | .panel-footer a:first-child { 131 | padding-left: 0px; 132 | } 133 | 134 | .panel-footer a { 135 | padding-left: 0.5em; 136 | } 137 | 138 | .panel-footer .label-success:hover { 139 | background-color: darken(@brand-success, 5%); 140 | } 141 | 142 | .panel-header a { 143 | color: lighten(@headings-color, 10%); 144 | text-decoration: none; 145 | } 146 | 147 | .panel-header a:hover { 148 | color: lighten(@headings-color, 25%); 149 | } 150 | 151 | .label { 152 | font-family: 'helvetica', sans-serif; 153 | font-weight: normal; 154 | } 155 | 156 | /* 157 | Syntax Highlighting 158 | */ 159 | 160 | .hljs { 161 | background-color: transparent; 162 | } 163 | 164 | pre { 165 | background-color: white; 166 | } -------------------------------------------------------------------------------- /exampleSite/public/less/style.less: -------------------------------------------------------------------------------- 1 | @import "bootstrap/bootstrap.less"; 2 | @import "bootstrap.less"; 3 | @import "geo.less"; 4 | 5 | html, body, #content, #menu, .container-fluid, .row { 6 | height: 100%; 7 | } 8 | 9 | html, body { 10 | overflow-y: hidden; 11 | } 12 | 13 | body { 14 | font-weight: 300; 15 | } 16 | 17 | @media (max-width: @screen-xs-max) { 18 | body { 19 | margin-top: 50px; 20 | padding-bottom: 50px; 21 | } 22 | } 23 | 24 | a:hover, a:active { 25 | text-decoration: none; 26 | } 27 | 28 | /* 29 | SIDEBAR MENU 30 | */ 31 | 32 | #menu { 33 | background-color: darken(@sidebar-base, 15%); 34 | #gradient.radial(darken(@sidebar-base, 10%); darken(@sidebar-base, 20%)); 35 | border-top: 5px solid @brand-danger; 36 | } 37 | 38 | #menu-content h1 a { 39 | color: @light-primary; 40 | } 41 | 42 | #menu-content h1, #menu-content small { 43 | text-transform: uppercase; 44 | } 45 | 46 | #menu-content small { 47 | font-family: @headings-font-family; 48 | color: @light-primary; 49 | margin-bottom: 15PX; 50 | } 51 | 52 | #profile-pic { 53 | width: 70%; 54 | border: 5px solid darken(@sidebar-base, 35%); 55 | box-shadow: 0px 0px 10px black; 56 | } 57 | 58 | #social, #links { 59 | margin-top: 10px; 60 | } 61 | 62 | #social i { 63 | margin-left: 10px; 64 | } 65 | 66 | #links a, #links .active { 67 | font-family: @headings-font-family; 68 | color: @light-primary; 69 | letter-spacing: 2px; 70 | margin-left: 10px; 71 | } 72 | 73 | #links a:hover, #links a:focus, #social a:hover, #social a:focus, #menu-content h1 a:hover, #menu-content h1 a:focus { 74 | text-decoration: none; 75 | color: lighten(@sidebar-base, 25%); 76 | } 77 | 78 | #links .active { 79 | color: #FFF; 80 | } 81 | 82 | /* 83 | MAIN POST CONTENT 84 | */ 85 | 86 | #content { 87 | border-top: 5px solid lighten(@brand-success, 10%); 88 | overflow-y: auto; 89 | } 90 | 91 | .vertical-align { 92 | position: relative; 93 | top: 50%; 94 | -webkit-transform: translateY(-50%); 95 | -ms-transform: translateY(-50%); 96 | transform: translateY(-50%); 97 | } 98 | 99 | .navbar { 100 | font-family: @headings-font-family; 101 | letter-spacing: 2px; 102 | } 103 | 104 | #bottom-nav { 105 | padding-bottom: 15px; 106 | } 107 | 108 | .thumbnail { 109 | .img-thumbnail(); 110 | margin: 10px; 111 | } 112 | 113 | .img-label { 114 | font-family: @font-family-sans-serif; 115 | } 116 | 117 | pre { 118 | font-size: 0.85em; 119 | } 120 | 121 | /* 122 | Panels for summaries 123 | */ 124 | 125 | .panel-footer { 126 | border: none; 127 | padding: 12.5px 0 12.5px 0; 128 | } 129 | 130 | .panel-footer a:first-child { 131 | padding-left: 0px; 132 | } 133 | 134 | .panel-footer a { 135 | padding-left: 0.5em; 136 | } 137 | 138 | .panel-footer .label-success:hover { 139 | background-color: darken(@brand-success, 5%); 140 | } 141 | 142 | .panel-header a { 143 | color: lighten(@headings-color, 10%); 144 | text-decoration: none; 145 | } 146 | 147 | .panel-header a:hover { 148 | color: lighten(@headings-color, 25%); 149 | } 150 | 151 | .label { 152 | font-family: 'helvetica', sans-serif; 153 | font-weight: normal; 154 | } 155 | 156 | /* 157 | Syntax Highlighting 158 | */ 159 | 160 | .hljs { 161 | background-color: transparent; 162 | } 163 | 164 | pre { 165 | background-color: white; 166 | } -------------------------------------------------------------------------------- /static/less/bootstrap/scaffolding.less: -------------------------------------------------------------------------------- 1 | // 2 | // Scaffolding 3 | // -------------------------------------------------- 4 | 5 | 6 | // Reset the box-sizing 7 | // 8 | // Heads up! This reset may cause conflicts with some third-party widgets. 9 | // For recommendations on resolving such conflicts, see 10 | // http://getbootstrap.com/getting-started/#third-box-sizing 11 | * { 12 | .box-sizing(border-box); 13 | } 14 | *:before, 15 | *:after { 16 | .box-sizing(border-box); 17 | } 18 | 19 | 20 | // Body reset 21 | 22 | html { 23 | font-size: 10px; 24 | -webkit-tap-highlight-color: rgba(0,0,0,0); 25 | } 26 | 27 | body { 28 | font-family: @font-family-base; 29 | font-size: @font-size-base; 30 | line-height: @line-height-base; 31 | color: @text-color; 32 | background-color: @body-bg; 33 | } 34 | 35 | // Reset fonts for relevant elements 36 | input, 37 | button, 38 | select, 39 | textarea { 40 | font-family: inherit; 41 | font-size: inherit; 42 | line-height: inherit; 43 | } 44 | 45 | 46 | // Links 47 | 48 | a { 49 | color: @link-color; 50 | text-decoration: none; 51 | 52 | &:hover, 53 | &:focus { 54 | color: @link-hover-color; 55 | text-decoration: @link-hover-decoration; 56 | } 57 | 58 | &:focus { 59 | .tab-focus(); 60 | } 61 | } 62 | 63 | 64 | // Figures 65 | // 66 | // We reset this here because previously Normalize had no `figure` margins. This 67 | // ensures we don't break anyone's use of the element. 68 | 69 | figure { 70 | margin: 0; 71 | } 72 | 73 | 74 | // Images 75 | 76 | img { 77 | vertical-align: middle; 78 | } 79 | 80 | // Responsive images (ensure images don't scale beyond their parents) 81 | .img-responsive { 82 | .img-responsive(); 83 | } 84 | 85 | // Rounded corners 86 | .img-rounded { 87 | border-radius: @border-radius-large; 88 | } 89 | 90 | // Image thumbnails 91 | // 92 | // Heads up! This is mixin-ed into thumbnails.less for `.thumbnail`. 93 | .img-thumbnail { 94 | padding: @thumbnail-padding; 95 | line-height: @line-height-base; 96 | background-color: @thumbnail-bg; 97 | border: 1px solid @thumbnail-border; 98 | border-radius: @thumbnail-border-radius; 99 | .transition(all .2s ease-in-out); 100 | 101 | // Keep them at most 100% wide 102 | .img-responsive(inline-block); 103 | } 104 | 105 | // Perfect circle 106 | .img-circle { 107 | border-radius: 50%; // set radius in percents 108 | } 109 | 110 | 111 | // Horizontal rules 112 | 113 | hr { 114 | margin-top: @line-height-computed; 115 | margin-bottom: @line-height-computed; 116 | border: 0; 117 | border-top: 1px solid @hr-border; 118 | } 119 | 120 | 121 | // Only display content to screen readers 122 | // 123 | // See: http://a11yproject.com/posts/how-to-hide-content/ 124 | 125 | .sr-only { 126 | position: absolute; 127 | width: 1px; 128 | height: 1px; 129 | margin: -1px; 130 | padding: 0; 131 | overflow: hidden; 132 | clip: rect(0,0,0,0); 133 | border: 0; 134 | } 135 | 136 | // Use in conjunction with .sr-only to only display content when it's focused. 137 | // Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1 138 | // Credit: HTML5 Boilerplate 139 | 140 | .sr-only-focusable { 141 | &:active, 142 | &:focus { 143 | position: static; 144 | width: auto; 145 | height: auto; 146 | margin: 0; 147 | overflow: visible; 148 | clip: auto; 149 | } 150 | } 151 | -------------------------------------------------------------------------------- /exampleSite/public/less/bootstrap/scaffolding.less: -------------------------------------------------------------------------------- 1 | // 2 | // Scaffolding 3 | // -------------------------------------------------- 4 | 5 | 6 | // Reset the box-sizing 7 | // 8 | // Heads up! This reset may cause conflicts with some third-party widgets. 9 | // For recommendations on resolving such conflicts, see 10 | // http://getbootstrap.com/getting-started/#third-box-sizing 11 | * { 12 | .box-sizing(border-box); 13 | } 14 | *:before, 15 | *:after { 16 | .box-sizing(border-box); 17 | } 18 | 19 | 20 | // Body reset 21 | 22 | html { 23 | font-size: 10px; 24 | -webkit-tap-highlight-color: rgba(0,0,0,0); 25 | } 26 | 27 | body { 28 | font-family: @font-family-base; 29 | font-size: @font-size-base; 30 | line-height: @line-height-base; 31 | color: @text-color; 32 | background-color: @body-bg; 33 | } 34 | 35 | // Reset fonts for relevant elements 36 | input, 37 | button, 38 | select, 39 | textarea { 40 | font-family: inherit; 41 | font-size: inherit; 42 | line-height: inherit; 43 | } 44 | 45 | 46 | // Links 47 | 48 | a { 49 | color: @link-color; 50 | text-decoration: none; 51 | 52 | &:hover, 53 | &:focus { 54 | color: @link-hover-color; 55 | text-decoration: @link-hover-decoration; 56 | } 57 | 58 | &:focus { 59 | .tab-focus(); 60 | } 61 | } 62 | 63 | 64 | // Figures 65 | // 66 | // We reset this here because previously Normalize had no `figure` margins. This 67 | // ensures we don't break anyone's use of the element. 68 | 69 | figure { 70 | margin: 0; 71 | } 72 | 73 | 74 | // Images 75 | 76 | img { 77 | vertical-align: middle; 78 | } 79 | 80 | // Responsive images (ensure images don't scale beyond their parents) 81 | .img-responsive { 82 | .img-responsive(); 83 | } 84 | 85 | // Rounded corners 86 | .img-rounded { 87 | border-radius: @border-radius-large; 88 | } 89 | 90 | // Image thumbnails 91 | // 92 | // Heads up! This is mixin-ed into thumbnails.less for `.thumbnail`. 93 | .img-thumbnail { 94 | padding: @thumbnail-padding; 95 | line-height: @line-height-base; 96 | background-color: @thumbnail-bg; 97 | border: 1px solid @thumbnail-border; 98 | border-radius: @thumbnail-border-radius; 99 | .transition(all .2s ease-in-out); 100 | 101 | // Keep them at most 100% wide 102 | .img-responsive(inline-block); 103 | } 104 | 105 | // Perfect circle 106 | .img-circle { 107 | border-radius: 50%; // set radius in percents 108 | } 109 | 110 | 111 | // Horizontal rules 112 | 113 | hr { 114 | margin-top: @line-height-computed; 115 | margin-bottom: @line-height-computed; 116 | border: 0; 117 | border-top: 1px solid @hr-border; 118 | } 119 | 120 | 121 | // Only display content to screen readers 122 | // 123 | // See: http://a11yproject.com/posts/how-to-hide-content/ 124 | 125 | .sr-only { 126 | position: absolute; 127 | width: 1px; 128 | height: 1px; 129 | margin: -1px; 130 | padding: 0; 131 | overflow: hidden; 132 | clip: rect(0,0,0,0); 133 | border: 0; 134 | } 135 | 136 | // Use in conjunction with .sr-only to only display content when it's focused. 137 | // Useful for "Skip to main content" links; see http://www.w3.org/TR/2013/NOTE-WCAG20-TECHS-20130905/G1 138 | // Credit: HTML5 Boilerplate 139 | 140 | .sr-only-focusable { 141 | &:active, 142 | &:focus { 143 | position: static; 144 | width: auto; 145 | height: auto; 146 | margin: 0; 147 | overflow: visible; 148 | clip: auto; 149 | } 150 | } 151 | -------------------------------------------------------------------------------- /static/less/bootstrap/tooltip.less: -------------------------------------------------------------------------------- 1 | // 2 | // Tooltips 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base class 7 | .tooltip { 8 | position: absolute; 9 | z-index: @zindex-tooltip; 10 | display: block; 11 | visibility: visible; 12 | // Reset font and text properties given new insertion method 13 | font-family: @font-family-base; 14 | font-size: @font-size-small; 15 | font-weight: normal; 16 | line-height: 1.4; 17 | .opacity(0); 18 | 19 | &.in { .opacity(@tooltip-opacity); } 20 | &.top { margin-top: -3px; padding: @tooltip-arrow-width 0; } 21 | &.right { margin-left: 3px; padding: 0 @tooltip-arrow-width; } 22 | &.bottom { margin-top: 3px; padding: @tooltip-arrow-width 0; } 23 | &.left { margin-left: -3px; padding: 0 @tooltip-arrow-width; } 24 | } 25 | 26 | // Wrapper for the tooltip content 27 | .tooltip-inner { 28 | max-width: @tooltip-max-width; 29 | padding: 3px 8px; 30 | color: @tooltip-color; 31 | text-align: center; 32 | text-decoration: none; 33 | background-color: @tooltip-bg; 34 | border-radius: @border-radius-base; 35 | } 36 | 37 | // Arrows 38 | .tooltip-arrow { 39 | position: absolute; 40 | width: 0; 41 | height: 0; 42 | border-color: transparent; 43 | border-style: solid; 44 | } 45 | // Note: Deprecated .top-left, .top-right, .bottom-left, and .bottom-right as of v3.3.1 46 | .tooltip { 47 | &.top .tooltip-arrow { 48 | bottom: 0; 49 | left: 50%; 50 | margin-left: -@tooltip-arrow-width; 51 | border-width: @tooltip-arrow-width @tooltip-arrow-width 0; 52 | border-top-color: @tooltip-arrow-color; 53 | } 54 | &.top-left .tooltip-arrow { 55 | bottom: 0; 56 | right: @tooltip-arrow-width; 57 | margin-bottom: -@tooltip-arrow-width; 58 | border-width: @tooltip-arrow-width @tooltip-arrow-width 0; 59 | border-top-color: @tooltip-arrow-color; 60 | } 61 | &.top-right .tooltip-arrow { 62 | bottom: 0; 63 | left: @tooltip-arrow-width; 64 | margin-bottom: -@tooltip-arrow-width; 65 | border-width: @tooltip-arrow-width @tooltip-arrow-width 0; 66 | border-top-color: @tooltip-arrow-color; 67 | } 68 | &.right .tooltip-arrow { 69 | top: 50%; 70 | left: 0; 71 | margin-top: -@tooltip-arrow-width; 72 | border-width: @tooltip-arrow-width @tooltip-arrow-width @tooltip-arrow-width 0; 73 | border-right-color: @tooltip-arrow-color; 74 | } 75 | &.left .tooltip-arrow { 76 | top: 50%; 77 | right: 0; 78 | margin-top: -@tooltip-arrow-width; 79 | border-width: @tooltip-arrow-width 0 @tooltip-arrow-width @tooltip-arrow-width; 80 | border-left-color: @tooltip-arrow-color; 81 | } 82 | &.bottom .tooltip-arrow { 83 | top: 0; 84 | left: 50%; 85 | margin-left: -@tooltip-arrow-width; 86 | border-width: 0 @tooltip-arrow-width @tooltip-arrow-width; 87 | border-bottom-color: @tooltip-arrow-color; 88 | } 89 | &.bottom-left .tooltip-arrow { 90 | top: 0; 91 | right: @tooltip-arrow-width; 92 | margin-top: -@tooltip-arrow-width; 93 | border-width: 0 @tooltip-arrow-width @tooltip-arrow-width; 94 | border-bottom-color: @tooltip-arrow-color; 95 | } 96 | &.bottom-right .tooltip-arrow { 97 | top: 0; 98 | left: @tooltip-arrow-width; 99 | margin-top: -@tooltip-arrow-width; 100 | border-width: 0 @tooltip-arrow-width @tooltip-arrow-width; 101 | border-bottom-color: @tooltip-arrow-color; 102 | } 103 | } 104 | -------------------------------------------------------------------------------- /exampleSite/public/less/bootstrap/tooltip.less: -------------------------------------------------------------------------------- 1 | // 2 | // Tooltips 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base class 7 | .tooltip { 8 | position: absolute; 9 | z-index: @zindex-tooltip; 10 | display: block; 11 | visibility: visible; 12 | // Reset font and text properties given new insertion method 13 | font-family: @font-family-base; 14 | font-size: @font-size-small; 15 | font-weight: normal; 16 | line-height: 1.4; 17 | .opacity(0); 18 | 19 | &.in { .opacity(@tooltip-opacity); } 20 | &.top { margin-top: -3px; padding: @tooltip-arrow-width 0; } 21 | &.right { margin-left: 3px; padding: 0 @tooltip-arrow-width; } 22 | &.bottom { margin-top: 3px; padding: @tooltip-arrow-width 0; } 23 | &.left { margin-left: -3px; padding: 0 @tooltip-arrow-width; } 24 | } 25 | 26 | // Wrapper for the tooltip content 27 | .tooltip-inner { 28 | max-width: @tooltip-max-width; 29 | padding: 3px 8px; 30 | color: @tooltip-color; 31 | text-align: center; 32 | text-decoration: none; 33 | background-color: @tooltip-bg; 34 | border-radius: @border-radius-base; 35 | } 36 | 37 | // Arrows 38 | .tooltip-arrow { 39 | position: absolute; 40 | width: 0; 41 | height: 0; 42 | border-color: transparent; 43 | border-style: solid; 44 | } 45 | // Note: Deprecated .top-left, .top-right, .bottom-left, and .bottom-right as of v3.3.1 46 | .tooltip { 47 | &.top .tooltip-arrow { 48 | bottom: 0; 49 | left: 50%; 50 | margin-left: -@tooltip-arrow-width; 51 | border-width: @tooltip-arrow-width @tooltip-arrow-width 0; 52 | border-top-color: @tooltip-arrow-color; 53 | } 54 | &.top-left .tooltip-arrow { 55 | bottom: 0; 56 | right: @tooltip-arrow-width; 57 | margin-bottom: -@tooltip-arrow-width; 58 | border-width: @tooltip-arrow-width @tooltip-arrow-width 0; 59 | border-top-color: @tooltip-arrow-color; 60 | } 61 | &.top-right .tooltip-arrow { 62 | bottom: 0; 63 | left: @tooltip-arrow-width; 64 | margin-bottom: -@tooltip-arrow-width; 65 | border-width: @tooltip-arrow-width @tooltip-arrow-width 0; 66 | border-top-color: @tooltip-arrow-color; 67 | } 68 | &.right .tooltip-arrow { 69 | top: 50%; 70 | left: 0; 71 | margin-top: -@tooltip-arrow-width; 72 | border-width: @tooltip-arrow-width @tooltip-arrow-width @tooltip-arrow-width 0; 73 | border-right-color: @tooltip-arrow-color; 74 | } 75 | &.left .tooltip-arrow { 76 | top: 50%; 77 | right: 0; 78 | margin-top: -@tooltip-arrow-width; 79 | border-width: @tooltip-arrow-width 0 @tooltip-arrow-width @tooltip-arrow-width; 80 | border-left-color: @tooltip-arrow-color; 81 | } 82 | &.bottom .tooltip-arrow { 83 | top: 0; 84 | left: 50%; 85 | margin-left: -@tooltip-arrow-width; 86 | border-width: 0 @tooltip-arrow-width @tooltip-arrow-width; 87 | border-bottom-color: @tooltip-arrow-color; 88 | } 89 | &.bottom-left .tooltip-arrow { 90 | top: 0; 91 | right: @tooltip-arrow-width; 92 | margin-top: -@tooltip-arrow-width; 93 | border-width: 0 @tooltip-arrow-width @tooltip-arrow-width; 94 | border-bottom-color: @tooltip-arrow-color; 95 | } 96 | &.bottom-right .tooltip-arrow { 97 | top: 0; 98 | left: @tooltip-arrow-width; 99 | margin-top: -@tooltip-arrow-width; 100 | border-width: 0 @tooltip-arrow-width @tooltip-arrow-width; 101 | border-bottom-color: @tooltip-arrow-color; 102 | } 103 | } 104 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | ![logo](https://github.com/alexurquhart/hugo-geo/blob/master/exampleSite/static/img/logo.png?raw=true) 2 | 3 | A responsive blog theme I've developed for use on my personal website. Suitable for desktop and mobile. Designed for `tutorial` and `post` sections. 4 | 5 | ![screenshot](https://raw.githubusercontent.com/alexurquhart/hugo-geo/master/images/tn.png) 6 | 7 | #[Example Site Demo](https://alexurquhart.github.io/hugo-geo/) 8 | 9 | I also use it on my [personal website](https://alexurquhart.com) 10 | 11 | 12 | ## Dependencies 13 | - Hugo v0.14 or better 14 | - LESS if you wish to compile the custom CSS 15 | 16 | ## Features 17 | - Use `highlight = true` in the front matter to include [highlight js](https://highlightjs.org/) javascript and css files. 18 | - In the front matter, use `index = true` on the first post in a tutorial series to make that content the "index" page for the rest of the series 19 | - Include custom scripts and css on individual pages in front matter like so: 20 | ```toml 21 | scripts = [ 22 | "//cdnjs.cloudflare.com/ajax/libs/highlight.js/8.8.0/languages/go.min.js", 23 | ] 24 | 25 | css = [ 26 | "//cdn.leafletjs.com/leaflet/v0.7.7/leaflet.css" 27 | ] 28 | ``` 29 | 30 | ## Site Config 31 | These are my `config.toml` settings: 32 | 33 | ```toml 34 | BaseURL = "https://base-url-here/" 35 | relativeURLs = false 36 | languageCode = "en-us" 37 | title = "SiteTitle.Com" 38 | disqusShortname = "*****" 39 | paginate = 5 40 | 41 | [taxonomies] 42 | tag = "tags" 43 | tutorial = "tutorials" 44 | 45 | [params] 46 | # Render the rotating globe in the sidebar 47 | showglobe = true 48 | 49 | # Include favicon 50 | favicon = "favicon.ico" 51 | 52 | # Google Analytics 53 | analytics = "SHORT-CODE-HERE" 54 | 55 | # Email (optional) 56 | email = "alexurquhart@gmail.com" 57 | 58 | # Header Title for the main page 59 | header = "What I'm Thinking" 60 | 61 | # Sidebar profile picture 62 | profilepic = "img/smugmug.jpg" 63 | 64 | # Title/subtitle for the sidebar 65 | title = "ALEX URQUHART" 66 | subtitle = "GEOMATICS PROFESSIONAL" 67 | 68 | # Social buttons for sidebar 69 | # Each of these are optional 70 | [[params.socialbuttons]] 71 | faicon = "github" 72 | url = "https://github.com/alexurquhart" 73 | [[params.socialbuttons]] 74 | faicon = "twitter" 75 | url = "https://twitter.com/alexanderurq" 76 | [[params.socialbuttons]] 77 | faicon = "linkedin" 78 | url = "https://linkedin.com" 79 | [[params.socialbuttons]] 80 | faicon = "google-plus" 81 | url = "https://plus.google.com/+YourID" 82 | 83 | # Nav links below the profile picture 84 | [[params.navlinks]] 85 | name = "About" 86 | url = "about/" 87 | 88 | [[params.navlinks]] 89 | name = "Blog" 90 | url = "posts/" 91 | 92 | [[params.navlinks]] 93 | name = "Tutorials" 94 | url = "tutorial/" 95 | ``` 96 | 97 | ## My TODO List (currently working on v2.0) 98 | - Clean up and simplify the CSS 99 | - Make Disqus comments optional on a per-page basis 100 | - Previous/next post buttons on each page 101 | - Improve list pages 102 | - Add a sidebar on large screens with links to related posts 103 | - Add next/previous links at the end of posts/tutorials 104 | - Add breadcrumbs to top of page 105 | 106 | 107 | #### Credits 108 | World graphic in logo by Sarfraz Shoukat from Flaticon is licensed under CC BY 3.0. Made with Logo Maker 109 | -------------------------------------------------------------------------------- /static/less/bootstrap/list-group.less: -------------------------------------------------------------------------------- 1 | // 2 | // List groups 3 | // -------------------------------------------------- 4 | 5 | 6 | // Base class 7 | // 8 | // Easily usable on