🚧 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
|
_config.local.yml
|
||||||
.image
|
.image
|
||||||
*.~undo-tree~
|
*.~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