Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Fixing sidebar and adding stub pages. #1

Merged
merged 1 commit into from
Apr 27, 2020
Merged

Fixing sidebar and adding stub pages. #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
7 changes: 2 additions & 5 deletions _config.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,15 +11,11 @@ country: USA
phone: (510) 707-7494

# Social settings
500px_url:
facebook_url: https://www.facebook.com/johnapaz/
github_url: https://github.com/johnapaz
gitlab_url:
googleplus_url:
gitlab_url: https://gitlab.com/johnapaz
instagram_url: https://www.instagram.com/techwriterninja/
linkedin_url: https://www.linkedin.com/in/johnapaz
pinterest_url:
slack_url:
twitter_url: https://twitter.com/techwriterninja

# Build settings
Expand All @@ -28,3 +24,4 @@ collections:
- about
- reviews
- tutorials
collections_dir: content
8 changes: 4 additions & 4 deletions _includes/banner.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -9,10 +9,10 @@ <h1>I’m John Paz...</h1>
<p style="text-align: justify;" >I use this site as my professional online portfolio and resume, but also as the place to share my thoughts and expertise through my blog posts. Here you'll find reviews of things I've seen and done, and also 'how-to' tutorials that explain how to do things.</p>
<p style="text-align: center;">
<ul class="actions">
<li><a href="#" class="button special fit small">Resume</a></li>
<li><a href="#" class="button special fit small">Portfolio</a></li>
<li><a href="#" class="button special fit small">Reviews</a></li>
<li><a href="#" class="button special fit small">Tutorials</a></li>
<li><a href="{{ '/resume/' | absolute_url }}" class="button special fit small">Resume</a></li>
<li><a href="{{ '/portfolio/' | absolute_url }}" class="button special fit small">Portfolio</a></li>
<li><a href="{{ '/reviews/' | absolute_url }}" class="button special fit small">Reviews</a></li>
<li><a href="{{ '/tutorials/' | absolute_url }}" class="button special fit small">Tutorials</a></li>
</ul>
</p>
</div>
Expand Down
3 changes: 2 additions & 1 deletion _includes/head.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,9 +1,10 @@
<head>
<title>John Paz - Content Designer</title>
<title>John Paz|Content Designer</title>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
<!--[if lte IE 8]><script src="{{ 'assets/js/ie/html5shiv.js' | relative_url }}"></script><![endif]-->
<link rel="stylesheet" href="{{ 'assets/css/main.css' | relative_url }}" />
<link rel="shortcut icon" type="image/png" href="{{ 'assets/images/favicon.png' | relative_url }}" />
<!--[if lte IE 9]><link rel="stylesheet" href="{{ 'assets/css/ie9.css' | relative_url }}" /><![endif]-->
<!--[if lte IE 8]><link rel="stylesheet" href="{{ 'assets/css/ie8.css' | relative_url }}" /><![endif]-->
</head>
48 changes: 24 additions & 24 deletions _includes/sidebar.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -19,26 +19,27 @@ <h2>Nav</h2>
<li>
<span class="opener">About</span>
<ul>
<li><a href="#">About Me</a></li>
<li><a href="#">Resume</a></li>
<li><a href="#">Portfolio</a></li>
<li><a href="{{'/about/' | absolute_url }}">About Me</a></li>
<li><a href="{{'/resume/' | absolute_url }}">My Resume</a></li>
<li><a href="{{'/portfolio/' | absolute_url }}">My Portfolio</a></li>
<li><a href="{{'/my-story/' | absolute_url }}">My Story</a></li>
</ul>
</li>
<li><a href="{{ '/resume' | absolute_url }}">Resume</a></li>
<li><a href="{{ '/portfolio/' | absolute_url }}">Portfolio</a></li>
<li><a href="{{ '/about/' | absolute_url }}">About</a></li>
<li>
<span class="opener">Tutorials</span>
<ul>
<li><a href="#">How to: Tech</a></li>
<li><a href="#">How to: Writing</a></li>
<li><a href="#">How to: Parenting</a></li>
<li><a href="#">How to: Leadership</a></li>
<li><a href="{{'/tutorials/' | absolute_url }}">All Tutorials</a></li>
<li><a href="{{'/tutorials/tech/' | absolute_url }}">How to: Tech</a></li>
<li><a href="{{'/tutorials/writing/' | absolute_url }}">How to: Writing</a></li>
<li><a href="{{'/tutorials/parenting/' | absolute_url }}">How to: Parenting</a></li>
<li><a href="{{'/tutorials/leadership/' | absolute_url }}">How to: Leadership</a></li>
<li><a href="{{'/tutorials/content-design/' | absolute_url }}">How to: Content Design</a></li>
</ul>
</li>
<li>
<span class="opener">Reviews</span>
<ul>
<li><a href="{{'/reviews/' | absolute_url }}">All Reviews</a></li>
<li><a href="#">Book reviews</a></li>
<li><a href="#">Movie reviews</a></li>
<li><a href="#">TV show reviews</a></li>
Expand All @@ -56,22 +57,21 @@ <h2>About me</h2>
</header>
<div class="mini-posts">
<article>
<a href="{{'/tutorials/how-to-make-cuban-coffee.html' | absolute_url }}" class="image"><img src="{{ 'assets/images/colada-rul-damage.jpg' | absolute_url }}" alt="Cafe Cubano" /></a>
<h3>I LOVE COFFEE!</h3>
<p>Read my tutorial about how to make it my <i>favorite</i> way: Miami-Cuban style!</p>
<h3>My story</h3>
<a href="{{'/my-story/' | absolute_url }}" class="image"><img src="{{ 'assets/images/john-points.jpg' | absolute_url }}" alt="Picture: John Points" /></a>
<p>I'm not the typical techie. I didn't take a traditional path to working in tech, and I openly share my story to inspire others to find their place working in technology.</p>
</article>
<article>
<a href="#" class="image"><img src="{{ 'assets/images/pic08.jpg' | absolute_url }}" alt="" /></a>
<p>Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore aliquam.</p>
<h3>My resume</h3>
<a href="{{'/resume/' | absolute_url }}" class="image"><img src="{{ 'assets/images/john-frac.jpg' | absolute_url }}" alt="Picture: John Fractal Portrait" /></a>
<p>Read about my work history, education, the tools I've used, and projects I've worked on during my career.</p>
</article>
<article>
<a href="#" class="image"><img src="{{ 'assets/images/pic09.jpg' | absolute_url }}" alt="" /></a>
<p>Aenean ornare velit lacus, ac varius enim lorem ullamcorper dolore aliquam.</p>
<h3>My portfolio</h3>
<a href="{{'/portfolio/' | absolute_url }}" class="image"><img src="{{ 'assets/images/santa-cruz-boardwalk-sunset.jpg' | absolute_url }}" alt="Picture: Sunset at Santa Cruz" /></a>
<p>See examples of my work, including UX writing projects, and videos of my presentations.</p>
</article>
</div>
<ul class="actions">
<li><a href="#" class="button">More</a></li>
</ul>
</section>

