Tim/timstallard.me.uk
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Styles stuff for blog, fixed styling issue with contact form

Browse Source
This commit is contained in:
Tim Stallard 2016-04-13 08:18:49 +01:00
parent d2f3cade8a
commit f7ca1f9d21
3 changed files with 15 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
src/documents/blog.html.ejs
View File

@ -10,7 +10,7 @@ referencesOthers: true
<div class="post"> <div class="post">
<h2><a href="<%- post.url %>"><%= post.title %></a></h2> <h2><a href="<%- post.url %>"><%= post.title %></a></h2>
<div class="date"><%- post.formattedDate %></div> <div class="date"><%- post.formattedDate %></div>
<div class="firstcontent"> <div class="firstcontent blogpost">
<%- post.contentRenderedWithoutLayouts.split("-split-")[0] %> <%- post.contentRenderedWithoutLayouts.split("-split-")[0] %>
</div> </div>
</div> </div>

12
src/documents/styles.css.scss
View File

@ -359,7 +359,8 @@ body{
margin-right: auto; margin-right: auto;
input, textarea{ input, textarea{
width: 100%; width: 100%;
margin: 5px; margin-top: 5px;
margin-bottom: 5px;
border-radius: 3px; border-radius: 3px;
} }
input{ input{
@ -424,6 +425,7 @@ body{
#content[data-slug="blog"]{ #content[data-slug="blog"]{
.post{ .post{
width: 80%; width: 80%;
max-width: 800px;
margin-left: auto; margin-left: auto;
margin-right: auto; margin-right: auto;
padding-top: 10px; padding-top: 10px;
@ -443,3 +445,11 @@ body{
animation-name: slideInUp; animation-name: slideInUp;
} }
} }
.blogpost{
width: 100%;
max-width: 800px;
margin-left: auto;
margin-right: auto;
line-height: 1.55;
}

2
src/layouts/blogpost.html.ejs
View File

@ -6,4 +6,6 @@ layout: contentpage
<% if(document.subtitle){ %> <% if(document.subtitle){ %>
<h2><%- document.subtitle %></h2> <h2><%- document.subtitle %></h2>
<% } %> <% } %>
<div class="blogpost">
<%- content %> <%- content %>
</div>