Initial Build
This commit is contained in:
Alex
parent
71cd3acccd
commit
6c0d9a3f98
140 changed files with 9802 additions and 2403 deletions
28
templates/front/category/detail.html.twig
Normal file
28
templates/front/category/detail.html.twig
Normal file
|
|
@ -0,0 +1,28 @@
|
|||
{% extends 'base.html.twig' %}
|
||||
|
||||
{% block title %}Categories | Alex Daniels{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<section class="category">
|
||||
{% if posts|length %}
|
||||
<div class="posts">
|
||||
<h2>Posts</h2>
|
||||
<ul>
|
||||
{% for post in posts %}
|
||||
<li><a href="/words/{{post.url}}">{{post.title}}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
{% endif %}
|
||||
{% if photos|length %}
|
||||
<div class="photos">
|
||||
<h2>Photos</h2>
|
||||
<ul>
|
||||
{% for photo in photos %}
|
||||
<li><a href="/photos/{{photo.url}}">{{photo.title}}</a></li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
{% endif %}
|
||||
</section>
|
||||
{% endblock %}
|
||||
16
templates/front/category/index.html.twig
Normal file
16
templates/front/category/index.html.twig
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
{% extends 'base.html.twig' %}
|
||||
|
||||
{% block title %}Categories | Alex Daniels{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<section class="categories">
|
||||
<h2>Categories</h2>
|
||||
<ul>
|
||||
{% for category in categories %}
|
||||
<li>
|
||||
<a href="/categories/{{category['urlSafeTitle']}}">{{category['title']}} ({{category['count']}})</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</section>
|
||||
{% endblock %}
|
||||
138
templates/front/home/index.html.twig
Normal file
138
templates/front/home/index.html.twig
Normal file
|
|
@ -0,0 +1,138 @@
|
|||
{% extends 'home.html.twig' %}
|
||||
|
||||
{% block title %}My Own Corner Of The Internet | Alex Daniels{% endblock %}
|
||||
|
||||
|
||||
{% block nav %}
|
||||
<nav>
|
||||
<h1><a href="/">AD</a></h1>
|
||||
<i class="icon icon-menu" aria-label="open menu"></i>
|
||||
<menu class="front-menu">
|
||||
<li><a href="/words">Writing</a></li>
|
||||
<li><a href="/photos">Photography</a></li>
|
||||
<li><a href="/about">About Me</a></li>
|
||||
{% if app.user %}
|
||||
<li><a href="/brain">Brain</a></li>
|
||||
<li><a href="/letmeout">Logout</a></li>
|
||||
{% endif %}
|
||||
</menu>
|
||||
</nav>
|
||||
{% endblock %}
|
||||
|
||||
|
||||
{% block intro %}
|
||||
<section id="intro">
|
||||
<p class="heading"> cat ./about.md</p>
|
||||
</section>
|
||||
{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<section id="body">
|
||||
<p class="about">
|
||||
hello, i'm alex<br>
|
||||
i'm a web developer based in portland, oregon<br><br>
|
||||
in my free time i enjoy hiking, camping, reading, photography, and more<br><br>
|
||||
welcome to my little corner of the internet
|
||||
</p>
|
||||
</section>
|
||||
{% endblock %}
|
||||
|
||||
{% block outro %}
|
||||
<section id="outro">
|
||||
<p class="heading"> ls ./menu</p>
|
||||
<div class="menu">
|
||||
<a data-scroll-to="cool-stuff">some cool stuff</a>
|
||||
<a data-scroll-to="work">work</a>
|
||||
<a data-scroll-to="contact">contact</a>
|
||||
</div>
|
||||
</section>
|
||||
<div id="continue" aria-label="continue"><i class="icon icon-arrow-down"></i></div>
|
||||
{% endblock %}
|
||||
|
||||
{% block underFold %}
|
||||
<section id="cool-stuff">
|
||||
<h2 class="title">Some Cool Stuff</h2>
|
||||
<div class="highlights">
|
||||
<div class="highlight left">
|
||||
<i class="icon icon-paperclip"></i>
|
||||
<h3>Item 1</h3>
|
||||
<img src="/photos/road_trip_test/thumbnail.png">
|
||||
<p>I took a 6 week road trip across the united states</p>
|
||||
<a href="/photos">Road Trip</a>
|
||||
</div>
|
||||
<div class="highlight middle">
|
||||
<i class="icon icon-paperclip"></i>
|
||||
<h3>Item 2</h3>
|
||||
<img src="/photos/road_trip_test/thumbnail.png">
|
||||
<p>Some text about a thing longer text asdf 1234</p>
|
||||
<a href="/words">Project</a>
|
||||
</div>
|
||||
<div class="highlight right">
|
||||
<i class="icon icon-paperclip"></i>
|
||||
<h3>Item 3</h3>
|
||||
<img src="/photos/road_trip_test/thumbnail.png">
|
||||
<p>Some text about a thing</p>
|
||||
<a href="/about">Project</a>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section id="work">
|
||||
<h2 class="title">Work</h2>
|
||||
<div class="jobs">
|
||||
<div class="left">
|
||||
<h3 class="title">Experience</h3>
|
||||
<div class="wrapper">
|
||||
<div class="job latest active" data-job-id="job-1">
|
||||
<h4 class="title">Engine Room Technology Company</h4>
|
||||
<p><strong>2021-2026</strong> - <em>Remote</em></p>
|
||||
</div>
|
||||
<div class="job first" data-job-id="job-2">
|
||||
<h4 class="title">Eastern Standard</h4>
|
||||
<p><strong>2016-2021</strong> - <em>Philadelphia, PA</em></p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="right">
|
||||
<h3 class="title">Highlights</h3>
|
||||
<div class="highlights">
|
||||
<div id="job-1" class="job-highlight show">
|
||||
<ul>
|
||||
<li>
|
||||
item 1
|
||||
</li>
|
||||
<li>
|
||||
item 2
|
||||
</li>
|
||||
<li>
|
||||
item 3
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div id="job-2" class="job-highlight hide">
|
||||
<ul>
|
||||
<li>
|
||||
2 item 1
|
||||
</li>
|
||||
<li>
|
||||
2 item 2
|
||||
</li>
|
||||
<li>
|
||||
2 item 3
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
<section id="contact">
|
||||
<h2 class="title">Contact</h2>
|
||||
<div class="info">
|
||||
<a href="mailto:hello@alexdaniels.dev" aria-label="email me"><i class="icon icon-email"></i></a>
|
||||
</div>
|
||||
</section>
|
||||
{% endblock %}
|
||||
|
||||
{% block footer %}
|
||||
<p>© 2026 Alex Daniels</p>
|
||||
{% endblock %}
|
||||
14
templates/front/home/menu.html.twig
Normal file
14
templates/front/home/menu.html.twig
Normal file
|
|
@ -0,0 +1,14 @@
|
|||
{% block menu %}
|
||||
<nav class="home">
|
||||
<h1>Alex Daniels</h1>
|
||||
<menu>
|
||||
<li><a href="/words">Writing</a></li>
|
||||
<li><a href="/photos">Photography</a></li>
|
||||
<li><a href="/about">About Me</a></li>
|
||||
{% if app.user %}
|
||||
<li><a href="/brain">Brain</a></li>
|
||||
<li><a href="/letmeout">Logout</a></li>
|
||||
{% endif %}
|
||||
</menu>
|
||||
</nav>
|
||||
{% endblock %}
|
||||
16
templates/front/menu/menu.html.twig
Normal file
16
templates/front/menu/menu.html.twig
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
<nav class="main">
|
||||
<div class="top">
|
||||
<h1 class="title"><a href="/">AD</a></h1>
|
||||
<i class="icon icon-menu" aria-label="open menu"></i>
|
||||
</div>
|
||||
<menu class="menu">
|
||||
{# <li><a href="/">Home</a></li> #}
|
||||
<li><a href="/words">Writing</a></li>
|
||||
<li><a href="/photos">Photography</a></li>
|
||||
<li><a href="/about">About Me</a></li>
|
||||
{% if app.user %}
|
||||
<li><a href="/brain">Brain</a></li>
|
||||
<li><a href="/letmeout">Logout</a></li>
|
||||
{% endif %}
|
||||
</menu>
|
||||
</nav>
|
||||
16
templates/front/page/index.html.twig
Normal file
16
templates/front/page/index.html.twig
Normal file
|
|
@ -0,0 +1,16 @@
|
|||
{% extends 'base.html.twig' %}
|
||||
|
||||
{% block title %}{{page.title}} | Alex Daniels{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<section class="page">
|
||||
<h2>{{page.title}}</h2>
|
||||
{% if app.user %}
|
||||
<a href="/brain/page/edit/{{page.id}}">Edit</a><br>
|
||||
{% endif %}
|
||||
|
||||
<div class="text">
|
||||
{{ page.text|raw}}
|
||||
</div>
|
||||
</section>
|
||||
{% endblock %}
|
||||
33
templates/front/photos/detail.html.twig
Normal file
33
templates/front/photos/detail.html.twig
Normal file
|
|
@ -0,0 +1,33 @@
|
|||
{% extends 'base.html.twig' %}
|
||||
|
||||
{% block title %}{{photos['title']}} - Photography | Alex Daniels{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<article id="album">
|
||||
<h2 class="title">{{photos['title']}}</h2>
|
||||
<div class="meta">
|
||||
<p>{{ photos['date']|date('l M d Y')}}</p>
|
||||
<p>Filed Under: <a href="/categories/{{photos['urlSafeCategory']}}">{{photos['category']}}</a></p>
|
||||
</div>
|
||||
<div class="text">
|
||||
{{ photos['text']|raw }}
|
||||
</div>
|
||||
<ul class="photos">
|
||||
{% for photo in photos['uploads'] %}
|
||||
<li class="photo" data-equipment="{{photo['equipment']}}" data-location="{{photo['location']}}" data-caption="{{photo['caption']}}" data-date="{{photo['date']|date('l M d Y')}}" data-url="{{asset(photo['file'])}}" data-alt="{{photo['alt']}}">
|
||||
<img src="{{asset(photo['file'])}}" alt="{{photo['alt']}}">
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</article>
|
||||
<div id="open-image">
|
||||
<span class="close">X</span>
|
||||
<img src="" alt="" id="image">
|
||||
<div id="details">
|
||||
<p id="caption"></p>
|
||||
<p id="date"></p>
|
||||
<p id="location"></p>
|
||||
<p id="equipment"></p>
|
||||
</div>
|
||||
</div>
|
||||
{% endblock body %}
|
||||
25
templates/front/photos/index.html.twig
Normal file
25
templates/front/photos/index.html.twig
Normal file
|
|
@ -0,0 +1,25 @@
|
|||
{% extends 'base.html.twig' %}
|
||||
|
||||
{% block title %}Photography | Alex Daniels{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<h2>Photography</h2>
|
||||
<div class="photos">
|
||||
{% if app.user %}
|
||||
<div class="admin-actions">
|
||||
<a href="/brain/photos/new">Add New Album</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
<ul class="albums">
|
||||
{% for album in photos %}
|
||||
<li class="album">
|
||||
<a href="/photos/{{album['url']}}">
|
||||
<h3 class="title">{{album['title']}}</h3>
|
||||
<img src="{{asset(album['thumbnail'])}}" alt="{{ album['title'] ~ 'Thumbnail'}}">
|
||||
<p class="date">{{album['date']|date('l M d Y')}}</p>
|
||||
<div class="overlay"></div>
|
||||
</a>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</div>
|
||||
{% endblock body %}
|
||||
21
templates/front/post/detail.html.twig
Normal file
21
templates/front/post/detail.html.twig
Normal file
|
|
@ -0,0 +1,21 @@
|
|||
{% extends 'base.html.twig' %}
|
||||
|
||||
{% block title %}{{post.title}} - Writing | Alex Daniels{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<article class="post">
|
||||
<h2 class="title">{{post.title}}</h2>
|
||||
<div class="meta">
|
||||
{% if app.user %}
|
||||
<div class="admin-actions">
|
||||
<a href="/brain/post/edit/{{post.id}}">Edit</a>
|
||||
</div>
|
||||
{% endif %}
|
||||
<p class="category">Filed under: <a href="/categories/{{urlSafeCategory}}">{{ post.category.getTitle() }}</a></p>
|
||||
<time class="published">{{ post.date|date('l M d Y') }}</time>
|
||||
</div>
|
||||
<div class="text">
|
||||
{{ post.text|raw }}
|
||||
</div>
|
||||
</article>
|
||||
{% endblock %}
|
||||
24
templates/front/post/index.html.twig
Normal file
24
templates/front/post/index.html.twig
Normal file
|
|
@ -0,0 +1,24 @@
|
|||
{% extends 'base.html.twig' %}
|
||||
|
||||
{% block title %}Writing | Alex Daniels{% endblock %}
|
||||
|
||||
{% block body %}
|
||||
<section class="posts">
|
||||
<h2>Writing</h2>
|
||||
<p class="intro">A truly random smattering of thoughts and feelings. Things may not always be relevant, but they will always be irreverant.</p>
|
||||
<div class="list">
|
||||
<h3>Recent</h3>
|
||||
<ul>
|
||||
{% for post in posts %}
|
||||
<li>
|
||||
<article class="post">
|
||||
<a href="/categories/{{post['urlSafeCategory']}}" class="category">{{post['category']}}</a>
|
||||
<a href="/words/{{post['url']}}"><h4 class="title">{{post['title']}}</h4></a>
|
||||
<time class="published">{{post['date']|date('l M d Y')}}</time>
|
||||
</article>
|
||||
</li>
|
||||
{% endfor %}
|
||||
</ul>
|
||||
</div>
|
||||
</section>
|
||||
{% endblock %}
|
||||
116
templates/front/styleguide/styleguide.html.twig
Normal file
116
templates/front/styleguide/styleguide.html.twig
Normal file
|
|
@ -0,0 +1,116 @@
|
|||
{% extends 'base.html.twig' %}
|
||||
|
||||
{% block body %}
|
||||
|
||||
<div id="colors">
|
||||
|
||||
</div>
|
||||
<div id="topography">
|
||||
<h1>H1. This is a Page Title.</h1>
|
||||
<h2>H2. This is a header.</h2>
|
||||
<h3>H3. This is a medium header.</h3>
|
||||
<h4>H4. This is a sidebar header.</h4>
|
||||
<h5>H5. This is a small header.</h5>
|
||||
<h6>H6. This is a tiny header.</h6>
|
||||
<p>A general paragraph will look like this.</p>
|
||||
</div>
|
||||
|
||||
<div id="inlineElements">
|
||||
<p><a href="#">This is a text link</a></p>
|
||||
<p><strong>Strong is used to indicate strong importance</strong></p>
|
||||
|
||||
<p>The <b>b element</b> is stylistically different text from normal text, without any special importance</p>
|
||||
|
||||
<p>The <em>i element</em> is text that is set off from the normal text</p>
|
||||
|
||||
<p>The <u>u element</u> is text with an unarticulated, though explicitly rendered, non-textual annotation</p>
|
||||
|
||||
<p>The <s>s element</s> is text with a strike through denoting cancelization</p>
|
||||
|
||||
<p><small>This small text is small for for fine print, etc.</small></p>
|
||||
|
||||
<p><q cite="https://developer.mozilla.org/en-US/docs/HTML/Element/q">This text is a short inline quotation</q></p>
|
||||
|
||||
<p><cite>This is a citation</cite>
|
||||
</div>
|
||||
|
||||
|
||||
{# <!-- change the HEX values here -->
|
||||
<div class="sectionHeading">
|
||||
<span class="sectionTitle">COLORS</span>
|
||||
<div class="sectionSeperator"></div>
|
||||
</div>
|
||||
|
||||
<ul id="colors">
|
||||
<li class="colorCircle color-1">
|
||||
<div class="colorHex">#C7D6BA</div>
|
||||
</li>
|
||||
<li class="colorCircle color-2">
|
||||
<div class="colorHex">#BAE3C2</div>
|
||||
</li>
|
||||
<li class="colorCircle color-3">
|
||||
<div class="colorHex">#C7EDC2</div>
|
||||
</li>
|
||||
<li class="colorCircle color-4">
|
||||
<div class="colorHex">#E5EDC2</div>
|
||||
</li>
|
||||
<li class="colorCircle color-5">
|
||||
<div class="colorHex">#E3E1BA</div>
|
||||
</li>
|
||||
</ul> #}
|
||||
|
||||
{# <div class="sectionHeading">
|
||||
<span class="sectionTitle">FORM ELEMENTS</span>
|
||||
<div class="sectionSeperator"></div>
|
||||
</div> #}
|
||||
|
||||
{# <div id="formElements">
|
||||
<form>
|
||||
<div class="form-item">
|
||||
<input type="text" placeholder="text field" name="" id="">
|
||||
</div>
|
||||
<div class="form-item">
|
||||
<input type="text" required="required" placeholder="required text field" name="" id="">
|
||||
</div>
|
||||
<div class="form-item">
|
||||
<textarea name="" id="" cols="40" rows="5"></textarea>
|
||||
</div>
|
||||
|
||||
<div class="form-item">
|
||||
<select name="" id="">
|
||||
<option value="default">-- Select --</option>
|
||||
<option value="">Only</option>
|
||||
<option value="">One</option>
|
||||
<option value="">Item</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-item">
|
||||
<select multiple name="" id="">
|
||||
<option value="">Select</option>
|
||||
<option value="">Multiple</option>
|
||||
<option value="">Items</option>
|
||||
</select>
|
||||
</div>
|
||||
|
||||
<div class="form-item form-type-radios">
|
||||
<div class="form-item"><input type="radio" name="example-radios" id=""><label for="" class="option">Radio One</label></div>
|
||||
<div class="form-item"><input type="radio" name="example-radios" id=""><label for="" class="option">Radio Two</label></div>
|
||||
<div class="form-item"><input type="radio" name="example-radios" id=""><label for="" class="option">Radio Three</label></div>
|
||||
<div class="form-item"><input type="radio" name="example-radios" id=""><label for="" class="option">Radio Four</label></div>
|
||||
</div>
|
||||
|
||||
<div class="form-item form-type-checkboxes">
|
||||
<div class="form-item"><input type="checkbox" name="" id=""><label for="">checkbox 1</label></div>
|
||||
<div class="form-item"><input type="checkbox" name="" id=""><label for="">checkbox 2</label></div>
|
||||
<div class="form-item"><input type="checkbox" name="" id=""><label for="">checkbox 3</label></div>
|
||||
<div class="form-item"><input type="checkbox" name="" id=""><label for="">checkbox 4</label></div>
|
||||
</div>
|
||||
|
||||
<div class="form-actions">
|
||||
<input type="submit" class="form-submit">
|
||||
<input type="button" value="Cancel" class="form-submit">
|
||||
</div>
|
||||
</form>
|
||||
</div> #}
|
||||
{% endblock %}
|
||||
Loading…
Add table
Add a link
Reference in a new issue