<!-- Section -->
Expand All @@ -82,15 +82,15 @@ <h2>Get in touch</h2>
<ul class="contact">
<li class="fa-envelope-o"><a href="#">{{ site.email }}</a></li>
<li class="fa-phone">{{ site.phone }}</li>
<li class="fa-home">{{ site.street_address }}<br />
{{ site.city }}, {{ site.state }} {{ site.zip_code }}<br />
{{ site.country }}</li>
<li class="fa-home">{{ site.city }}, {{ site.state }} {{ site.zip_code }}, {{ site.country }}</li>
</ul>
</section>

<!-- Footer -->
<footer id="footer">
<p class="copyright">&copy; {{ site.title }}. All rights reserved. Demo Images: <a href="https://unsplash.com">Unsplash</a>. Design: <a href="https://html5up.net">HTML5 UP</a>. Jekyll integration: <a href="https://andrewbanchi.ch">Andrew Banchich</a>.</p>
<p class="copyright">&copy; {{ site.title }}. All rights reserved.
<br/>Design: <a href="https://html5up.net">HTML5 UP</a>.
<br/>Jekyll integration: <a href="https://andrewbanchi.ch">Andrew Banchich</a></p>
</footer>

</div>
Expand Down
Binary file modified assets/.DS_Store
View file
Open in desktop
Binary file not shown.
6 changes: 3 additions & 3 deletions assets/css/main.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2681,8 +2681,8 @@

