diff options
author | mcrwfrd <mcrwfrd@gmail.com> | 2019-07-12 21:22:36 +0300 |
---|---|---|
committer | mcrwfrd <mcrwfrd@gmail.com> | 2019-07-12 21:22:36 +0300 |
commit | b3607de9aa1b01cd316767a4ff438a13be0c2f4b (patch) | |
tree | 1f34de8b47f76a63a207f537fbfc68bc4ec55cfb | |
parent | 19368eb160678e8bdace144e10e7cf9b0580e19d (diff) |
Add pages for posts, bio, and contact
-rw-r--r-- | config.toml | 21 | ||||
-rw-r--r-- | content/about/_index.md | 9 | ||||
-rw-r--r-- | content/contact/_index.md | 9 | ||||
-rw-r--r-- | content/posts/test-post.md | 47 | ||||
-rw-r--r-- | layouts/_default/list.html | 37 | ||||
-rw-r--r-- | layouts/_default/single.html | 18 | ||||
-rw-r--r-- | layouts/about/list.html | 31 | ||||
-rw-r--r-- | layouts/contact/list.html | 31 | ||||
-rw-r--r-- | layouts/partials/head.html | 2 | ||||
-rw-r--r-- | layouts/partials/header.html | 22 | ||||
-rw-r--r-- | static/css/main.css | 1 |
11 files changed, 217 insertions, 11 deletions
diff --git a/config.toml b/config.toml new file mode 100644 index 0000000..31f135e --- /dev/null +++ b/config.toml @@ -0,0 +1,21 @@ +# Site settings +baseurl = "https://example.org/" +languageCode = "en-us" +sectionPagesMenu = "main" + +[params] + name = "Your name" + description = "Your description" + email = "your@email.com" + author = "Pablo Picasso" + + [params.about] + title = "About me" + bio = "" + + [params.contact] + title = "Contact" + text = "Write a sentence or two here to invite people to reach out to you over email or Instagram." + [[params.contact.social]] + icon = "instagram" + link = "//www.linkedin.com/in/travisneilson"
\ No newline at end of file diff --git a/content/about/_index.md b/content/about/_index.md new file mode 100644 index 0000000..d59b397 --- /dev/null +++ b/content/about/_index.md @@ -0,0 +1,9 @@ +--- +title: "About" +date: 2019-05-12T12:14:34+06:00 +description: "This is meta description." +authorImage : "images/about/author.jpg" +type: "post" +--- + +Write a short biography about yourself here.
\ No newline at end of file diff --git a/content/contact/_index.md b/content/contact/_index.md new file mode 100644 index 0000000..9ab2727 --- /dev/null +++ b/content/contact/_index.md @@ -0,0 +1,9 @@ +--- +title: "Contact" +date: 2019-05-12T12:14:34+06:00 +description: "This is meta description." +authorImage : "images/about/author.jpg" +type: "post" +--- + +Write a sentence or two here to invite people to reach out to you over email or Instagram.
\ No newline at end of file diff --git a/content/posts/test-post.md b/content/posts/test-post.md new file mode 100644 index 0000000..a20e843 --- /dev/null +++ b/content/posts/test-post.md @@ -0,0 +1,47 @@ +--- +title: "The Day I Met Emily Carr" +date: 2019-05-12T12:14:34+06:00 +image: "images/blog/post-5.jpg" +description: "Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore +et dolore magna aliqua." +type: "post" +--- + +Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore +et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip +ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu +fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt +mollit anim id est laborum. + +Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et +dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex +ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat +nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit +anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque +laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae +dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia +consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est. + +Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et +dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex +ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat +nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit +anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque +laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae +dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia +consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem +ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut +labore et dolore magnam aliquam quaerat voluptatem. + +> Dolorem ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut labore et dolore magnam aliquam quaerat voluptatem. + +Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et +dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex +ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat +nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit +anim id est laborum. Sed ut perspiciatis unde omnis iste natus error sit voluptatem accusantium doloremque +laudantium, totam rem aperiam, eaque ipsa quae ab illo inventore veritatis et quasi architecto beatae vitae +dicta sunt explicabo. Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia +consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem +ipsum quia dolor sit amet, consectetur, adipisci velit, sed quia non numquam eius modi tempora incidunt ut +labore et dolore magnam aliquam quaerat voluptatem.
\ No newline at end of file diff --git a/layouts/_default/list.html b/layouts/_default/list.html new file mode 100644 index 0000000..d826bee --- /dev/null +++ b/layouts/_default/list.html @@ -0,0 +1,37 @@ +{{ define "main" }} + + <!-- page title --> + <section class="page-title-alt position-relative overflow-hidden"> + <div class="container"> + <div class="row"> + <div class="col-12"> + <h3 class="font-tertiary mt-5">{{ .Title }}</h3> + </div> + </div> + </div> + </section> + <!-- /page title --> + + <!-- about --> + <section class="section pt-5"> + <div class="container"> + <div class="row"> + <div class="col-md-8"> + {{ range .Data.Pages }} + <h4 class=""><a class="text-dark" href="{{.Permalink}}">{{.Title }}</a> + </h4> + <p class="cars-text">{{.Summary}}</p> + <a href="{{.Permalink}}" class="btn btn-xs btn-primary">Read More</a> + {{ end }} + </div> + <div class="col-md-4 text-center drag-lg-top"> + <div class="shadow-down mb-4"> + </div> + <h4>{{ .Params.Author }}</h4> + </div> + </div> + </div> + </section> + <!-- /about --> + +{{ end }} diff --git a/layouts/_default/single.html b/layouts/_default/single.html new file mode 100644 index 0000000..861ad01 --- /dev/null +++ b/layouts/_default/single.html @@ -0,0 +1,18 @@ + +{{ define "main" }} + + <section class="section"> + <div class="container"> + <div class="row"> + <div class="col-md-8"> + <h3 class="font-tertiary mt-4 mb-2">{{.Title}}</h3> + <p class="font-secondary">by <span class="text-primary">{{$.Site.Params.Author}}</span></p> + <div class="content"> + {{.Content }} + </div> + </div> + </div> + </div> + </section> + +{{ end }}
\ No newline at end of file diff --git a/layouts/about/list.html b/layouts/about/list.html new file mode 100644 index 0000000..b3d39e2 --- /dev/null +++ b/layouts/about/list.html @@ -0,0 +1,31 @@ +{{ define "main" }} + + <!-- page title --> + <section class="page-title-alt position-relative overflow-hidden"> + <div class="container"> + <div class="row"> + <div class="col-12"> + <h3 class="font-tertiary mt-5">{{ .Title }}</h3> + </div> + </div> + </div> + </section> + <!-- /page title --> + + <!-- about --> + <section class="section pt-5"> + <div class="container"> + <div class="row"> + <div class="col-md-8"> + {{ .Content }} + </div> + <div class="col-md-4 text-center drag-lg-top"> + <div class="shadow-down mb-4"> + </div> + </div> + </div> + </div> + </section> + <!-- /about --> + +{{ end }}
\ No newline at end of file diff --git a/layouts/contact/list.html b/layouts/contact/list.html new file mode 100644 index 0000000..b3d39e2 --- /dev/null +++ b/layouts/contact/list.html @@ -0,0 +1,31 @@ +{{ define "main" }} + + <!-- page title --> + <section class="page-title-alt position-relative overflow-hidden"> + <div class="container"> + <div class="row"> + <div class="col-12"> + <h3 class="font-tertiary mt-5">{{ .Title }}</h3> + </div> + </div> + </div> + </section> + <!-- /page title --> + + <!-- about --> + <section class="section pt-5"> + <div class="container"> + <div class="row"> + <div class="col-md-8"> + {{ .Content }} + </div> + <div class="col-md-4 text-center drag-lg-top"> + <div class="shadow-down mb-4"> + </div> + </div> + </div> + </div> + </section> + <!-- /about --> + +{{ end }}
\ No newline at end of file diff --git a/layouts/partials/head.html b/layouts/partials/head.html index 8418e38..427602f 100644 --- a/layouts/partials/head.html +++ b/layouts/partials/head.html @@ -9,7 +9,7 @@ <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0/css/bootstrap.min.css" integrity="sha384-Gn5384xqQ1aoWXA+058RXPxPg6fy4IWvTNh0E263XmFcJlSAwiGgFAW/dAiS6JXm" crossorigin="anonymous"> - <link rel="stylesheet" type="text/css" href="{{ .Site.BaseURL }}css/main.css?v=1.2.2" /> + <link rel="stylesheet" type="text/css" href="{{ .Site.BaseURL }}css/main.css?v=1.2.9" /> <link rel="stylesheet" type="text/css" href="{{ .Site.BaseURL }}css/component.css" /> <script src="https://code.jquery.com/jquery-3.2.1.slim.min.js" integrity="sha384-KJ3o2DKtIkvYIK3UENzmM7KCkRr/rE9/Qpg6aAZGJwFDMVNA/GpGFF93hXpG5KkN" crossorigin="anonymous"></script> diff --git a/layouts/partials/header.html b/layouts/partials/header.html index 95d3206..200585d 100644 --- a/layouts/partials/header.html +++ b/layouts/partials/header.html @@ -1,16 +1,18 @@ <nav class="navbar navbar-expand-lg navbar-light bg-light"> - <a class="navbar-brand" href="#">{{ $.Site.Params.Author | default "John Doe"}}</a> + <a class="navbar-brand" href="/">{{ $.Site.Params.Author | default "John Doe"}}</a> - <!-- TODO: Add back hamburger nav in future versions --> -<!-- <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation"> + <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarNavAltMarkup" aria-controls="navbarNavAltMarkup" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> - </button> --> - - <!-- TODO: Add back navbar in future versions --> -<!-- <div class="collapse navbar-collapse" id="navbarNavAltMarkup"> + </button> + + <div class="collapse navbar-collapse" id="navbarNavAltMarkup"> <div class="navbar-nav"> - <a class="nav-item nav-link active" href="#">Home <span class="sr-only">(current)</span></a> - <a class="nav-item nav-link" href="#">Features</a> + {{ $currentPage := . }} + {{ range .Site.Menus.main }} + <a class="nav-item nav-link" href="{{ .URL }}" title="{{ .Title }}"> + {{ .Name }} + </a> + {{ end }} </div> - </div> --> + </div> </nav> diff --git a/static/css/main.css b/static/css/main.css index b0d1b6c..a8f7128 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -14,6 +14,7 @@ html { height: 100%; } margin: 0; } + /* Clearfix hack by Nicolas Gallagher: http://nicolasgallagher.com/micro-clearfix-hack/ */ .clearfix:before, .clearfix:after { |