🚧 Switched about page to Hugo
This commit is contained in:
parent
aa4c8d2802
commit
1fd1953563
10 changed files with 91 additions and 41 deletions
1
.gitignore
vendored
1
.gitignore
vendored
|
|
@ -12,3 +12,4 @@ package.json
|
|||
_config.local.yml
|
||||
.image
|
||||
*.~undo-tree~
|
||||
.hugo_build.lock
|
||||
|
|
|
|||
3
.gitmodules
vendored
Normal file
3
.gitmodules
vendored
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
[submodule "themes/hello-friend-ng"]
|
||||
path = themes/hello-friend-ng
|
||||
url = git@github.com:rhazdon/hugo-theme-hello-friend-ng.git
|
||||
5
archetypes/default.md
Normal file
5
archetypes/default.md
Normal file
|
|
@ -0,0 +1,5 @@
|
|||
+++
|
||||
title = '{{ replace .File.ContentBaseName "-" " " | title }}'
|
||||
date = {{ .Date }}
|
||||
draft = true
|
||||
+++
|
||||
21
assets/scss/extra.scss
Normal file
21
assets/scss/extra.scss
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
@import "../../themes/hello-friend-ng/assets/scss/_variables";
|
||||
|
||||
.aside {
|
||||
max-width: 50%;
|
||||
@media #{$media-size-phone} {
|
||||
max-width: 100%;
|
||||
}
|
||||
}
|
||||
|
||||
figure {
|
||||
&.right-floated, &.left-floated {
|
||||
@media #{$media-size-phone} {
|
||||
float: none;
|
||||
text-align: left;
|
||||
|
||||
img {
|
||||
margin: 0 auto;
|
||||
}
|
||||
}
|
||||
}
|
||||
}
|
||||
34
content/about.md
Normal file
34
content/about.md
Normal file
|
|
@ -0,0 +1,34 @@
|
|||
---
|
||||
title: Introduction
|
||||
---
|
||||
|
||||
Welcome to my website. My name is Dan Jones. I am a web developer and an actor, and I'd like to tell you a bit about myself.
|
||||
|
||||
<section id="webdeveloper">
|
||||
|
||||
## Dan Jones, the Web Developer
|
||||
|
||||
{{< figure src="https://res.cloudinary.com/danjones000/image/upload/v1518462377/danielrayjones/C64c_system.jpg" alt="Commodore 64" title="Commodore 64" class="right-floated aside" attr="© Bill Bertram" attrlink="http://commons.wikimedia.org/wiki/File:C64c_system.jpg" >}}
|
||||
|
||||
I was first exposed to computers as a child. My family had a Commodore 64, on which, as a ten-year old child, I
|
||||
would do my homework, play games, and make simple programs. I learned how to program in
|
||||
[<abbr title="Beginner's All-purpose Symbolic Instruction Code">BASIC</abbr>](https://en.wikipedia.org/wiki/BASIC).
|
||||
It was then that I began to understand how computers could improve our day-to-day lives.
|
||||
|
||||
When we upgraded to a newer computer, we finally got the Internet (via [Prodigy](https://en.wikipedia.org/wiki/Prodigy_%28online_service%29)) in our home. When I was 14, I got my first email address, and at 15, created my first website on [GeoCities](https://en.wikipedia.org/wiki/GeoCities) (my site was in the *Silicon Valley* "neighborhood"). My site was essentially a blog before blogs existed.
|
||||
|
||||
Initially, I built the site using a <abbr title="What You See Is What You Get">WYSIWYG</abbr> editor (namely, [MS FrontPage](https://en.wikipedia.org/wiki/Microsoft_FrontPage)), but with my programming background, I was interested in what made these pages into the pages I saw in my web browser. It wasn't long before I was hand-coding the site.
|
||||
|
||||
I learned <abbr title=" Hypertext Markup Language">HTML</abbr> to layout the site, <abbr title="Cascading Stylesheets">CSS</abbr> to give it some style, and eventually JavaScript to make it dynamic. During that time, I had my own web design business. I had one client while in high school, but I gained skills necessary to work with others and to take another person's vision, and make it real.
|
||||
|
||||
When I entered college, I gained additional skills necessary to run enterprise websites. I learned PHP, for truly dynamic website. I learned SQL, to interact with databases. I also gained some experience with server administration by setting up and running my website on my own <abbr title="Linux, Apache, MySQL, PHP">LAMP</abbr> server. I also gained experience with several platforms and frameworks.
|
||||
|
||||
Since that time, I've worked in numerous industries, on websites of all shapes and sizes. I continue to learn more and improve my skills.
|
||||
|
||||
</section>
|
||||
|
||||
<section id="actor" class="hidden">
|
||||
|
||||
## Dan Jones, the Actor
|
||||
|
||||
</section>
|
||||
21
hugo.toml
Normal file
21
hugo.toml
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
baseURL = 'https://danielrayjones.com/'
|
||||
languageCode = 'en-us'
|
||||
title = "Dan Jones"
|
||||
theme = "hello-friend-ng"
|
||||
|
||||
[params]
|
||||
homeSubtitle = "Web developer, actor, jack of some trades"
|
||||
|
||||
[params.logo]
|
||||
logoText = "greetings"
|
||||
|
||||
[markup]
|
||||
defaultMarkdownHandler = 'goldmark'
|
||||
|
||||
[markup.goldmark.renderer]
|
||||
unsafe = true
|
||||
|
||||
[[menu.main]]
|
||||
identifier = "about"
|
||||
name = "About"
|
||||
url = "/about"
|
||||
41
index.html
41
index.html
|
|
@ -1,41 +0,0 @@
|
|||
---
|
||||
layout: default
|
||||
title: Introduction
|
||||
---
|
||||
|
||||
<p>Welcome to my website. My name is Dan Jones. I am a web developer and an actor, and I'd like to tell you a bit about myself.</p>
|
||||
|
||||
<section id="webdeveloper">
|
||||
<h2>Dan Jones, the Web Developer</h2>
|
||||
|
||||
<figure class="figure float-md-end mw-xs-100 mw-md-50">
|
||||
<img src="https://res.cloudinary.com/danjones000/image/upload/v1518462377/danielrayjones/C64c_system.jpg"
|
||||
class="figure-im img-fluid" alt="Commodore 64" />
|
||||
<figcaption class="figure-caption">
|
||||
Commodore 64C<br />© <a href="http://commons.wikimedia.org/wiki/File:C64c_system.jpg">Bill Bertram</a>
|
||||
</figcaption>
|
||||
</figure>
|
||||
|
||||
<p>I was first exposed to computers as a child. My family had a Commodore 64, on which, as a ten-year old child, I would
|
||||
do my homework, play games, and make simple programs. I learned how to program in
|
||||
<a href="https://en.wikipedia.org/wiki/BASIC"><abbr title="Beginner's All-purpose Symbolic Instruction Code">
|
||||
BASIC</abbr></a>. It was then that I began to
|
||||
understand how computers could improve our day-to-day lives.</p>
|
||||
|
||||
<p>When we upgraded to a newer computer, we finally got the Internet (via <a href="https://en.wikipedia.org/wiki/Prodigy_(online_service)">Prodigy</a>) in our home. When I was 14, I got my first email address, and at 15, created my first website on <a href="https://en.wikipedia.org/wiki/GeoCities">GeoCities</a> (my site was in the <em>Silicon Valley</em> "neighborhood"). My site was essentially a blog before blogs existed.</p>
|
||||
|
||||
<p>Initially, I built the site using a <abbr title=" What You See Is What You Get ">WYSIWYG</abbr> editor (namely, <a href="https://en.wikipedia.org/wiki/Microsoft_FrontPage">MS FrontPage</a>), but with my programming background, I was interested in what made these pages into the pages I saw in my web browser. It wasn't long before I was hand-coding the site.</p>
|
||||
|
||||
<p>I learned <abbr title=" Hypertext Markup Language">HTML</abbr> to layout the site, <abbr title="Cascading Stylesheets ">CSS</abbr> to give it some style, and eventually JavaScript to make it dynamic. During that time, I had my own web design business. I had one client while in high school, but I gained skills necessary to work with others and to take another person's vision, and make it real.</p>
|
||||
|
||||
<p>When I entered college, I gained additional skills necessary to run enterprise websites. I learned PHP, for truly dynamic website. I learned SQL, to interact with databases. I also gained some experience with server administration by setting up and running my website on my own <abbr title=" Linux, Apache, MySQL, PHP">LAMP</abbr> server. I also gained experience with several platforms and frameworks.</p>
|
||||
|
||||
<p>Since that time, I've worked building websites for small businesses, educational organizations, and large media companies.</p>
|
||||
</section>
|
||||
|
||||
<section id="actor" class="hide">
|
||||
<h2>Dan Jones, the Actor</h2>
|
||||
|
||||
|
||||
|
||||
</section>
|
||||
3
layouts/partials/extra-head.html
Normal file
3
layouts/partials/extra-head.html
Normal file
|
|
@ -0,0 +1,3 @@
|
|||
{{ $options := (dict "targetPath" "extra.css" "outputStyle" "compressed" "enableSourceMap" true) }}
|
||||
{{ $style := resources.Get "scss/extra.scss" | resources.ToCSS $options | resources.Fingerprint }}
|
||||
<link rel="stylesheet" href="{{ $style.RelPermalink }}" integrity="{{ $style.Data.Integrity }}">
|
||||
2
resources/.gitignore
vendored
Normal file
2
resources/.gitignore
vendored
Normal file
|
|
@ -0,0 +1,2 @@
|
|||
*
|
||||
!.gitignore
|
||||
1
themes/hello-friend-ng
Submodule
1
themes/hello-friend-ng
Submodule
|
|
@ -0,0 +1 @@
|
|||
Subproject commit 71cee08f56058d234e830f2ec0fd28623b8b4dbd
|
||||
Loading…
Add table
Add a link
Reference in a new issue