ul.contact li {
text-decoration: none;
border-top: solid 1px rgba(210, 215, 217, 0.75);
margin: 1.5em 0 0 0;
border-top: none;
margin: 0.5em 0 0 0;
padding: 1.5em 0 0 3em;
position: relative;
}
Expand All @@ -2697,7 +2697,7 @@
}

ul.contact li:before {
color: #f56a6a;
color: #b47762;
display: inline-block;
font-size: 1.5em;
height: 1.125em;
Expand Down
Binary file added assets/images/favicon.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/images/john-frac.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/images/john-points.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/images/santa-cruz-boardwalk-sunset-large.png
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added assets/images/santa-cruz-boardwalk-sunset.jpg
View file
Open in desktop
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
6 changes: 6 additions & 0 deletions content/about/my-story.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
---
layout: page
title: My Story
permalink: /my-story/
categories: about
---
24 changes: 6 additions & 18 deletions content/about/portfolio/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,29 +1,17 @@
---
layout: page
title: Portfolio
image: assets/images/pic11.jpg
title: My Portfolio
image: assets/images/santa-cruz-boardwalk-sunset-large.png
permalink: /portfolio/
categories: [portfolio, about]
---

<p>Donec eget ex magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis. Praesent rutrum sem diam, vitae egestas enim auctor sit amet. Pellentesque leo mauris, consectetur id ipsum sit amet, fergiat. Pellentesque in mi eu massa lacinia malesuada et a elit. Donec urna ex, lacinia in purus ac, pretium pulvinar mauris. Curabitur sapien risus, commodo eget turpis at, elementum convallis elit. Pellentesque enim turpis, hendrerit.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis dapibus rutrum facilisis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam tristique libero eu nibh porttitor fermentum. Nullam venenatis erat id vehicula viverra. Nunc ultrices eros ut ultricies condimentum. Mauris risus lacus, blandit sit amet venenatis non, bibendum vitae dolor. Nunc lorem mauris, fringilla in aliquam at, euismod in lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In non lorem sit amet elit placerat maximus. Pellentesque aliquam maximus risus, vel sed vehicula.</p>
<p>Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis. Praesent rutrum sem diam, vitae egestas enim auctor sit amet. Pellentesque leo mauris, consectetur id ipsum sit amet, fersapien risus, commodo eget turpis at, elementum convallis elit. Pellentesque enim turpis, hendrerit tristique lorem ipsum dolor.</p>
<p>My portfolio contains examples of my work, including UX writing projects, documentation projects, and even videos of my presentations. This part of my site is currently being developed, so be sure to check back later as I add more examples of my past work.</p>
{:toc}

<hr class="major" />

<h2>Interdum sed dapibus</h2>
<p>Donec eget ex magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis. Praesent rutrum sem diam, vitae egestas enim auctor sit amet. Pellentesque leo mauris, consectetur id ipsum sit amet, fergiat. Pellentesque in mi eu massa lacinia malesuada et a elit. Donec urna ex, lacinia in purus ac, pretium pulvinar mauris. Curabitur sapien risus, commodo eget turpis at, elementum convallis elit. Pellentesque enim turpis, hendrerit.</p>
<h2>UX writing</h2>
<p>UX writing is a relatively new discipline within the field of UX design, and typically involves planning or conducting user research, creating and editing copy within user interfaces, or even obscure user touch points like log output.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis dapibus rutrum facilisis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam tristique libero eu nibh porttitor fermentum. Nullam venenatis erat id vehicula viverra. Nunc ultrices eros ut ultricies condimentum. Mauris risus lacus, blandit sit amet venenatis non, bibendum vitae dolor. Nunc lorem mauris, fringilla in aliquam at, euismod in lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In non lorem sit amet elit placerat maximus. Pellentesque aliquam maximus risus, vel sed vehicula. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis. Praesent rutrum sem diam, vitae egestas enim auctor sit amet. Pellentesque leo mauris, consectetur id ipsum sit amet, fersapien risus, commodo eget turpis at, elementum convallis elit. Pellentesque enim turpis, hendrerit tristique lorem ipsum dolor.</p>

<hr class="major" />

<h2>Magna etiam veroeros</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis dapibus rutrum facilisis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam tristique libero eu nibh porttitor fermentum. Nullam venenatis erat id vehicula viverra. Nunc ultrices eros ut ultricies condimentum. Mauris risus lacus, blandit sit amet venenatis non, bibendum vitae dolor. Nunc lorem mauris, fringilla in aliquam at, euismod in lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In non lorem sit amet elit placerat maximus. Pellentesque aliquam maximus risus, vel sed vehicula.</p>
<p>Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis. Praesent rutrum sem diam, vitae egestas enim auctor sit amet. Pellentesque leo mauris, consectetur id ipsum sit amet, fersapien risus, commodo eget turpis at, elementum convallis elit. Pellentesque enim turpis, hendrerit tristique lorem ipsum dolor.</p>

<hr class="major" />

<h2>Lorem aliquam bibendum</h2>
<p>Donec eget ex magna. Interdum et malesuada fames ac ante ipsum primis in faucibus. Pellentesque venenatis dolor imperdiet dolor mattis sagittis. Praesent rutrum sem diam, vitae egestas enim auctor sit amet. Pellentesque leo mauris, consectetur id ipsum sit amet, fergiat. Pellentesque in mi eu massa lacinia malesuada et a elit. Donec urna ex, lacinia in purus ac, pretium pulvinar mauris. Curabitur sapien risus, commodo eget turpis at, elementum convallis elit. Pellentesque enim turpis, hendrerit.</p>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis dapibus rutrum facilisis. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Etiam tristique libero eu nibh porttitor fermentum. Nullam venenatis erat id vehicula viverra. Nunc ultrices eros ut ultricies condimentum. Mauris risus lacus, blandit sit amet venenatis non, bibendum vitae dolor. Nunc lorem mauris, fringilla in aliquam at, euismod in lectus. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. In non lorem sit amet elit placerat maximus. Pellentesque aliquam maximus risus, vel sed vehicula.</p>
9 changes: 9 additions & 0 deletions content/reviews/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,3 +4,12 @@ title: Reviews
permalink: /reviews/
categories: reviews
---

{% for collection in site.collections %}
<h2>Items from {{ collection.reviews }}</h2>
<ul>
{% for item in site[collection.reviews] %}
<li><a href="{{ item.url }}">{{ item.title }}</a></li>
{% endfor %}
</ul>
{% endfor %}
6 changes: 6 additions & 0 deletions content/tutorials/content-design/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
---
layout: page
title: "Tutorials: Content Design"
permalink: /tutorials/content-design/
categories: [tutorials,content-design]
---
6 changes: 6 additions & 0 deletions content/tutorials/leadership/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
---
layout: page
title: "Tutorials: Leadership"
permalink: /tutorials/leadership/
categories: [tutorials,leadership]
---
6 changes: 6 additions & 0 deletions content/tutorials/parenting/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
---
layout: page
title: "Tutorials: Parenting"
permalink: /tutorials/parenting/
categories: [tutorials,parenting]
---
6 changes: 6 additions & 0 deletions content/tutorials/tech/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
---
layout: page
title: "Tutorials: Tech"
permalink: /tutorials/tech/
categories: [tutorials,tech]
---
6 changes: 6 additions & 0 deletions content/tutorials/writing/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,6 @@
---
layout: page
title: "Tutorials: Writing"
permalink: /tutorials/writing/
categories: [tutorials,writing]
---