├── static ├── CNAME ├── version.txt ├── css │ ├── custom.css │ ├── fonts.css │ ├── width.css │ ├── colors.css │ ├── main.css │ ├── tablet.css │ ├── mobile.css │ ├── base.css │ ├── markdown.css │ └── style.css ├── logo.png ├── eternity.png ├── favicon.ico ├── background.jpeg ├── fonts │ └── OpenSans │ │ ├── OpenSans-Bold.ttf │ │ ├── OpenSans-Italic.ttf │ │ ├── OpenSans-Regular.ttf │ │ └── OpenSans-BoldItalic.ttf └── js │ └── main.js ├── example └── eternity.bora.sh │ ├── static │ └── CNAME │ ├── .gitignore │ ├── content │ ├── tags │ │ └── _index.md │ ├── 404.md │ ├── _index.md │ ├── work │ │ ├── nature │ │ │ ├── nature-1.md │ │ │ ├── nature-18.md │ │ │ ├── nature-10.md │ │ │ ├── nature-16.md │ │ │ ├── nature-17.md │ │ │ ├── nature-19.md │ │ │ ├── nature-6.md │ │ │ ├── nature-7.md │ │ │ ├── nature-8.md │ │ │ ├── nature-9.md │ │ │ ├── nature-11.md │ │ │ ├── nature-12.md │ │ │ ├── nature-13.md │ │ │ ├── nature-14.md │ │ │ ├── nature-15.md │ │ │ ├── nature-2.md │ │ │ ├── nature-3.md │ │ │ └── nature-4.md │ │ ├── _index.md │ │ ├── people │ │ │ ├── people-3.md │ │ │ ├── people-6.md │ │ │ ├── people-7.md │ │ │ ├── people-10.md │ │ │ ├── people-4.md │ │ │ ├── people-8.md │ │ │ ├── people-9.md │ │ │ └── people-5.md │ │ ├── space │ │ │ ├── space-1.md │ │ │ ├── space-2.md │ │ │ ├── space-5.md │ │ │ ├── space-6.md │ │ │ ├── space-4.md │ │ │ └── space-3.md │ │ └── bunny │ │ │ ├── bunny-1.md │ │ │ ├── bunny-2.md │ │ │ ├── bunny-5.md │ │ │ ├── bunny-6.md │ │ │ ├── bunny-3.md │ │ │ └── bunny-4.md │ └── about.md │ ├── assets │ └── images │ │ ├── about.png │ │ └── banner.png │ ├── deploy.sh │ └── config.yaml ├── doc ├── logo.gif ├── style.md ├── config.md └── posts.md ├── images ├── tn.png └── screenshot.png ├── layouts ├── partials │ ├── helpers │ │ ├── plausible.html │ │ ├── hidden-menu.html │ │ ├── exif.html │ │ └── get.html │ ├── style.html │ ├── footer.html │ ├── head.html │ ├── slides │ │ ├── slides.html │ │ ├── meta.html │ │ ├── slider.html │ │ ├── slide.html │ │ └── columns.html │ ├── footer_base.html │ ├── header.html │ ├── fonts.html │ ├── meta.html │ └── navbar.html ├── _default │ ├── _markup │ │ └── render-link.html │ ├── single.html │ ├── list.html │ └── terms.html ├── nil │ └── single.html └── index.html ├── theme.toml ├── LICENSE ├── config.example.yaml └── README.md /static/CNAME: -------------------------------------------------------------------------------- 1 | eternity.bora.sh 2 | -------------------------------------------------------------------------------- /static/version.txt: -------------------------------------------------------------------------------- 1 | Eternity v1.5.1 -------------------------------------------------------------------------------- /static/css/custom.css: -------------------------------------------------------------------------------- 1 | /* Custom CSS styles */ 2 | -------------------------------------------------------------------------------- /example/eternity.bora.sh/static/CNAME: -------------------------------------------------------------------------------- 1 | eternity.bora.sh 2 | -------------------------------------------------------------------------------- /static/css/fonts.css: -------------------------------------------------------------------------------- 1 | /* Moved to /layouts/partials/fonts.html */ 2 | -------------------------------------------------------------------------------- /static/css/width.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --desktop-work-width: 85%; 3 | } 4 | -------------------------------------------------------------------------------- /doc/logo.gif: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/boratanrikulu/eternity/HEAD/doc/logo.gif -------------------------------------------------------------------------------- /images/tn.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/boratanrikulu/eternity/HEAD/images/tn.png -------------------------------------------------------------------------------- /static/logo.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/boratanrikulu/eternity/HEAD/static/logo.png -------------------------------------------------------------------------------- /example/eternity.bora.sh/.gitignore: -------------------------------------------------------------------------------- 1 | public/ 2 | resources/ 3 | .hugo_build.lock 4 | themes/ -------------------------------------------------------------------------------- /example/eternity.bora.sh/content/tags/_index.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: tags 3 | subtitle: eternity 4 | --- -------------------------------------------------------------------------------- /static/eternity.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/boratanrikulu/eternity/HEAD/static/eternity.png -------------------------------------------------------------------------------- /static/favicon.ico: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/boratanrikulu/eternity/HEAD/static/favicon.ico -------------------------------------------------------------------------------- /images/screenshot.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/boratanrikulu/eternity/HEAD/images/screenshot.png -------------------------------------------------------------------------------- /static/background.jpeg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/boratanrikulu/eternity/HEAD/static/background.jpeg -------------------------------------------------------------------------------- /example/eternity.bora.sh/content/404.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: 404 3 | subtitle: You lost 4 | url: 404.html 5 | type: nil 6 | --- 7 | -------------------------------------------------------------------------------- /static/fonts/OpenSans/OpenSans-Bold.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/boratanrikulu/eternity/HEAD/static/fonts/OpenSans/OpenSans-Bold.ttf -------------------------------------------------------------------------------- /static/fonts/OpenSans/OpenSans-Italic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/boratanrikulu/eternity/HEAD/static/fonts/OpenSans/OpenSans-Italic.ttf -------------------------------------------------------------------------------- /static/fonts/OpenSans/OpenSans-Regular.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/boratanrikulu/eternity/HEAD/static/fonts/OpenSans/OpenSans-Regular.ttf -------------------------------------------------------------------------------- /static/fonts/OpenSans/OpenSans-BoldItalic.ttf: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/boratanrikulu/eternity/HEAD/static/fonts/OpenSans/OpenSans-BoldItalic.ttf -------------------------------------------------------------------------------- /example/eternity.bora.sh/assets/images/about.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/boratanrikulu/eternity/HEAD/example/eternity.bora.sh/assets/images/about.png -------------------------------------------------------------------------------- /example/eternity.bora.sh/assets/images/banner.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/boratanrikulu/eternity/HEAD/example/eternity.bora.sh/assets/images/banner.png -------------------------------------------------------------------------------- /example/eternity.bora.sh/content/_index.md: -------------------------------------------------------------------------------- 1 | --- 2 | desc: 3 | - Eternity is a minimalist Hugo theme 4 | - designed for portfolio sites with a fresh feel. 5 | --- 6 | -------------------------------------------------------------------------------- /layouts/partials/helpers/plausible.html: -------------------------------------------------------------------------------- 1 | {{ with .Site.Params.Plausible }} 2 | 3 | {{ end }} -------------------------------------------------------------------------------- /layouts/partials/style.html: -------------------------------------------------------------------------------- 1 | 8 | -------------------------------------------------------------------------------- /static/css/colors.css: -------------------------------------------------------------------------------- 1 | :root { 2 | --main: #e8607b; 3 | --main-light: #ff8099; 4 | --dark: #000; 5 | --dark-light: #101010; 6 | --white: #eee; 7 | --grey: rgb(169, 169, 169); 8 | } -------------------------------------------------------------------------------- /layouts/_default/_markup/render-link.html: -------------------------------------------------------------------------------- 1 | {{ .Text | safeHTML }} -------------------------------------------------------------------------------- /example/eternity.bora.sh/content/work/nature/nature-1.md: -------------------------------------------------------------------------------- 1 | --- 2 | weight: 1 3 | images: 4 | - https://source.unsplash.com/random?nature&11774 5 | title: nature 1 6 | date: 2022-07-23 7 | tags: 8 | - archive # all posts 9 | - nature 10 | --- 11 | -------------------------------------------------------------------------------- /layouts/_default/single.html: -------------------------------------------------------------------------------- 1 | {{ partial "header.html" . }} 2 | 3 | {{ partial "navbar.html" . }} 4 | 5 |
6 | {{ partial "slides/slide.html" (dict "disableFullheight" true "ctx" .) }} 7 |
8 | 9 | {{ partial "footer.html" . }} -------------------------------------------------------------------------------- /layouts/partials/footer.html: -------------------------------------------------------------------------------- 1 | {{ if not .IsHome }} 2 | 5 | {{ end }} 6 | 7 | 8 | {{ template "_internal/google_analytics.html" . }} 9 | {{ template "_internal/google_analytics_async.html" . }} 10 | -------------------------------------------------------------------------------- /static/css/main.css: -------------------------------------------------------------------------------- 1 | @import "bulma.min.css"; 2 | /* @import "fonts.css"; Moved to /layouts/partials/fonts.html */ 3 | @import "base.css"; 4 | @import "colors.css"; 5 | @import "width.css"; 6 | @import "markdown.css"; 7 | @import "style.css"; 8 | @import "tablet.css"; 9 | @import "mobile.css"; 10 | @import "custom.css"; 11 | -------------------------------------------------------------------------------- /layouts/partials/head.html: -------------------------------------------------------------------------------- 1 | 2 |
3 |
4 |
5 |

6 | {{ .Site.Title }} 7 |

8 |

9 | {{ .Site.Params.Subtitle | markdownify }} 10 |

11 |
-------------------------------------------------------------------------------- /layouts/partials/helpers/hidden-menu.html: -------------------------------------------------------------------------------- 1 |
2 | {{ $IsNavbarPage := false }} 3 | {{ $currentPage := .Title }} 4 | {{ range $i, $el := .Site.Menus.main }} 5 | {{ if eq $currentPage $el.Name }} 6 | {{ if not $IsNavbarPage }} 7 | {{ $IsNavbarPage = true }} 8 | {{ end }} 9 | {{ end }} 10 | {{ end }} 11 | {{ if not $IsNavbarPage }} 12 |

#{{ $currentPage }}

13 | {{ end }} 14 |
-------------------------------------------------------------------------------- /layouts/partials/slides/slides.html: -------------------------------------------------------------------------------- 1 |
2 | {{ range $i, $post := ($.Get "posts") }} 3 | {{ partial "slides/slide.html" (dict "disableFullheight" false "ctx" $post) }} 4 | {{ end }} 5 |
6 |
7 | 8 | 9 |
10 | 11 |
12 | -------------------------------------------------------------------------------- /theme.toml: -------------------------------------------------------------------------------- 1 | name = "Eternity" 2 | license = "MIT" 3 | licenselink = "https://github.com/boratanrikulu/eternity/blob/main/LICENSE" 4 | description = "Eternity is a minimalist Hugo theme designed for portfolio sites with a fresh feel." 5 | homepage = "https://github.com/boratanrikulu/eternity" 6 | demosite = "https://eternity.bora.sh/" 7 | tags = ["minimal", "clean", "responsive", "simple", "minimalist", "portfolio"] 8 | features = ["Multiple Column Usage", "Clean", "Customizable"] 9 | min_version = "0.100.0" 10 | 11 | [author] 12 | name = "Bora Tanrikulu" 13 | homepage = "https://bora.sh" 14 | -------------------------------------------------------------------------------- /layouts/partials/footer_base.html: -------------------------------------------------------------------------------- 1 |
2 |

3 | {{ with .Site.Params.Copyright }} 4 | {{ . }}
5 | {{ end }} 6 | {{ with .Site.Params.Author }} 7 | © {{ dateFormat "2006" now }}, {{ . }}. 8 | {{ end }} 9 |

10 | {{ if not .Site.Params.DontShowSource}} 11 |

12 | Made with 13 | Love 14 | 15 |

16 | {{ end }} 17 |
-------------------------------------------------------------------------------- /example/eternity.bora.sh/content/work/_index.md: -------------------------------------------------------------------------------- 1 | --- 2 | title: work 3 | url: work 4 | --- 5 | 6 |
7 |

8 | Eternity is a minimalist Hugo theme designed for portfolio sites with a fresh feel. 9 |

10 |

11 | This is demo site for Eternity theme. All images are taken from Unsplash. 12 |

13 |
14 | 15 | #### Features 16 | 17 | - **Configurable** features. 18 | 19 | - **Multiple images** support. 20 | 21 | - Clean, fresh, **minimalist**. 22 | 23 | - Integrated **lazy load**. 24 | 25 | - Automatically creates **resized** thumbnails. 26 | 27 | - Shows **exif** if it exists. 28 | 29 | -------------------------------------------------------------------------------- /layouts/nil/single.html: -------------------------------------------------------------------------------- 1 | {{ partial "header.html" . }} 2 | 3 | {{ partial "navbar.html" . }} 4 | 5 |
6 |
7 |
8 |
9 | 10 |
11 |
12 |

This is not where you want to be

13 |

404

14 | Go home 15 |
16 |
17 |
18 |
19 | {{ partial "footer.html" . }} 20 | -------------------------------------------------------------------------------- /example/eternity.bora.sh/deploy.sh: -------------------------------------------------------------------------------- 1 | #!/bin/sh 2 | 3 | if [ "`git status -s`" ] 4 | then 5 | echo "The working directory is dirty. Please commit any pending changes." 6 | exit 1; 7 | fi 8 | 9 | echo "Deleting old publication" 10 | rm -rf public 11 | mkdir public 12 | git worktree prune 13 | rm -rf .git/worktrees/public/ 14 | 15 | echo "Checking out gh-pages branch into public" 16 | git worktree add -B gh-pages public origin/gh-pages 17 | 18 | echo "Removing existing files" 19 | rm -rf public/* 20 | 21 | echo "Generating site" 22 | git submodule update --init --recursive --depth=1 23 | hugo --minify 24 | 25 | echo "Updating gh-pages branch" 26 | cd public && git add --all && git commit -m "Publishing to gh-pages (publish.sh)" 27 | 28 | git push --all 29 | -------------------------------------------------------------------------------- /layouts/_default/list.html: -------------------------------------------------------------------------------- 1 | {{ $portfolioScratch := newScratch }} 2 | {{ $portfolioMobileScratch := newScratch }} 3 | {{ partial "slides/columns" (dict "portfolioScratch" $portfolioScratch "portfolioMobileScratch" $portfolioMobileScratch "ctx" .) }} 4 | 5 | {{ partial "header.html" . }} 6 | {{ partial "navbar.html" . }} 7 | 8 |
9 | {{ partial "helpers/hidden-menu.html" . }} 10 | {{ partial "slides/slider" (dict "scratch" $portfolioScratch "type" "desktop" "ctx" .) }} 11 |
12 | 13 |
14 | {{ partial "helpers/hidden-menu.html" . }} 15 | {{ partial "slides/slider" (dict "scratch" $portfolioMobileScratch "type" "mobile" "ctx" .) }} 16 |
17 | 18 | {{ partial "slides/slides" $portfolioScratch }} 19 | {{ partial "footer" . }} -------------------------------------------------------------------------------- /layouts/_default/terms.html: -------------------------------------------------------------------------------- 1 | {{ partial "header.html" . }} 2 | 3 | {{ partial "navbar.html" . }} 4 | 5 |
6 | {{ partial "helpers/hidden-menu.html" . }} 7 | 8 |
9 |
10 |
11 |
12 | {{ range sort .Site.Taxonomies.tags "Count" "desc" }} 13 |
14 |
15 |

16 | 17 | 18 | {{ .Page.Title }} ({{ .Count }}) 19 | 20 |

21 |
22 |
23 | {{ end }} 24 |
25 |
26 |
27 |
28 |
29 | 30 | {{ partial "footer.html" . }} 31 | -------------------------------------------------------------------------------- /layouts/partials/header.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | 4 | 5 | 6 | 7 | 8 | 9 | {{ if and .Title (not .IsHome) }} 10 | {{ .Title }} {{ if .Params.Subtitle }}- {{ .Params.Subtitle }}{{else}}- {{ .Site.Title }}{{ end }} 11 | {{ else }} 12 | {{ .Site.Title }} 13 | {{ end }} 14 | {{ partial "meta" . }} 15 | 16 | 17 | 18 | 19 | {{ partial "style.html" . }} 20 | 21 | {{ partial "fonts.html" . }} 22 | {{ partial "helpers/plausible" . }} 23 | 24 | 25 | 26 | -------------------------------------------------------------------------------- /layouts/partials/helpers/exif.html: -------------------------------------------------------------------------------- 1 |
2 |
3 | Exif 4 |
    5 | {{ with .Date }}
  • Date: {{ .Format "January 2, 2006" }}
    • {{ end }} 6 | {{ with .Tags.Copyright }}
  • Copyright: {{ . }}
    • {{ end }} 7 | {{ with .Tags.ApertureValue }}
  • Aperture: {{ lang.NumFmt 2 . }}
    • {{ end }} 8 | {{ with .Tags.BrightnessValue }}
  • Brightness: {{ . }}
    • {{ end }} 9 | {{ with .Tags.ExposureTime }}
  • Exposure Time: {{ . }}
    • {{ end }} 10 | {{ with .Tags.FNumber }}
  • F Number: {{ . }}
    • {{ end }} 11 | {{ with .Tags.FocalLength }}
  • Focal Length: {{ . }}
    • {{ end }} 12 | {{ with .Tags.ISOSpeedRatings }}
  • ISO Speed Ratings: {{ . }}
    • {{ end }} 13 | {{ with .Tags.Model }}
  • Model: {{ . }}
    • {{ end }} 14 | {{ with .Tags.LensModel }}
  • Lens Model: {{ . }}
    • {{ end }} 15 |
16 |
17 |
18 | -------------------------------------------------------------------------------- /example/eternity.bora.sh/content/work/people/people-3.md: -------------------------------------------------------------------------------- 1 | --- 2 | weight: 1 3 | images: 4 | - https://source.unsplash.com/random?people&6 5 | title: people 3 6 | date: 2022-07-23 7 | tags: 8 | - people 9 | --- 10 | 11 | ## Markdown 12 | 13 | You can use **Markdown** format to write **your story**. 14 | 15 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 16 | 17 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 18 | 19 | ### Subtitle 20 | 21 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 22 | 23 | Some list 24 | 25 | 1. A b c 26 | 2. A b c 27 | 3. A b c 28 | -------------------------------------------------------------------------------- /example/eternity.bora.sh/content/work/nature/nature-18.md: -------------------------------------------------------------------------------- 1 | --- 2 | weight: 18 3 | images: 4 | - https://source.unsplash.com/random?nature&9129 5 | title: nature 18 6 | date: 2022-07-23 7 | tags: 8 | - nature 9 | --- 10 | 11 | ## Markdown 12 | 13 | You can use **Markdown** format to write **your story**. 14 | 15 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 16 | 17 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 18 | 19 | ### Subtitle 20 | 21 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 22 | 23 | Some list 24 | 25 | 1. A b c 26 | 2. A b c 27 | 3. A b c 28 | -------------------------------------------------------------------------------- /example/eternity.bora.sh/content/work/nature/nature-10.md: -------------------------------------------------------------------------------- 1 | --- 2 | weight: -10 3 | images: 4 | - https://source.unsplash.com/random?nature&31132 5 | title: nature 10 6 | date: 2022-07-23 7 | tags: 8 | - nature 9 | --- 10 | 11 | ## Markdown 12 | 13 | You can use **Markdown** format to write **your story**. 14 | 15 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 16 | 17 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 18 | 19 | ### Subtitle 20 | 21 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 22 | 23 | Some list 24 | 25 | 1. A b c 26 | 2. A b c 27 | 3. A b c 28 | -------------------------------------------------------------------------------- /example/eternity.bora.sh/content/work/nature/nature-16.md: -------------------------------------------------------------------------------- 1 | --- 2 | weight: 16 3 | images: 4 | - https://source.unsplash.com/random?nature&17906 5 | title: nature 16 6 | date: 2022-07-23 7 | tags: 8 | - nature 9 | --- 10 | 11 | ## Markdown 12 | 13 | You can use **Markdown** format to write **your story**. 14 | 15 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 16 | 17 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 18 | 19 | ### Subtitle 20 | 21 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 22 | 23 | Some list 24 | 25 | 1. A b c 26 | 2. A b c 27 | 3. A b c 28 | -------------------------------------------------------------------------------- /example/eternity.bora.sh/content/work/nature/nature-17.md: -------------------------------------------------------------------------------- 1 | --- 2 | weight: 17 3 | images: 4 | - https://source.unsplash.com/random?nature&30352 5 | title: nature 17 6 | date: 2022-07-23 7 | tags: 8 | - nature 9 | --- 10 | 11 | ## Markdown 12 | 13 | You can use **Markdown** format to write **your story**. 14 | 15 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 16 | 17 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 18 | 19 | ### Subtitle 20 | 21 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 22 | 23 | Some list 24 | 25 | 1. A b c 26 | 2. A b c 27 | 3. A b c 28 | -------------------------------------------------------------------------------- /example/eternity.bora.sh/content/work/nature/nature-19.md: -------------------------------------------------------------------------------- 1 | --- 2 | weight: -19 3 | images: 4 | - https://source.unsplash.com/random?nature&9149 5 | title: nature 19 6 | date: 2022-07-23 7 | tags: 8 | - nature 9 | --- 10 | 11 | ## Markdown 12 | 13 | You can use **Markdown** format to write **your story**. 14 | 15 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 16 | 17 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 18 | 19 | ### Subtitle 20 | 21 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 22 | 23 | Some list 24 | 25 | 1. A b c 26 | 2. A b c 27 | 3. A b c 28 | -------------------------------------------------------------------------------- /example/eternity.bora.sh/content/work/nature/nature-6.md: -------------------------------------------------------------------------------- 1 | --- 2 | weight: 6 3 | images: 4 | - https://source.unsplash.com/random?nature&27517 5 | title: nature 6 6 | date: 2022-07-23 7 | tags: 8 | - archive # all posts 9 | - nature 10 | --- 11 | 12 | ## Markdown 13 | 14 | You can use **Markdown** format to write **your story**. 15 | 16 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 17 | 18 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 19 | 20 | ### Subtitle 21 | 22 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 23 | 24 | Some list 25 | 26 | 1. A b c 27 | 2. A b c 28 | 3. A b c 29 | -------------------------------------------------------------------------------- /example/eternity.bora.sh/content/work/nature/nature-7.md: -------------------------------------------------------------------------------- 1 | --- 2 | weight: 7 3 | images: 4 | - https://source.unsplash.com/random?nature&1057 5 | title: nature 7 6 | date: 2022-07-23 7 | tags: 8 | - archive # all posts 9 | - nature 10 | --- 11 | 12 | ## Markdown 13 | 14 | You can use **Markdown** format to write **your story**. 15 | 16 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 17 | 18 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 19 | 20 | ### Subtitle 21 | 22 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 23 | 24 | Some list 25 | 26 | 1. A b c 27 | 2. A b c 28 | 3. A b c 29 | -------------------------------------------------------------------------------- /example/eternity.bora.sh/content/work/nature/nature-8.md: -------------------------------------------------------------------------------- 1 | --- 2 | weight: 8 3 | images: 4 | - https://source.unsplash.com/random?nature&10924 5 | title: nature 8 6 | date: 2022-07-23 7 | tags: 8 | - archive # all posts 9 | - nature 10 | --- 11 | 12 | ## Markdown 13 | 14 | You can use **Markdown** format to write **your story**. 15 | 16 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 17 | 18 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 19 | 20 | ### Subtitle 21 | 22 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 23 | 24 | Some list 25 | 26 | 1. A b c 27 | 2. A b c 28 | 3. A b c 29 | -------------------------------------------------------------------------------- /example/eternity.bora.sh/content/work/nature/nature-9.md: -------------------------------------------------------------------------------- 1 | --- 2 | weight: 9 3 | images: 4 | - https://source.unsplash.com/random?nature&19457 5 | title: nature 9 6 | date: 2022-07-23 7 | tags: 8 | - archive # all posts 9 | - nature 10 | --- 11 | 12 | ## Markdown 13 | 14 | You can use **Markdown** format to write **your story**. 15 | 16 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 17 | 18 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 19 | 20 | ### Subtitle 21 | 22 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 23 | 24 | Some list 25 | 26 | 1. A b c 27 | 2. A b c 28 | 3. A b c 29 | -------------------------------------------------------------------------------- /example/eternity.bora.sh/content/work/people/people-6.md: -------------------------------------------------------------------------------- 1 | --- 2 | weight: 7 3 | images: 4 | - https://source.unsplash.com/random?people&30448 5 | title: people 6 6 | date: 2022-07-23 7 | tags: 8 | - archive # all posts 9 | - people 10 | --- 11 | 12 | ## Markdown 13 | 14 | You can use **Markdown** format to write **your story**. 15 | 16 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 17 | 18 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 19 | 20 | ### Subtitle 21 | 22 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 23 | 24 | Some list 25 | 26 | 1. A b c 27 | 2. A b c 28 | 3. A b c 29 | -------------------------------------------------------------------------------- /example/eternity.bora.sh/content/work/people/people-7.md: -------------------------------------------------------------------------------- 1 | --- 2 | weight: 7 3 | images: 4 | - https://source.unsplash.com/random?people&27254 5 | title: people 7 6 | date: 2022-07-23 7 | tags: 8 | - archive # all posts 9 | - people 10 | --- 11 | 12 | ## Markdown 13 | 14 | You can use **Markdown** format to write **your story**. 15 | 16 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 17 | 18 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 19 | 20 | ### Subtitle 21 | 22 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 23 | 24 | Some list 25 | 26 | 1. A b c 27 | 2. A b c 28 | 3. A b c 29 | -------------------------------------------------------------------------------- /example/eternity.bora.sh/content/work/space/space-1.md: -------------------------------------------------------------------------------- 1 | --- 2 | weight: 1 3 | images: 4 | - https://source.unsplash.com/random?galaxy&5568 5 | title: galaxy 1 6 | date: 2022-07-23 7 | tags: 8 | - archive # all posts 9 | - space 10 | --- 11 | 12 | ## Markdown 13 | 14 | You can use **Markdown** format to write **your story**. 15 | 16 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 17 | 18 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 19 | 20 | ### Subtitle 21 | 22 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 23 | 24 | Some list 25 | 26 | 1. A b c 27 | 2. A b c 28 | 3. A b c 29 | -------------------------------------------------------------------------------- /example/eternity.bora.sh/content/work/space/space-2.md: -------------------------------------------------------------------------------- 1 | --- 2 | weight: 2 3 | images: 4 | - https://source.unsplash.com/random?galaxy&28224 5 | title: galaxy 2 6 | date: 2022-07-23 7 | tags: 8 | - archive # all posts 9 | - space 10 | --- 11 | 12 | ## Markdown 13 | 14 | You can use **Markdown** format to write **your story**. 15 | 16 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 17 | 18 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 19 | 20 | ### Subtitle 21 | 22 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 23 | 24 | Some list 25 | 26 | 1. A b c 27 | 2. A b c 28 | 3. A b c 29 | -------------------------------------------------------------------------------- /example/eternity.bora.sh/content/work/space/space-5.md: -------------------------------------------------------------------------------- 1 | --- 2 | weight: 4 3 | images: 4 | - https://source.unsplash.com/random?telescope&5607 5 | title: galaxy 5 6 | date: 2022-07-23 7 | tags: 8 | - archive # all posts 9 | - space 10 | --- 11 | 12 | ## Markdown 13 | 14 | You can use **Markdown** format to write **your story**. 15 | 16 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 17 | 18 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 19 | 20 | ### Subtitle 21 | 22 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 23 | 24 | Some list 25 | 26 | 1. A b c 27 | 2. A b c 28 | 3. A b c 29 | -------------------------------------------------------------------------------- /example/eternity.bora.sh/content/work/space/space-6.md: -------------------------------------------------------------------------------- 1 | --- 2 | weight: 4 3 | images: 4 | - https://source.unsplash.com/random?nebula&3051 5 | title: galaxy 6 6 | date: 2022-07-23 7 | tags: 8 | - archive # all posts 9 | - space 10 | --- 11 | 12 | ## Markdown 13 | 14 | You can use **Markdown** format to write **your story**. 15 | 16 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 17 | 18 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 19 | 20 | ### Subtitle 21 | 22 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 23 | 24 | Some list 25 | 26 | 1. A b c 27 | 2. A b c 28 | 3. A b c 29 | -------------------------------------------------------------------------------- /example/eternity.bora.sh/content/work/nature/nature-11.md: -------------------------------------------------------------------------------- 1 | --- 2 | weight: 11 3 | images: 4 | - https://source.unsplash.com/random?nature&23428 5 | title: nature 11 6 | date: 2022-07-23 7 | tags: 8 | - archive # all posts 9 | - nature 10 | --- 11 | 12 | ## Markdown 13 | 14 | You can use **Markdown** format to write **your story**. 15 | 16 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 17 | 18 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 19 | 20 | ### Subtitle 21 | 22 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 23 | 24 | Some list 25 | 26 | 1. A b c 27 | 2. A b c 28 | 3. A b c 29 | -------------------------------------------------------------------------------- /example/eternity.bora.sh/content/work/nature/nature-12.md: -------------------------------------------------------------------------------- 1 | --- 2 | weight: 12 3 | images: 4 | - https://source.unsplash.com/random?nature&6892 5 | title: nature 12 6 | date: 2022-07-23 7 | tags: 8 | - archive # all posts 9 | - nature 10 | --- 11 | 12 | ## Markdown 13 | 14 | You can use **Markdown** format to write **your story**. 15 | 16 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 17 | 18 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 19 | 20 | ### Subtitle 21 | 22 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 23 | 24 | Some list 25 | 26 | 1. A b c 27 | 2. A b c 28 | 3. A b c 29 | -------------------------------------------------------------------------------- /example/eternity.bora.sh/content/work/nature/nature-13.md: -------------------------------------------------------------------------------- 1 | --- 2 | weight: 13 3 | images: 4 | - https://source.unsplash.com/random?nature&31987 5 | title: nature 13 6 | date: 2022-07-23 7 | tags: 8 | - archive # all posts 9 | - nature 10 | --- 11 | 12 | ## Markdown 13 | 14 | You can use **Markdown** format to write **your story**. 15 | 16 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 17 | 18 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 19 | 20 | ### Subtitle 21 | 22 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 23 | 24 | Some list 25 | 26 | 1. A b c 27 | 2. A b c 28 | 3. A b c 29 | -------------------------------------------------------------------------------- /example/eternity.bora.sh/content/work/nature/nature-14.md: -------------------------------------------------------------------------------- 1 | --- 2 | weight: 14 3 | images: 4 | - https://source.unsplash.com/random?nature&20616 5 | title: nature 14 6 | date: 2022-07-23 7 | tags: 8 | - archive # all posts 9 | - nature 10 | --- 11 | 12 | ## Markdown 13 | 14 | You can use **Markdown** format to write **your story**. 15 | 16 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 17 | 18 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 19 | 20 | ### Subtitle 21 | 22 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 23 | 24 | Some list 25 | 26 | 1. A b c 27 | 2. A b c 28 | 3. A b c 29 | -------------------------------------------------------------------------------- /example/eternity.bora.sh/content/work/nature/nature-15.md: -------------------------------------------------------------------------------- 1 | --- 2 | weight: 15 3 | images: 4 | - https://source.unsplash.com/random?nature&19629 5 | title: nature 15 6 | date: 2022-07-23 7 | tags: 8 | - archive # all posts 9 | - nature 10 | --- 11 | 12 | ## Markdown 13 | 14 | You can use **Markdown** format to write **your story**. 15 | 16 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 17 | 18 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 19 | 20 | ### Subtitle 21 | 22 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 23 | 24 | Some list 25 | 26 | 1. A b c 27 | 2. A b c 28 | 3. A b c 29 | -------------------------------------------------------------------------------- /example/eternity.bora.sh/content/work/space/space-4.md: -------------------------------------------------------------------------------- 1 | --- 2 | weight: -2 3 | images: 4 | - https://source.unsplash.com/random?galaxy&1121411212 5 | title: galaxy 4 6 | date: 2022-07-23 7 | tags: 8 | - archive # all posts 9 | - space 10 | --- 11 | 12 | ## Markdown 13 | 14 | You can use **Markdown** format to write **your story**. 15 | 16 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 17 | 18 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 19 | 20 | ### Subtitle 21 | 22 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 23 | 24 | Some list 25 | 26 | 1. A b c 27 | 2. A b c 28 | 3. A b c 29 | -------------------------------------------------------------------------------- /layouts/partials/helpers/get.html: -------------------------------------------------------------------------------- 1 | 15 | 16 | {{ if hasPrefix (index $.row.images 0) "/" }} 17 | {{ $.scratch.Set "img" (resources.Get (index $.row.images 0)) }} 18 | {{ else }} 19 | {{ $.scratch.Set "img" (resources.GetRemote (index $.row.images 0)) }} 20 | {{ end }} 21 | 22 | {{ if $.row.mainImage }} 23 | {{ if hasPrefix (index $.row.images 0) "/" }} 24 | {{ $.scratch.Set "img" (resources.Get $.row.mainImage) }} 25 | {{ else }} 26 | {{ $.scratch.Set "img" (resources.GetRemote $.row.mainImage) }} 27 | {{ end }} 28 | {{ end }} -------------------------------------------------------------------------------- /example/eternity.bora.sh/content/work/bunny/bunny-1.md: -------------------------------------------------------------------------------- 1 | --- 2 | weight: 3 3 | images: 4 | - https://source.unsplash.com/random?bunny&22014 5 | title: bunny 1 6 | date: 2022-07-23 7 | tags: 8 | - archive # all posts 9 | - bunny 10 | - nature 11 | --- 12 | 13 | ## Markdown 14 | 15 | You can use **Markdown** format to write **your story**. 16 | 17 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 18 | 19 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 20 | 21 | ### Subtitle 22 | 23 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 24 | 25 | Some list 26 | 27 | 1. A b c 28 | 2. A b c 29 | 3. A b c 30 | -------------------------------------------------------------------------------- /example/eternity.bora.sh/content/work/bunny/bunny-2.md: -------------------------------------------------------------------------------- 1 | --- 2 | weight: 2 3 | images: 4 | - https://source.unsplash.com/random?bunny&11381 5 | title: bunny 2 6 | date: 2022-07-23 7 | tags: 8 | - archive # all posts 9 | - bunny 10 | - nature 11 | --- 12 | 13 | ## Markdown 14 | 15 | You can use **Markdown** format to write **your story**. 16 | 17 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 18 | 19 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 20 | 21 | ### Subtitle 22 | 23 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 24 | 25 | Some list 26 | 27 | 1. A b c 28 | 2. A b c 29 | 3. A b c 30 | -------------------------------------------------------------------------------- /example/eternity.bora.sh/content/work/bunny/bunny-5.md: -------------------------------------------------------------------------------- 1 | --- 2 | weight: 4 3 | images: 4 | - https://source.unsplash.com/random?bunny&5646 5 | title: bunny 5 6 | date: 2022-07-23 7 | tags: 8 | - archive # all posts 9 | - bunny 10 | - nature 11 | --- 12 | 13 | ## Markdown 14 | 15 | You can use **Markdown** format to write **your story**. 16 | 17 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 18 | 19 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 20 | 21 | ### Subtitle 22 | 23 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 24 | 25 | Some list 26 | 27 | 1. A b c 28 | 2. A b c 29 | 3. A b c 30 | -------------------------------------------------------------------------------- /example/eternity.bora.sh/content/work/bunny/bunny-6.md: -------------------------------------------------------------------------------- 1 | --- 2 | weight: 2 3 | images: 4 | - https://source.unsplash.com/random?bunny&10151 5 | title: bunny 6 6 | date: 2022-07-23 7 | tags: 8 | - archive # all posts 9 | - bunny 10 | - nature 11 | --- 12 | 13 | ## Markdown 14 | 15 | You can use **Markdown** format to write **your story**. 16 | 17 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 18 | 19 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 20 | 21 | ### Subtitle 22 | 23 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 24 | 25 | Some list 26 | 27 | 1. A b c 28 | 2. A b c 29 | 3. A b c 30 | -------------------------------------------------------------------------------- /example/eternity.bora.sh/content/work/space/space-3.md: -------------------------------------------------------------------------------- 1 | --- 2 | weight: 3 3 | images: 4 | - https://source.unsplash.com/random?galaxy&5609 5 | title: galaxy 3 6 | date: 2022-07-23 7 | tags: 8 | - work # homepage 9 | - archive # all posts 10 | - space 11 | --- 12 | 13 | ## Markdown 14 | 15 | You can use **Markdown** format to write **your story**. 16 | 17 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 18 | 19 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 20 | 21 | ### Subtitle 22 | 23 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 24 | 25 | Some list 26 | 27 | 1. A b c 28 | 2. A b c 29 | 3. A b c 30 | -------------------------------------------------------------------------------- /example/eternity.bora.sh/content/work/nature/nature-2.md: -------------------------------------------------------------------------------- 1 | --- 2 | weight: 2 3 | images: 4 | - https://source.unsplash.com/random?nature&30426 5 | title: nature 2 6 | date: 2022-07-23 7 | tags: 8 | - work # homepage 9 | - archive # all posts 10 | - nature 11 | --- 12 | 13 | ## Markdown 14 | 15 | You can use **Markdown** format to write **your story**. 16 | 17 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 18 | 19 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 20 | 21 | ### Subtitle 22 | 23 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 24 | 25 | Some list 26 | 27 | 1. A b c 28 | 2. A b c 29 | 3. A b c 30 | -------------------------------------------------------------------------------- /example/eternity.bora.sh/content/work/nature/nature-3.md: -------------------------------------------------------------------------------- 1 | --- 2 | weight: 3 3 | images: 4 | - https://source.unsplash.com/random?nature&197121 5 | title: nature 3 6 | date: 2022-07-23 7 | tags: 8 | - work # homepage 9 | - archive # all posts 10 | - nature 11 | --- 12 | 13 | ## Markdown 14 | 15 | You can use **Markdown** format to write **your story**. 16 | 17 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 18 | 19 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 20 | 21 | ### Subtitle 22 | 23 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 24 | 25 | Some list 26 | 27 | 1. A b c 28 | 2. A b c 29 | 3. A b c 30 | -------------------------------------------------------------------------------- /layouts/partials/fonts.html: -------------------------------------------------------------------------------- 1 | -------------------------------------------------------------------------------- /example/eternity.bora.sh/content/work/people/people-10.md: -------------------------------------------------------------------------------- 1 | --- 2 | weight: 2 3 | images: 4 | - https://source.unsplash.com/random?people&1234640 5 | title: people 10 6 | date: 2022-07-23 7 | tags: 8 | - work # homepage 9 | - archive # all posts 10 | - people 11 | --- 12 | 13 | ## Markdown 14 | 15 | You can use **Markdown** format to write **your story**. 16 | 17 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 18 | 19 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 20 | 21 | ### Subtitle 22 | 23 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 24 | 25 | Some list 26 | 27 | 1. A b c 28 | 2. A b c 29 | 3. A b c 30 | -------------------------------------------------------------------------------- /example/eternity.bora.sh/content/work/bunny/bunny-3.md: -------------------------------------------------------------------------------- 1 | --- 2 | weight: 3 3 | images: 4 | - https://source.unsplash.com/random?bunny&7662 5 | title: bunny 3 6 | date: 2022-07-23 7 | tags: 8 | - work # homepage 9 | - archive # all posts 10 | - bunny 11 | - nature 12 | --- 13 | 14 | ## Markdown 15 | 16 | You can use **Markdown** format to write **your story**. 17 | 18 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 19 | 20 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 21 | 22 | ### Subtitle 23 | 24 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 25 | 26 | Some list 27 | 28 | 1. A b c 29 | 2. A b c 30 | 3. A b c 31 | -------------------------------------------------------------------------------- /example/eternity.bora.sh/content/work/bunny/bunny-4.md: -------------------------------------------------------------------------------- 1 | --- 2 | weight: -2 3 | images: 4 | - https://source.unsplash.com/random?bunny&27676 5 | title: bunny 4 6 | date: 2022-07-23 7 | tags: 8 | - work # homepage 9 | - archive # all posts 10 | - bunny 11 | - nature 12 | --- 13 | 14 | ## Markdown 15 | 16 | You can use **Markdown** format to write **your story**. 17 | 18 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 19 | 20 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 21 | 22 | ### Subtitle 23 | 24 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 25 | 26 | Some list 27 | 28 | 1. A b c 29 | 2. A b c 30 | 3. A b c 31 | -------------------------------------------------------------------------------- /example/eternity.bora.sh/content/work/people/people-4.md: -------------------------------------------------------------------------------- 1 | --- 2 | weight: 4 3 | images: 4 | - https://source.unsplash.com/random?people&23003 5 | - https://source.unsplash.com/random?people&5023403 6 | title: people 4 7 | date: 2022-07-23 8 | tags: 9 | - work # homepage 10 | - archive # all posts 11 | - people 12 | --- 13 | 14 | ## Markdown 15 | 16 | You can use **Markdown** format to write **your story**. 17 | 18 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 19 | 20 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 21 | 22 | ### Subtitle 23 | 24 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 25 | 26 | Some list 27 | 28 | 1. A b c 29 | 2. A b c 30 | 3. A b c 31 | -------------------------------------------------------------------------------- /example/eternity.bora.sh/content/work/people/people-8.md: -------------------------------------------------------------------------------- 1 | --- 2 | weight: 8 3 | images: 4 | - https://source.unsplash.com/random?people&6480 5 | - https://source.unsplash.com/random?people&234121223 6 | multipleColumn: true 7 | title: people 8 8 | date: 2022-07-23 9 | tags: 10 | - archive # all posts 11 | - people 12 | --- 13 | 14 | ## Markdown 15 | 16 | You can use **Markdown** format to write **your story**. 17 | 18 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 19 | 20 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 21 | 22 | ### Subtitle 23 | 24 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 25 | 26 | Some list 27 | 28 | 1. A b c 29 | 2. A b c 30 | 3. A b c 31 | -------------------------------------------------------------------------------- /example/eternity.bora.sh/content/work/people/people-9.md: -------------------------------------------------------------------------------- 1 | --- 2 | weight: 9 3 | images: 4 | - https://source.unsplash.com/random?people&31197 5 | - https://source.unsplash.com/random?people&223197 6 | title: people 9 7 | multipleColumn: true 8 | date: 2022-07-23 9 | tags: 10 | - archive # all posts 11 | - people 12 | --- 13 | 14 | ## Markdown 15 | 16 | You can use **Markdown** format to write **your story**. 17 | 18 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 19 | 20 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 21 | 22 | ### Subtitle 23 | 24 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 25 | 26 | Some list 27 | 28 | 1. A b c 29 | 2. A b c 30 | 3. A b c 31 | -------------------------------------------------------------------------------- /LICENSE: -------------------------------------------------------------------------------- 1 | MIT License 2 | 3 | Copyright (c) 2022 Bora Tanrıkulu 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 | -------------------------------------------------------------------------------- /example/eternity.bora.sh/content/work/nature/nature-4.md: -------------------------------------------------------------------------------- 1 | --- 2 | weight: 4 3 | images: 4 | - https://source.unsplash.com/random?nature&1 5 | - https://source.unsplash.com/random?nature&32532 6 | multipleColumn: true 7 | title: nature 4 8 | date: 2022-07-23 9 | tags: 10 | - work # homepage 11 | - archive # all posts 12 | - nature 13 | --- 14 | 15 | ## Markdown 16 | 17 | You can use **Markdown** format to write **your story**. 18 | 19 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 20 | 21 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 22 | 23 | ### Subtitle 24 | 25 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 26 | 27 | Some list 28 | 29 | 1. A b c 30 | 2. A b c 31 | 3. A b c 32 | -------------------------------------------------------------------------------- /doc/style.md: -------------------------------------------------------------------------------- 1 | ### Edit default statics 2 | 3 | Hugo allows you to edit statics when you use a theme. So, you can overwrite any file. 4 | 5 | We suggest to replace these statics; [**/static/logo.png**](/static/logo.png), [**/static/background.jpeg**](/static/background.jpeg), [**/static/CNAME**](/static/CNAME), [**/static/favicon.ico**](/static/favicon.ico). 6 | 7 | You just need to create related file(s) inside your project. They should be in same path. 8 | Do not edit the theme directly, otherwise it may break your upgrade in future. 9 | 10 | ### Change colors 11 | 12 | Create [**/static/css/colors.css**](/static/css/colors.css) in your repo to be able to change colors used in the theme. 13 | 14 | ### Change width value 15 | 16 | Create [**/static/css/width.css**](/static/css/width.css) in your repo to be able to change width value. 17 | 18 | ### Change font 19 | 20 | Create [**/layouts/partials/fonts.html**](/layouts/partials/fonts.html) in your repo to be able to change fonts. 21 | 22 | ### Advanced customization 23 | 24 | Create [**/static/css/custom.css**](/static/css/custom.css) in your repo to be able to add or override CSS directives. 25 | 26 | -------------------------------------------------------------------------------- /example/eternity.bora.sh/content/work/people/people-5.md: -------------------------------------------------------------------------------- 1 | --- 2 | weight: 5 3 | images: 4 | - https://source.unsplash.com/random?people&15372 5 | - https://source.unsplash.com/random?people&111 6 | title: people 5 7 | multipleColumn: true 8 | date: 2022-07-23 9 | tags: 10 | - work # homepage 11 | - archive # all posts 12 | - people 13 | --- 14 | 15 | ## Markdown 16 | 17 | You can use **Markdown** format to write **your story**. 18 | 19 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 20 | 21 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 22 | 23 | ### Subtitle 24 | 25 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 26 | 27 | Some list 28 | 29 | 1. A b c 30 | 2. A b c 31 | 3. A b c 32 | -------------------------------------------------------------------------------- /static/css/tablet.css: -------------------------------------------------------------------------------- 1 | @media (max-width: 1024px) { 2 | nav.navbar { 3 | width: 100%; 4 | margin-left: unset; 5 | margin-right: unset; 6 | display: grid; 7 | justify-content: center; 8 | height: 15rem; 9 | padding: 30px; 10 | } 11 | 12 | .slide-info { 13 | margin-top: 15px; 14 | width: 90%; 15 | } 16 | 17 | div.logo { 18 | margin-bottom: 15px; 19 | } 20 | 21 | .social { 22 | margin-top: 15px; 23 | margin-right: unset; 24 | } 25 | 26 | .welcome-title { 27 | margin-left: 0px; 28 | } 29 | 30 | .enter { 31 | margin-top: unset; 32 | } 33 | 34 | .enter>.button { 35 | height: 40px; 36 | width: 140px; 37 | font-size: 1.5em; 38 | } 39 | 40 | .navbar-middle { 41 | all: unset; 42 | } 43 | 44 | .exif { 45 | position: relative; 46 | float: unset; 47 | margin-left: 20px; 48 | } 49 | 50 | .socials { 51 | width: 95%; 52 | } 53 | 54 | .slide-meta { 55 | width: 100vw; 56 | } 57 | 58 | section.work .columns .column { 59 | padding: 0.5rem; 60 | } 61 | 62 | .slide>.columns { 63 | width: 100%; 64 | } 65 | 66 | .work-width { 67 | width: unset; 68 | } 69 | } -------------------------------------------------------------------------------- /static/css/mobile.css: -------------------------------------------------------------------------------- 1 | @media (max-width: 768px) { 2 | .slide-info { 3 | margin-top: 20px; 4 | width: 95%; 5 | } 6 | 7 | .image-box { 8 | margin-top: 10px; 9 | } 10 | 11 | #desktop { 12 | display: none; 13 | } 14 | 15 | #mobile { 16 | display: block; 17 | } 18 | 19 | #mobile.section { 20 | padding: 3rem 0.8rem; 21 | } 22 | 23 | #mobile.section .column { 24 | padding: 0.2rem 0.3rem; 25 | } 26 | 27 | .prev, 28 | .next { 29 | font-size: 24px; 30 | } 31 | 32 | section.work .columns .column { 33 | padding: 0.5rem; 34 | } 35 | 36 | .slide>.columns { 37 | width: 100%; 38 | } 39 | 40 | .slide-info { 41 | margin-left: 0px; 42 | } 43 | 44 | .slide-imgs .columns .column:not(:first-child) { 45 | margin-left: unset; 46 | } 47 | 48 | .navigate { 49 | width: 100%; 50 | border-radius: unset; 51 | bottom: 0px; 52 | right: unset; 53 | height: 75px; 54 | } 55 | 56 | .prev, .next { 57 | display: flex; 58 | justify-content: center; 59 | align-items: center; 60 | width: 100%; 61 | } 62 | 63 | .down-arrow { 64 | top: calc(100vh - 150px); 65 | } 66 | 67 | .slide-imgs { 68 | padding-bottom: 20px; 69 | } 70 | } -------------------------------------------------------------------------------- /layouts/partials/slides/meta.html: -------------------------------------------------------------------------------- 1 |
2 |
3 | {{ $tags := .ctx.Params.tags }} 4 | {{ if $tags }} 5 |
6 |
7 | {{ $specials := slice "work" "archive" }} 8 | {{ with .ctx.Site.Params.SpecialPages }} 9 | {{ $specials = . }} 10 | {{ end }} 11 | {{ range $i, $tag := $tags }} 12 | {{ if not (in $specials $tag) }} 13 | #{{ $tag }} 14 | {{ end }} 15 | {{ end }} 16 |
17 |
18 | {{ end }} 19 | 20 | {{ if not .ctx.Params.hideDate }} 21 | {{ if .ctx.Params.Date }} 22 |
23 |

{{ .ctx.Page.Date | time.Format ":date_long" }}

24 |
25 | {{ else }} 26 | {{ with (index $.imgs 0).Exif }} 27 | {{ with .Date }} 28 |
29 |

{{ . | time.Format ":date_long" }}

30 |
31 | {{ end }} 32 | {{ end }} 33 | {{ end }} 34 | {{ end }} 35 |
36 |
37 | -------------------------------------------------------------------------------- /static/css/base.css: -------------------------------------------------------------------------------- 1 | html { 2 | height: 100%; 3 | background-color: var(--dark); 4 | } 5 | 6 | body { 7 | min-height: 100%; 8 | font-size: large; 9 | color: var(--white); 10 | } 11 | 12 | html::-webkit-scrollbar { 13 | display: none; 14 | } 15 | 16 | html { 17 | -ms-overflow-style: none; 18 | scrollbar-width: none; 19 | } 20 | 21 | h1, 22 | h2, 23 | h3, 24 | h4, 25 | h5, 26 | h6 { 27 | color: #eee !important; 28 | font-weight: 500; 29 | line-height: 1.3em; 30 | margin: 30px 0 20px 0; 31 | } 32 | 33 | h1 { 34 | font-size: 2.75rem; 35 | } 36 | 37 | h2 { 38 | font-size: 2rem; 39 | } 40 | 41 | h3 { 42 | font-size: 1.6rem; 43 | } 44 | 45 | h4 { 46 | font-size: 1.2rem; 47 | } 48 | 49 | h5 { 50 | font-size: 1rem; 51 | } 52 | 53 | h6 { 54 | font-size: .9rem; 55 | } 56 | 57 | .footer { 58 | font-size: medium; 59 | padding: 3rem 1.5rem 2rem; 60 | } 61 | 62 | header { 63 | height: 128px; 64 | margin-bottom: 30px; 65 | } 66 | 67 | a { 68 | margin-bottom: 2px; 69 | color: var(--white); 70 | text-decoration: none; 71 | word-break: break-word; 72 | } 73 | 74 | a:hover, 75 | a.active { 76 | color: var(--white); 77 | } 78 | 79 | a:hover, 80 | a.active { 81 | border-bottom: 5px solid var(--main); 82 | } 83 | 84 | .a-clean:hover, 85 | a-clean.active { 86 | border-bottom: unset; 87 | } 88 | 89 | ::-moz-selection { 90 | background: var(--main); 91 | text-shadow: none; 92 | color: #fff; 93 | } 94 | 95 | ::selection { 96 | background: var(--main); 97 | text-shadow: none; 98 | color: #fff; 99 | } -------------------------------------------------------------------------------- /layouts/index.html: -------------------------------------------------------------------------------- 1 | {{ partial "header.html" . }} 2 | 3 | {{ if .Site.Params.BypassWelcomePage }} 4 | 5 | 6 | 7 | {{ else }} 8 |
10 | {{ partial "navbar.html" . }} 11 |
12 |
13 |
14 | 16 |
17 | {{ with .Params.FeaturedTags }} 18 |
19 | {{ range . }} 20 |
21 | 22 |
23 | {{ $scratch := newScratch }} 24 | {{ $row := dict "images" (slice .image) }} 25 | {{ partial "helpers/get" (dict "scratch" $scratch "row" $row) }} 26 | {{ $image := $scratch.Get "img" }} 27 | {{ with $image }} 28 | 29 | {{end}} 30 |
31 |

{{ .title }}

32 | 33 |
34 | {{ end }} 35 |
36 | {{ end }} 37 | {{ range $d := .Params.Desc }} 38 |

{{ $d }}

39 | {{ end }} 40 |
41 |
42 |
43 | {{ partial "footer_base.html" . }} 44 |
45 |
46 | {{ end }} 47 | 48 | {{ partial "footer.html" . }} 49 | -------------------------------------------------------------------------------- /config.example.yaml: -------------------------------------------------------------------------------- 1 | baseURL: https://eternity.bora.sh # todo: change site url. 2 | title: Eternity # todo: change site name. 3 | defaultContentLanguage: 'en' 4 | theme: eternity 5 | googleAnalytics: '' # todo: set your analytics id. 6 | 7 | params: 8 | image: /images/banner.png 9 | logo: logo.png # todo: add your custom logo to static/ 10 | subtitle: Eternity is a minimalist Hugo theme designed for portfolio sites with a fresh feel. # todo: change default subtitle for your website. 11 | copyright: All rights reserved. # todo: set your copyright type. 12 | author: Lovely Author # todo: set your full name. 13 | dontShowSource: false # please, do not do this :) 14 | dontShowLogo: false # If you want to hide the logo, this is what you set to true 15 | portfolio: 16 | columns: 17 | desktop: 18 | default: 3 19 | mobile: 20 | default: 2 21 | socials: 22 | # todo: add your social accounts. 23 | - icon: 'far fa-envelope fa-lg' 24 | url: 'mailto:eternity@bora.sh' 25 | landing: true 26 | # homepage: "/work" # todo: uncomment homepage, homepage link is mostly same with menu.main[0] 27 | specialPages: 28 | - work 29 | - archive 30 | bypassWelcomePage: false # redirects "/" to "homepage" when it's true. 31 | plausible: '' # todo: set your plausible id. 32 | disableWelcomePageBackground: false # disables the background image on the homepage 33 | disableRadius: false 34 | moveIt: false # Moves Title and Meta info down, only visible when scroll. 35 | disableAlwaysResize: false 36 | 37 | markup: 38 | defaultMarkdownHandler: goldmark 39 | goldmark: 40 | renderer: 41 | unsafe: true 42 | 43 | taxonomies: 44 | tag: tags 45 | 46 | permalinks: 47 | work: ":filename/" 48 | 49 | # todo: uncomment menu.main array after you create contents. 50 | # menu: 51 | # main: 52 | # - name: work 53 | # url: /work/ 54 | # weight: 1 55 | -------------------------------------------------------------------------------- /layouts/partials/meta.html: -------------------------------------------------------------------------------- 1 | 2 | 3 | {{ default .Site.Title .Title }} 4 | 5 | 6 | 7 | 8 | 9 | 10 | 11 | 12 | 13 | 14 | 15 | 16 | 17 | 18 | {{ with .Site.Params.Author }} 19 | 20 | {{ end }} 21 | {{ $img := slice }} 22 | {{ $scratch := newScratch }} 23 | {{ if .Params.images }} 24 | {{ partial "helpers/get" (dict "scratch" $scratch "row" .Params ) }} 25 | {{ $img = $scratch.Get "img" }} 26 | {{ else if .Site.Params.image }} 27 | {{ $row := dict "images" (slice .Site.Params.image) }} 28 | {{ partial "helpers/get" (dict "scratch" $scratch "row" $row) }} 29 | {{ $img = $scratch.Get "img" }} 30 | {{ end }} 31 | {{ with $img }} 32 | {{ $i := .Fill "800x418 center png" }} 33 | 34 | 35 | 36 | {{ end }} 37 | -------------------------------------------------------------------------------- /layouts/partials/navbar.html: -------------------------------------------------------------------------------- 1 | {{ $homeLink := .Site.Params.Homepage }} 2 | {{ if .IsHome }} 3 | {{ $homeLink = "/" }} 4 | {{ end }} 5 | 50 | -------------------------------------------------------------------------------- /example/eternity.bora.sh/config.yaml: -------------------------------------------------------------------------------- 1 | baseURL: https://eternity.bora.sh # todo: change site url. 2 | title: Eternity # todo: change site name. 3 | defaultContentLanguage: 'en' 4 | theme: eternity 5 | googleAnalytics: '' # todo: set your analytics id. 6 | 7 | params: 8 | image: /images/banner.png 9 | logo: logo.png # todo: add your custom logo to static/ 10 | subtitle: Eternity is a minimalist Hugo theme designed for portfolio sites with a fresh feel. # todo: change default subtitle for your website. 11 | copyright: All rights reserved. # todo: set your copyright type. 12 | author: Lovely Author # todo: set your full name. 13 | dontShowSource: false # please, do not do this :) 14 | portfolio: 15 | columns: 16 | desktop: 17 | nature: 4 18 | archive: 6 19 | people: 2 20 | default: 3 21 | mobile: 22 | default: 2 23 | archive: 3 24 | people: 1 25 | socials: 26 | # todo: change these links. 27 | - icon: 'far fa-envelope fa-lg' 28 | url: 'mailto:eternity@bora.sh' 29 | landing: true 30 | - icon: 'fab fa-github fa-lg' 31 | url: 'https://github.com/boratanrikulu/eternity' 32 | landing: true 33 | - icon: 'fab fa-instagram fa-lg' 34 | url: 'https://instagram.bora.sh/eternity' 35 | - icon: 'fab fa-linkedin-in fa-lg' 36 | url: 'https://linkedin.bora.sh/in/eternity' 37 | homepage: "/work" # homepage link, mostly same with menu.main[0] 38 | specialPages: 39 | - work 40 | - archive 41 | bypassWelcomePage: false # redirects "/" to "homepage" when it's true. 42 | disableWelcomePageBackground: false # disables the background image on the homepage 43 | plausible: '' # todo: set your plausible id. 44 | disableRadius: false 45 | moveIt: false # Moves Title and Meta info down, only visible when scroll. 46 | disableAlwaysResize: false 47 | 48 | markup: 49 | defaultMarkdownHandler: goldmark 50 | goldmark: 51 | renderer: 52 | unsafe: true 53 | 54 | taxonomies: 55 | tag: tags 56 | 57 | permalinks: 58 | work: ":filename/" 59 | 60 | menu: 61 | main: 62 | - name: work 63 | url: /work/ 64 | weight: 1 65 | - name: people 66 | url: /tags/people/ 67 | weight: 2 68 | - name: nature 69 | url: /tags/nature/ 70 | weight: 3 71 | - name: archive 72 | url: /tags/archive/ 73 | weight: 4 74 | - name: about 75 | url: /about/ 76 | weight: 5 77 | -------------------------------------------------------------------------------- /static/css/markdown.css: -------------------------------------------------------------------------------- 1 | .content strong { 2 | color: var(--main); 3 | } 4 | 5 | .content .highlight code, 6 | .content .highlight pre { 7 | overflow-y: auto; 8 | } 9 | 10 | .content a strong { 11 | border-bottom: 2px solid #e7e7e7; 12 | } 13 | 14 | .content p code, 15 | .content strong code { 16 | color: var(--main); 17 | background-color: transparent; 18 | font-size: 1.1em; 19 | font-weight: 600; 20 | font-family: Menlo, Monaco, Consolas, "Courier New", monospace; 21 | } 22 | 23 | 24 | .content table { 25 | color: var(--dark); 26 | } 27 | 28 | .content blockquote { 29 | margin-left: 1rem; 30 | border-left: 3px solid; 31 | border-color: var(--main); 32 | padding-left: 20px; 33 | } 34 | 35 | .content blockquote p { 36 | color: var(--white); 37 | } 38 | 39 | .content pre code { 40 | color: var(--white); 41 | } 42 | 43 | .content pre, 44 | .content pre.highlight, 45 | .content .highlight>pre, 46 | .content td.code pre { 47 | background-color: #FAFAFA; 48 | background-image: linear-gradient(var(--dark) 50%, var(--dark-light) 50%); 49 | background-repeat: repeat; 50 | background-size: 3em 3em; 51 | background-position: 0px 10px; 52 | border: 1px solid var(--main-light); 53 | border-left: 5px solid var(--main-light); 54 | border-right: 5px solid var(--main-light); 55 | margin-top: 1em; 56 | margin-bottom: 1em; 57 | border-radius: 4px; 58 | font-weight: 700; 59 | font-size: 1.0em; 60 | } 61 | 62 | .content table { 63 | margin-top: 15px; 64 | padding: 0; 65 | } 66 | 67 | .content table tr { 68 | border-top: 1px solid #cccccc; 69 | background-color: #ffffff; 70 | margin: 0; 71 | padding: 0; 72 | } 73 | 74 | .content table tr:nth-child(2n) { 75 | background-color: #f8f8f8; 76 | } 77 | 78 | .content table tr th { 79 | font-weight: bold; 80 | border: 1px solid #cccccc; 81 | text-align: left; 82 | margin: 0; 83 | padding: 6px 13px; 84 | } 85 | 86 | .content table tr td { 87 | border: 1px solid #cccccc; 88 | text-align: left; 89 | margin: 0; 90 | padding: 6px 13px; 91 | } 92 | 93 | .content table tr th :first-child, 94 | .content table tr td :first-child { 95 | margin-top: 0; 96 | } 97 | 98 | .content table tr th :last-child, 99 | .content table tr td :last-child { 100 | margin-bottom: 0; 101 | } -------------------------------------------------------------------------------- /layouts/partials/slides/slider.html: -------------------------------------------------------------------------------- 1 | {{ with .ctx.Content }} 2 |
3 |
4 |
5 | {{ . }} 6 |
7 |
8 |
9 | {{ end }} 10 | 11 |
12 | {{ if eq (len ($.scratch.Get "posts")) 0 }} 13 |
14 |
15 | There is no posts yet. 16 |
17 |
18 | {{ else }} 19 | {{ range $index, $num := (seq ($.scratch.Get "columnsCount")) }} 20 |
21 | {{ $column := ($.scratch.Get (printf "%d" $index)) }} 22 | {{ range $row := $column }} 23 | {{ if (index $row "post").Params.images }} 24 | {{ $scratch := newScratch }} 25 | {{ partial "helpers/get" (dict "scratch" $scratch "row" (index $row "post").Params) }} 26 | {{ $img := $scratch.Get "img" }} 27 | {{ $resizer := "1000x r0" }} 28 | {{ with $img.Exif }} 29 | {{ if eq .Tags.Orientation 6 }} 30 | {{ $resizer = "1000x r270" }} 31 | {{ end }} 32 | {{ if eq .Tags.Orientation 3 }} 33 | {{ $resizer = "1000x r180" }} 34 | {{ end }} 35 | {{ if eq .Tags.Orientation 8 }} 36 | {{ $resizer = "1000x r90" }} 37 | {{ end }} 38 | {{ end }} 39 | {{ $img = $img.Resize $resizer }} 40 |
41 |
42 | 49 |
50 |
51 | {{ end }} 52 | {{ end }} 53 |
54 | {{ end }} 55 | {{ end }} 56 |
57 | -------------------------------------------------------------------------------- /example/eternity.bora.sh/content/about.md: -------------------------------------------------------------------------------- 1 | --- 2 | images: 3 | - /images/about.png 4 | title: about 5 | url: about 6 | hideTitle: true 7 | hideExif: true 8 | hideDate: true 9 | --- 10 | 11 |
12 |

13 | Eternity is a minimalist Hugo theme designed for portfolio sites with a fresh feel. 14 |

15 |

16 | This is demo site for Eternity theme. All images are taken from Unsplash. 17 |

18 |
19 | 20 | ### Features 21 | 22 | - **Configurable** features. 23 | 24 | - **Multiple images** support. 25 | 26 | - Clean, fresh, **minimalist**. 27 | 28 | - Integrated **lazy load**. 29 | 30 | - Automatically creates **resized** thumbnails. 31 | 32 | - Shows **exif** if it exists. 33 | 34 | ### Installation 35 | 36 | 1. Install Hugo. 37 | 38 | 2. Create a new site. 39 | ```shell 40 | hugo new site yoursite 41 | ``` 42 | ```shell 43 | cd yoursite 44 | ``` 45 | 46 | 3. Remove default config file. 47 | ```shell 48 | rm hugo.toml 49 | ``` 50 | If you use an older version of Hugo ([< v0.110.0](https://github.com/gohugoio/hugo/issues/8979)), your config might be called differently: 51 | ```shell 52 | rm config.toml 53 | ``` 54 | 55 | 4. Submodule the theme. 56 | ```shell 57 | git init 58 | ``` 59 | ```shell 60 | git submodule add --depth=1 https://github.com/boratanrikulu/eternity.git themes/eternity 61 | ``` 62 | 63 | 5. Create config.yaml; 64 | Apply (1) or (2). 65 | 66 | 1. Use the example project (recommended). 67 | Copy all files from the example project. 68 | ```shell 69 | cp -r ./themes/eternity/example/eternity.bora.sh/* . 70 | ``` 71 | 2. Use empty content. 72 | Copy example config. 73 | ```shell 74 | cp ./themes/eternity/config.example.yaml ./config.yaml 75 | ``` 76 | 6. Start the server. 77 | ```shell 78 | hugo serve --port 1313 79 | ``` 80 | 81 | 7. Go to [localhost:1313](http://localhost:1313). 82 | 83 | 84 | ### Upgrade 85 | 86 | To get last updates, just git pull. 87 | ```shell 88 | cd themes/eternity && git pull && cd - 89 | ``` 90 | 91 | ### Usage of Posts 92 | 93 | [**Go to posts documentation.**](https://github.com/boratanrikulu/eternity/tree/main/doc/posts.md) 94 | 95 | ### Usage of Config.yaml 96 | 97 | [**Go to config documentation.**](https://github.com/boratanrikulu/eternity/tree/main/doc/config.md) 98 | 99 | ### Editing Style 100 | 101 | [**Go to style documentation.**](https://github.com/boratanrikulu/eternity/tree/main/doc/style.md) 102 | 103 | ### Contact 104 | 105 | If you need to contact us for any reason; create an [**issue**](https://github.com/boratanrikulu/eternity/issues/new) or send a mail to [**eternity@bora.sh**](mailto:eternity@bora.sh). 106 | -------------------------------------------------------------------------------- /layouts/partials/slides/slide.html: -------------------------------------------------------------------------------- 1 | {{ $imgs := slice }} 2 | {{ range $i, $image := .ctx.Params.images }} 3 | {{ $scratch := newScratch }} 4 | {{ $row := dict "images" (slice $image) }} 5 | {{ partial "helpers/get" (dict "scratch" $scratch "row" $row) }} 6 | {{ $imgs = $imgs | append ($scratch.Get "img") }} 7 | {{ end }} 8 | 9 | {{ $includesInfo := false }} 10 | {{ if or (and (gt (len $imgs) 1) (not .ctx.Params.multipleColumn)) (gt (len .ctx.Content) 0) }} 11 | {{ $includesInfo = true }} 12 | {{ end }} 13 |
14 |
15 |
16 |
17 | {{ if not .ctx.Site.Params.MoveIt }} 18 | {{ if not .ctx.Params.hideTitle }} 19 |
20 | {{ .ctx.Title }} 21 |
22 | {{ end }} 23 | {{ end }} 24 |
25 | {{ range $i, $img := $imgs }} 26 | {{ if not $.ctx.Site.Params.DisableAlwaysResize }} 27 | {{ $resizer := "3000x r0" }} 28 | {{ with $img.Exif }} 29 | {{ if eq .Tags.Orientation 6 }} 30 | {{ $resizer = "3000x r270" }} 31 | {{ end }} 32 | {{ if eq .Tags.Orientation 3 }} 33 | {{ $resizer = "3000x r180" }} 34 | {{ end }} 35 | {{ if eq .Tags.Orientation 8 }} 36 | {{ $resizer = "3000x r90" }} 37 | {{ end }} 38 | {{ end }} 39 | {{ $img = $img.Resize $resizer }} 40 | {{ end }} 41 |
42 | 43 |
44 | {{ end }} 45 |
46 | {{ if not .ctx.Site.Params.MoveIt }} 47 | {{ partial "slides/meta" (dict "imgs" $imgs "ctx" .ctx) }} 48 | {{ end }} 49 |
50 |
51 | 52 |
53 |
54 |
55 | {{ if .ctx.Site.Params.MoveIt }} 56 | {{ if not .ctx.Params.hideTitle }} 57 |
58 | 59 |

{{ .ctx.Title }}

60 | 61 |
62 | {{ end }} 63 | {{ partial "slides/meta" (dict "imgs" $imgs "ctx" .ctx) }} 64 | {{ end }} 65 | {{ if not .ctx.Params.hideExif }} 66 | {{ with (index $imgs 0).Exif }} 67 | {{ partial "helpers/exif.html" . }} 68 | {{ end }} 69 | {{ end }} 70 | {{ .ctx.Content }} 71 |
72 |
73 |
74 |
75 |
76 | -------------------------------------------------------------------------------- /doc/config.md: -------------------------------------------------------------------------------- 1 | ### Usage of Config.yaml 2 | 3 | Example config is here: [**config.yaml**](/config.example.yaml) 4 | 5 | You can use `title`, `subtitle`, `image` and `logo` variables for your website. 6 | ```yaml 7 | title: Eternity 8 | params: 9 | subtitle: Eternity is a minimalist Hugo theme designed for portfolio sites with a fresh feel. 10 | image: '/images/about.png' 11 | logo: 'logo.png' 12 | ``` 13 | 14 | You can use `googleAnalytics` variable to set Analytics. 15 | ```yaml 16 | googleAnalytics: '' 17 | ``` 18 | 19 | You can use `plausible` variable to set Plausible. 20 | ```yaml 21 | params: 22 | plausible: '' 23 | ``` 24 | 25 | You can use `copyright` and `author` variables to set Copyright notice. 26 | ```yaml 27 | params: 28 | copyright: '' 29 | author: '' 30 | ``` 31 | 32 | You can set hidden for Source notice. But, please do not do this. 33 | ```yaml 34 | params: 35 | dontShowSource: false 36 | ``` 37 | 38 | You can change columns count for desktop and mobile separately. Default value will be used if value is not defined for page type. 39 | ```yaml 40 | params: 41 | portfolio: 42 | columns: 43 | desktop: 44 | nature: 4 45 | archive: 6 46 | people: 2 47 | default: 3 48 | mobile: 49 | default: 2 50 | archive: 3 51 | people: 1 52 | ``` 53 | 54 | You can use `socials` array to set your social accounts. 55 | 56 | - `icon` is a font-awesome icon code. 57 | - `landing: true` makes an icon invisible on the landing page but visible inside website. 58 | - `rel_me: true` adds the HTML attribute `rel="me"` to the link. This is useful to verify the link to your Mastodon profile. 59 | 60 | ```yaml 61 | params: 62 | socials: 63 | - icon: 'far fa-envelope fa-lg' 64 | url: 'mailto:eternity@bora.sh' 65 | landing: true 66 | - icon: 'fab fa-github fa-lg' 67 | url: 'https://github.com/boratanrikulu/eternity' 68 | landing: true 69 | - icon: 'fab fa-instagram fa-lg' 70 | url: 'https://instagram.bora.sh/eternity' 71 | - icon: 'fab fa-linkedin-in fa-lg' 72 | url: 'https://linkedin.bora.sh/in/eternity' 73 | ``` 74 | 75 | You can change `homepage` link. 76 | ```yaml 77 | params: 78 | homepage: "/work" 79 | ``` 80 | 81 | You can change special page names. 82 | ```yaml 83 | params: 84 | specialPages: 85 | - work 86 | - archive 87 | ``` 88 | 89 | You can bypass welcome page if you want. It redirects "/" to "homepage". 90 | ```yaml 91 | params: 92 | bypassWelcomePage: true 93 | ``` 94 | 95 | You can disable the background image on the welcome page. 96 | ```yaml 97 | params: 98 | disableWelcomePageBackground: false 99 | ``` 100 | 101 | You can disable logo's radius with `disableRadius` variable. 102 | ```yaml 103 | params: 104 | disableRadius: true 105 | ``` 106 | 107 | You can disable resizing pictures on post pages. 108 | ```yaml 109 | params: 110 | disableAlwaysResize: true 111 | ``` 112 | 113 | You can move Title and Meta down, to show them only when scroll. 114 | ```yaml 115 | params: 116 | moveIt: true 117 | ``` 118 | 119 | You can use `menu.main` array to set your navbar links. 120 | ```yaml 121 | menu: 122 | main: 123 | - name: work 124 | url: /work/ 125 | weight: 1 126 | - name: people 127 | url: /tags/people/ 128 | weight: 2 129 | - name: nature 130 | url: /tags/nature/ 131 | weight: 3 132 | - name: archive 133 | url: /tags/archive/ 134 | weight: 4 135 | - name: about 136 | url: /about/ 137 | weight: 5 138 | ``` 139 | -------------------------------------------------------------------------------- /layouts/partials/slides/columns.html: -------------------------------------------------------------------------------- 1 | 19 | 20 | 21 | {{ $columnsCount := 0 }} 22 | {{ if .ctx.Site.Params.portfolio.columns.desktop }} 23 | {{ $columnsCount = index .ctx.Site.Params.portfolio.columns.desktop .ctx.Params.Title }} 24 | {{ end }} 25 | {{ if not $columnsCount }} 26 | {{ if .ctx.Site.Params.portfolio.columns.desktop }} 27 | {{ $columnsCount = index .ctx.Site.Params.portfolio.columns.desktop "default" }} 28 | {{ end }} 29 | {{ if not $columnsCount }} 30 | 31 | {{ $columnsCount = 3 }} 32 | {{ end }} 33 | {{ end }} 34 | 35 | {{ $posts := slice }} 36 | {{ if .ctx.Site.Taxonomies.tags }} 37 | {{ $posts = index .ctx.Site.Taxonomies.tags .ctx.Params.Title }} 38 | {{ $posts = sort $posts ".Params.weight" "desc" }} 39 | {{ end }} 40 | 41 | {{ $postsCount := len ($posts) }} 42 | {{ if lt $postsCount $columnsCount}} 43 | {{ $columnsCount = $postsCount }} 44 | {{ end }} 45 | {{ $.portfolioScratch.Set "columnsCount" $columnsCount }} 46 | {{ $.portfolioScratch.Set "posts" $posts }} 47 | 48 | {{ $loopCount := 1 }} 49 | {{ $loopFlag := 0 }} 50 | {{ $posts = sort $posts "Page" "desc" }} 51 | {{ range $i, $post := $posts }} 52 | {{ if gt $loopFlag (sub $columnsCount 1) }} 53 | {{ $loopFlag = 0 }} 54 | {{ end }} 55 | {{ range $index, $num := (seq $columnsCount) }} 56 | {{ if eq (sub $loopFlag $index) 0}} 57 | {{ $column := $.portfolioScratch.Get (printf "%d" $index) }} 58 | {{ $column = $column | append (dict "post" $post "loopCount" $loopCount) }} 59 | {{ $.portfolioScratch.Set (printf "%d" $index) $column }} 60 | {{ end }} 61 | {{ end }} 62 | {{ $loopCount = (add $loopCount 1) }} 63 | {{ $loopFlag = (add $loopFlag 1) }} 64 | {{ end }} 65 | 66 | 67 | {{ $mobileColumnsCount := 0 }} 68 | {{ if .ctx.Site.Params.portfolio.columns.mobile }} 69 | {{ $mobileColumnsCount = index .ctx.Site.Params.portfolio.columns.mobile .ctx.Params.Title }} 70 | {{ end }} 71 | {{ if not $mobileColumnsCount }} 72 | {{ if .ctx.Site.Params.portfolio.columns.mobile }} 73 | {{ $mobileColumnsCount = index .ctx.Site.Params.portfolio.columns.mobile "default" }} 74 | {{ end }} 75 | {{ if not $mobileColumnsCount }} 76 | 77 | {{ $mobileColumnsCount = 2 }} 78 | {{ end }} 79 | {{ end }} 80 | {{ if lt $postsCount $mobileColumnsCount}} 81 | {{ $mobileColumnsCount = $postsCount }} 82 | {{ end }} 83 | {{ $.portfolioMobileScratch.Set "columnsCount" $mobileColumnsCount }} 84 | {{ $.portfolioMobileScratch.Set "posts" $posts }} 85 | {{ $loopCount := 1 }} 86 | {{ $loopFlag := 0 }} 87 | {{ range $i, $post := $posts }} 88 | {{ if gt $loopFlag (sub $mobileColumnsCount 1) }} 89 | {{ $loopFlag = 0 }} 90 | {{ end }} 91 | {{ range $index, $num := (seq $mobileColumnsCount) }} 92 | {{ if eq (sub $loopFlag $index) 0}} 93 | {{ $column := $.portfolioMobileScratch.Get (printf "%d" $index) }} 94 | {{ $column = $column | append (dict "post" $post "loopCount" $loopCount) }} 95 | {{ $.portfolioMobileScratch.Set (printf "%d" $index) $column }} 96 | {{ end }} 97 | {{ end }} 98 | {{ $loopCount = (add $loopCount 1) }} 99 | {{ $loopFlag = (add $loopFlag 1) }} 100 | {{ end }} 101 | -------------------------------------------------------------------------------- /doc/posts.md: -------------------------------------------------------------------------------- 1 | 2 | ### Usage of Posts 3 | 4 | Eternity is configurable and you can change feature behaviours by setting variables. 5 | 6 | Here's a basic post structure. You can basically use `tags` to set which pages will have this post. We suggest to use `work` for homepage and `archive` for all posts. (Note: you can change their names too). 7 | If you want to create a new page, just add it as a new tag. (`my-image-1.jpg` should be located in `/assets/images` folder of your project) 8 | 9 | ```yaml 10 | --- 11 | images: 12 | - /images/my-image-1.jpg 13 | title: Here's my first post!! 14 | tags: 15 | - work 16 | --- 17 | ``` 18 | 19 | You can set `date` value for your posts. It will be used in Post page and for posts sorting. If you want, you can use `weight` value for sorting. (Note: if you won't set a `date`, we check `exif` value of the image to use in post.) 20 | 21 | ```yaml 22 | --- 23 | weight: 9 24 | images: 25 | - /images/my-image-1.jpg 26 | title: Here's my first post!! 27 | tags: 28 | - work 29 | - first 30 | date: 2022-07-24 31 | --- 32 | ``` 33 | 34 | You can use multiple images by adding them to `images` array. Default view is `row`. But if you want to set them as `column`, you can use `multipleColumn` value. Both local images and remote images are supported. If you use remote image, it will be downloaded. 35 | 36 | 37 | ```yaml 38 | --- 39 | weight: 9 40 | images: 41 | - /images/my-image-1.jpg 42 | - /images/my-image-2.jpg 43 | multipleColumn: true 44 | title: Here's my first post!! 45 | tags: 46 | - work 47 | - first 48 | date: 2022-07-24 49 | --- 50 | ``` 51 | 52 | When you use multiple images, first image will be used as thumbnail in posts page. If you want to use different image, you can use `mainImage` variable. 53 | 54 | ```yaml 55 | --- 56 | weight: 9 57 | images: 58 | - /images/my-image-1.jpg 59 | - /images/my-image-2.jpg 60 | mainImage: /images/different-image.jpg 61 | multipleColumn: true 62 | title: Here's my first post!! 63 | tags: 64 | - work 65 | - first 66 | date: 2022-07-24 67 | --- 68 | ``` 69 | 70 | If you want to hide exif value for a post, you can use `hideExif` variable. Also there's available `hidetitle` and `hideDate` variables. We used that variables in about page to be able to create a single page with using same layout. 71 | 72 | ```yaml 73 | --- 74 | weight: 9 75 | images: 76 | - /images/my-image-1.jpg 77 | - /images/my-image-2.jpg 78 | multipleColumn: true 79 | title: Here's my first post!! 80 | tags: 81 | - work 82 | - first 83 | date: 2022-07-24 84 | hideExif: true 85 | --- 86 | ``` 87 | 88 | You can use `title`, `subtitle`, `url` variables for the post. 89 | 90 | ```yaml 91 | --- 92 | images: 93 | - /images/about.png 94 | title: About!! 95 | subtitle: Here's who am I. 96 | url: me 97 | hideTitle: true 98 | hideExif: true 99 | hideDate: true 100 | --- 101 | ``` 102 | 103 | Markdown is fully supported. 104 | 105 | ```yaml 106 | --- 107 | weight: 9 108 | images: 109 | - /images/my-image-1.jpg 110 | - /images/my-image-2.jpg 111 | multipleColumn: true 112 | title: Here's my first post!! 113 | tags: 114 | - work 115 | - first 116 | date: 2022-07-24 117 | --- 118 | 119 | ## Markdown 120 | 121 | You can use **Markdown** format to write **your story**. 122 | 123 | ### Subtitle 124 | 125 | Lorem ipsum dolor sit amet consectetur adipisicing elit. Magni dolorem, laborum impedit doloremque ducimus repellat sapiente aut qui quae provident, cum vitae atque eius earum labore. Quae quod rem aliquid! 126 | 127 | Some list 128 | 129 | 1. A b c 130 | 2. A b c 131 | 3. A b c 132 | 133 | ``` 134 | 135 | For landing page (_index.md), you can use `desc` array to set your description, under the enter button. 136 | ```yaml 137 | --- 138 | desc: 139 | - Eternity is a minimalist Hugo theme 140 | - designed for portfolio sites with a fresh feel. 141 | --- 142 | ``` 143 | 144 | For landing page (_index.md), you can use `featuredTags` array to show some tags in Landing Page. 145 | ```yaml 146 | featuredTags: 147 | - title: people 148 | image: https://source.unsplash.com/random?people&1649630128 149 | url: /tags/people/ 150 | - title: nature 151 | image: https://source.unsplash.com/random?nature&17346933 152 | url: /tags/nature/ 153 | ``` 154 | -------------------------------------------------------------------------------- /static/js/main.js: -------------------------------------------------------------------------------- 1 | document.addEventListener('DOMContentLoaded', () => { 2 | const $navbarBurgers = Array.prototype.slice.call(document.querySelectorAll('.navbar-burger'), 0); 3 | 4 | if ($navbarBurgers.length > 0) { 5 | $navbarBurgers.forEach(el => { 6 | el.addEventListener('click', () => { 7 | const target = el.dataset.target; 8 | const $target = document.getElementById(target); 9 | 10 | el.classList.toggle('is-active'); 11 | $target.classList.toggle('is-active'); 12 | }); 13 | }); 14 | } 15 | }); 16 | 17 | const path = window.location.href 18 | 19 | let currentScroll = 0 20 | let slide; 21 | 22 | function openSlider() { 23 | currentScroll = scrollPosition(); 24 | document.body.classList.add("noscroll"); 25 | document.getElementById('slider').style.display = "grid"; 26 | document.addEventListener('keydown', keyboardSlider); 27 | document.addEventListener('touchstart', handleTouchStart); 28 | document.addEventListener('touchend', handleTouchEnd); 29 | } 30 | 31 | function closeSlider() { 32 | document.getElementById('slider').style.display = "none"; 33 | document.removeEventListener('keydown', keyboardSlider); 34 | document.removeEventListener('touchstart', handleTouchStart); 35 | document.removeEventListener('touchend', handleTouchEnd); 36 | if (history.replaceState) { 37 | history.replaceState({}, path, path); 38 | } 39 | slide = null; 40 | document.body.classList.remove("noscroll"); 41 | window.scrollTo(0, currentScroll); 42 | } 43 | 44 | function plusSlides(n) { 45 | showSlides(slideIndex += n); 46 | } 47 | 48 | function currentSlide(n) { 49 | showSlides(slideIndex = n); 50 | } 51 | 52 | function showSlides(n) { 53 | var slides = document.getElementsByClassName("slide"); 54 | if (n > slides.length) { 55 | slideIndex = 1; 56 | } 57 | if (n < 1) { 58 | slideIndex = slides.length; 59 | } 60 | for (i = 0; i < slides.length; i++) { 61 | slides[i].style.display = "none"; 62 | } 63 | slide = slides[slideIndex - 1]; 64 | if (history.replaceState) { 65 | history.replaceState({}, path, slide.getAttribute("path")); 66 | } 67 | if (slide.getAttribute("info") != "true") { 68 | document.getElementById('arrow').style.display = "none"; 69 | } else { 70 | document.getElementById('arrow').style.display = "block"; 71 | } 72 | slide.scrollTo(0, 0); 73 | slide.style.display = "flex"; 74 | } 75 | 76 | function keyboardSlider(event) { 77 | if (event.key == "ArrowLeft") { 78 | plusSlides(-1); 79 | } 80 | if (event.key == "ArrowRight") { 81 | plusSlides(+1); 82 | } else if (event.key === "Escape") { 83 | closeSlider(); 84 | } 85 | } 86 | 87 | function hideArrow() { 88 | if (slide) { 89 | let contents = slide.getElementsByClassName("content"); 90 | if (contents) { 91 | let arrow = document.getElementById('arrow'); 92 | if (isElInDom(contents[0])) { 93 | arrow.classList.add("hidden"); 94 | } else { 95 | arrow.classList.remove("hidden"); 96 | } 97 | } 98 | } 99 | } 100 | 101 | function scrollPosition() { 102 | return document.documentElement.scrollTop || document.body.scrollTop; 103 | } 104 | 105 | function isElInDom (el) { 106 | var rect = el.getBoundingClientRect(); 107 | 108 | return ( 109 | rect.top <= (window.innerHeight || document.documentElement.clientHeight) 110 | ); 111 | } 112 | 113 | function checkArrow() { 114 | hideArrow(); 115 | setTimeout(checkArrow, 100); 116 | } 117 | 118 | checkArrow(); 119 | 120 | function handleTouchStart(event) { 121 | touchStartX = event.changedTouches[0].screenX; 122 | touchStartY = event.changedTouches[0].screenY; 123 | } 124 | 125 | function handleTouchEnd(event) { 126 | touchEndX = event.changedTouches[0].screenX; 127 | touchEndY = event.changedTouches[0].screenY; 128 | processSwipe(touchStartX, touchEndX, touchStartY, touchEndY); 129 | 130 | } 131 | 132 | function processSwipe(touchStartX, touchEndX, touchStartY, touchEndY) { 133 | swipeLength = touchEndX - touchStartX; 134 | swipeVerticalLength = touchEndY - touchStartY; 135 | 136 | // do nothing if vertical travel is high (diagonal swipe) 137 | if(Math.abs(swipeVerticalLength) > 75) return; 138 | // do nothing if small accidental swipe 139 | if(Math.abs(swipeLength) < 0.2 * window.innerWidth) return; 140 | 141 | if(swipeLength > 0) { // swipe right 142 | plusSlides(-1); 143 | } else if(swipeLength < 0) { // swipe left 144 | plusSlides(+1); 145 | } 146 | } 147 | -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- 1 | # Eternity 2 | 3 |
4 | 5 |

6 | Eternity is a minimalist Hugo theme designed for portfolio sites with a fresh feel. 7 |

8 |
9 | 10 | > [!WARNING] 11 | > This project is currently not being actively maintained. 12 | > Please do not create new issues on GitHub. 13 | > If you **urgently** require assistance, reach out via email to [**eternity@bora.sh**](mailto:eternity@bora.sh). 14 | 15 | > [!IMPORTANT] 16 | > If you are interested in taking over the maintenance of this project, please get in touch. 17 | > Your support would be greatly appreciated! 18 | 19 | ### Demo 20 | 21 | Website: [eternity.bora.sh](https://eternity.bora.sh) 22 | 23 |
24 | 25 | https://user-images.githubusercontent.com/20258973/180658086-24069751-1e78-44ef-88aa-21e045ef249d.mp4 26 | 27 |
28 | 29 | ### Used by 30 | 31 | - [**cankalay.com**](https://cankalay.com) 32 | A photographer website. 33 | 34 | - [**www.twosmallbirds.art**](https://www.twosmallbirds.art) 35 | An illustrator website. 36 | 37 | - [**www.lucywingard.com**](https://www.lucywingard.com) 38 | A ceramic artist website. 39 | 40 | - [**emily5.com**](https://emily5.com) 41 | A graphic designer website. 42 | 43 | - [**davidbliss.art**](https://davidbliss.art/) 44 | A drawings website. 45 | 46 | - [**tatjana-hodes.de**](https://tatjana-hodes.de) 47 | An artist website. 48 | 49 | - [**cubrix.art**](https://cubrix.art/en/) 50 | An artist website. 51 | 52 | - [**asjadnaqvi.github.io/stata-portfolio**](https://asjadnaqvi.github.io/stata-portfolio/tags/portfolio/) 53 | Stata dataviz portfolio. 54 | 55 | - [**zone.photos**](https://zone.photos) 56 | A photographer website. 57 | 58 | - [**thomaslaneart.com**](https://thomaslaneart.com) 59 | An artist website. 60 | 61 | - [**taschchen.art**](https://taschchen.art) 62 | An artist website. 63 | 64 | - [**www.michael-bolus.com**](https://www.michael-bolus.com/) 65 | A photographer website. 66 | 67 | - [**floragrh.com.ar**](https://floragrh.com.ar/) 68 | An illustrator website. 69 | 70 | - [**fotos.pilat.cc**](https://fotos.pilat.cc/) 71 | A photographer website. 72 | 73 | - [**www.phidelart.com**](https://www.phidelart.com/) 74 | An artist website. 75 | 76 | - [**peties.art**](https://peties.art/) 77 | An artist website. 78 | 79 | - [**krystalledoux.com**](https://krystalledoux.com/) 80 | An artist website. 81 | 82 | - [**neilstoddard.com**](https://neilstoddard.com/) 83 | A photographer website. 84 | 85 | - [**rebeccacomas.com**](https://rebeccacomas.com/) 86 | A web/graphic designer website. 87 | 88 | - [**sophiacaro.com**](https://sophiacaro.com/about/) 89 | An artist website. 90 | 91 | - [**lightroastdisco.com**](https://lightroastdisco.com/) 92 | A musician website. 93 | 94 | - [**chogo.photography**](https://chogo.photography/) 95 | A photographer website. 96 | 97 | - [**piacenza.us**](https://piacenza.us/) 98 | A photographer website. 99 | 100 | - [**rominamoyateatro.com**](https://rominamoyateatro.com/) 101 | An actress website. 102 | 103 | *Feel free to add your site here.* 104 | 105 | ### Features 106 | 107 | - **Configurable** features. 108 | 109 | - **Multiple images** support. 110 | 111 | - Clean, fresh, **minimalist**. 112 | 113 | - Integrated **lazy load**. 114 | 115 | - Automatically creates **resized** thumbnails. 116 | 117 | - Shows **exif** if it exists. 118 | 119 | ### Installation 120 | 121 | 1. Install Hugo. 122 | 123 | 2. Create a new site. 124 | ```shell 125 | hugo new site yoursite 126 | ``` 127 | ```shell 128 | cd yoursite 129 | ``` 130 | 131 | 3. Remove default config file. 132 | ```shell 133 | rm hugo.toml 134 | ``` 135 | If you use an older version of Hugo ([< v0.110.0](https://github.com/gohugoio/hugo/issues/8979)), your config might be called differently: 136 | ```shell 137 | rm config.toml 138 | ``` 139 | 140 | 4. Submodule the theme. 141 | ```shell 142 | git init 143 | ``` 144 | ```shell 145 | git submodule add --depth=1 https://github.com/boratanrikulu/eternity.git themes/eternity 146 | ``` 147 | 148 | 5. Create config.yaml; 149 | Apply (1) or (2). 150 | 151 | 1. Use the example project (recommended). 152 | Copy all files from the example project. 153 | ```shell 154 | cp -r ./themes/eternity/example/eternity.bora.sh/* . 155 | ``` 156 | 2. Use empty content. 157 | Copy example config. 158 | ```shell 159 | cp ./themes/eternity/config.example.yaml ./config.yaml 160 | ``` 161 | 6. Start the server. 162 | ```shell 163 | hugo serve --port 1313 164 | ``` 165 | 166 | 7. Go to [localhost:1313](http://localhost:1313). 167 | 168 | ### Upgrade 169 | 170 | To get last updates, just git pull. 171 | ```shell 172 | cd themes/eternity && git pull && cd - 173 | ``` 174 | 175 | ### Usage of Posts 176 | 177 | [**Go to posts documentation.**](doc/posts.md) 178 | 179 | ### Usage of Config.yaml 180 | 181 | [**Go to config documentation.**](doc/config.md) 182 | 183 | ### Editing Style 184 | 185 | [**Go to style documentation.**](doc/style.md) 186 | 187 | ### Contact 188 | 189 | If you need to contact us for any reason; send a mail to [**eternity@bora.sh**](mailto:eternity@bora.sh). 190 | -------------------------------------------------------------------------------- /static/css/style.css: -------------------------------------------------------------------------------- 1 | .title { 2 | color: var(--white); 3 | font-size: xx-large; 4 | } 5 | 6 | /* WELCOME */ 7 | 8 | .welcome { 9 | /* background-image: url("/background.jpeg"); It was moved to inline css. */ 10 | background-size: cover; 11 | background-position: center; 12 | width: 100%; 13 | height: 100%; 14 | } 15 | 16 | .welcome-media { 17 | margin-bottom: 70px; 18 | align-items: center !important; 19 | } 20 | 21 | .welcome-title { 22 | text-align: center; 23 | font-size: 2em; 24 | } 25 | 26 | .welcome-subtitle { 27 | font-size: 1.2em; 28 | } 29 | 30 | .navbar-end { 31 | display: flex; 32 | justify-content: center; 33 | } 34 | 35 | .navbar-middle { 36 | width: 100%; 37 | display: grid; 38 | justify-content: center; 39 | position: absolute; 40 | z-index: -9; 41 | } 42 | 43 | .socials { 44 | width: 80%; 45 | margin-top: 10px; 46 | display: flex; 47 | justify-content: space-around; 48 | } 49 | 50 | .social { 51 | margin-right: 20px; 52 | } 53 | 54 | .work { 55 | display: grid; 56 | justify-items: center; 57 | } 58 | 59 | .work-width { 60 | width: var(--desktop-work-width); 61 | } 62 | 63 | .enter { 64 | display: grid; 65 | margin-top: 50px; 66 | justify-content: center; 67 | } 68 | 69 | .enter>.button { 70 | margin-bottom: 20px; 71 | height: 50px; 72 | width: 170px; 73 | opacity: 0.9 !important; 74 | font-size: 1.9em; 75 | } 76 | 77 | .enter>div.warn>span.warn { 78 | display: inline; 79 | padding-left: 5px; 80 | padding-right: 5px; 81 | font-size: small; 82 | color: rgba(214, 214, 214, 0.828); 83 | background-color: var(--main); 84 | } 85 | 86 | nav.navbar { 87 | background-color: var(--dark); 88 | justify-content: people-between; 89 | align-items: center; 90 | height: unset !important; 91 | margin-left: 2em; 92 | margin-right: 2em; 93 | padding-top: 1em; 94 | } 95 | 96 | .navbar-burger { 97 | color: #ffffff; 98 | height: 6rem; 99 | } 100 | 101 | .menu { 102 | max-width: 600px; 103 | } 104 | 105 | .margin-bottom-50 { 106 | margin-bottom: 50px; 107 | } 108 | 109 | div.logo { 110 | height: 5rem; 111 | } 112 | 113 | img.logo { 114 | height: 100%; 115 | } 116 | 117 | .welcome-end { 118 | width: 100%; 119 | padding: 20px; 120 | bottom: 0; 121 | text-align: center; 122 | font-size: smaller; 123 | } 124 | 125 | img { 126 | margin: auto; 127 | display: block; 128 | } 129 | 130 | a img { 131 | border: none; 132 | } 133 | 134 | .markdown p { 135 | margin-bottom: 20px; 136 | } 137 | 138 | /* 404 page */ 139 | 140 | .image-404 { 141 | box-shadow: 2px 2px 2px 2px var(--main); 142 | } 143 | 144 | .title-404 { 145 | font-size: 6em; 146 | } 147 | 148 | .subtitle-404 { 149 | font-size: 1.7em; 150 | } 151 | 152 | .header-404 { 153 | justify-content: center; 154 | display: grid; 155 | } 156 | 157 | .body-404 { 158 | margin-top: 20vh; 159 | } 160 | 161 | /* Portfolio list */ 162 | 163 | .slider { 164 | z-index: 99; 165 | display: none; 166 | align-items: center; 167 | justify-content: center; 168 | position: fixed; 169 | overflow-y: scroll; 170 | overflow-x: hidden; 171 | left: 0; 172 | top: 0; 173 | width: 100%; 174 | height: 100%; 175 | background-color: rgba(0, 0, 0, 0.92); 176 | } 177 | 178 | .slide { 179 | justify-content: center; 180 | justify-items: center; 181 | box-sizing: border-box; 182 | } 183 | 184 | .noscroll { 185 | position: fixed; 186 | overflow: hidden; 187 | } 188 | 189 | .slides>.columns { 190 | width: 80%; 191 | } 192 | 193 | .navigate { 194 | position: fixed; 195 | bottom: 25px; 196 | right: 100px; 197 | background-color: rgba(0, 0, 0, 0.75); 198 | border-radius: 10%; 199 | padding: 20px; 200 | display: flex; 201 | justify-content: space-around; 202 | height: 100px; 203 | align-items: center; 204 | } 205 | 206 | .prev, 207 | .next { 208 | cursor: pointer; 209 | color: var(--main-light); 210 | font-weight: bold; 211 | font-size: 36px; 212 | transition: 0.6s ease; 213 | border-radius: 0 3px 3px 0; 214 | user-select: none; 215 | -webkit-user-select: none; 216 | } 217 | 218 | .next { 219 | margin-left: 50px; 220 | border-radius: 3px 0 0 3px; 221 | } 222 | 223 | .modal-close { 224 | max-height: 50px; 225 | max-width: 50px; 226 | } 227 | 228 | .modal-close::before, 229 | .modal-close::after { 230 | background-color: var(--main-light); 231 | } 232 | 233 | .slide-imgs { 234 | display: grid; 235 | justify-content: center; 236 | align-items: center; 237 | } 238 | 239 | .fullheight { 240 | min-height: 100vh; 241 | width: 100%; 242 | } 243 | 244 | section .column img { 245 | cursor: pointer; 246 | } 247 | 248 | .section { 249 | padding: 3rem 1rem; 250 | } 251 | 252 | .alittle { 253 | max-width: 920px; 254 | } 255 | 256 | .slide img { 257 | margin-bottom: 10px; 258 | width: auto; 259 | max-height: 92vh; 260 | } 261 | 262 | .portfolio { 263 | margin: 10px; 264 | width: 100%; 265 | } 266 | 267 | .tags-list { 268 | width: 100%; 269 | } 270 | 271 | .slide-tags { 272 | padding-left: 3px; 273 | } 274 | 275 | .slide-tag { 276 | font-size: medium; 277 | } 278 | 279 | .grey { 280 | color: var(--grey); 281 | } 282 | 283 | .slide-info { 284 | margin-bottom: 30px; 285 | margin-left: 20px; 286 | font-size: medium; 287 | width: 800px; 288 | } 289 | 290 | .slide-meta { 291 | font-size: medium; 292 | width: 1000px; 293 | } 294 | 295 | .slide-meta-el { 296 | margin-top: 10px; 297 | text-align: center; 298 | height: 50px; 299 | } 300 | 301 | .slide-meta-title { 302 | text-align: center; 303 | height: 70px; 304 | font-size: x-large; 305 | } 306 | 307 | .text-center { 308 | text-align: center; 309 | } 310 | 311 | .center { 312 | display: flex; 313 | justify-content: center; 314 | align-items: center; 315 | } 316 | 317 | .exif { 318 | margin-top: 20px; 319 | margin-bottom: 20px; 320 | font-size: small; 321 | color: rgb(211, 211, 211); 322 | } 323 | 324 | .footer { 325 | background-color: var(--dark); 326 | color: rgb(245, 245, 245); 327 | } 328 | 329 | .source-love { 330 | color: var(--main-light); 331 | } 332 | 333 | #mobile { 334 | display: none; 335 | } 336 | 337 | .image-box { 338 | margin-top: 20px; 339 | overflow: hidden; 340 | border: 0px; 341 | } 342 | 343 | .image-box img { 344 | transition: all 0.3s; 345 | display: block; 346 | height: auto; 347 | transform: scale(1); 348 | } 349 | 350 | .image-box:hover img { 351 | transform: scale(1.03); 352 | } 353 | 354 | .slide-imgs .columns { 355 | margin: unset; 356 | } 357 | 358 | .slide-imgs .columns .column { 359 | padding: 0.10rem; 360 | } 361 | 362 | .slide-imgs .columns .column:not(:first-child) { 363 | margin-left: 5px; 364 | } 365 | 366 | /* Arrow */ 367 | 368 | .down-arrow { 369 | animation: jumpInfinite 3s infinite; 370 | position: fixed; 371 | top: calc(100vh - 100px); 372 | left: 60px; 373 | } 374 | 375 | .down-arrow:after { 376 | content: " "; 377 | position: absolute; 378 | top: 12px; 379 | left: -10px; 380 | width: 16px; 381 | height: 16px; 382 | border-bottom: 4px solid; 383 | border-right: 4px solid; 384 | border-radius: 4px; 385 | transform: rotateZ(45deg); 386 | color: var(--grey); 387 | } 388 | 389 | .hidden { 390 | opacity: 0; 391 | transition: opacity 250ms ease-in-out; 392 | } 393 | 394 | @keyframes jumpInfinite { 395 | 0% { 396 | margin-top: 0; 397 | } 398 | 399 | 50% { 400 | margin-top: 20px; 401 | } 402 | 403 | 100% { 404 | margin-top: 0; 405 | } 406 | } 407 | --------------------------------------------------------------------------------