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

Remove unnecessary CSS and fix formatting for bulma-blog #1

Open
wants to merge 3 commits into
base: develop
Choose a base branch
from
Open

Remove unnecessary CSS and fix formatting for bulma-blog #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
857f340
Remove unnecessary CSS and fix formatting for bulma-blog
samueldcs Jan 5, 2019
39b6504
organize repos to make them more easier to understand for machines
samueldcs Jan 25, 2019
69de81f
Revert "organize repos to make them more easier to understand for mac…
samueldcs Jan 26, 2019
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
70 changes: 37 additions & 33 deletions templates/css/bulma-blog.css
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,30 +1,30 @@
html,body {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
background: #F0F2F4;
html, body {
font-family: 'Open Sans', sans-serif;
font-size: 14px;
background: #F0F2F4;
}

.navbar.is-white {
background: #F0F2F4;
background: #F0F2F4;
}

.navbar-brand .brand-text {
font-size: 1.11rem;
font-weight: bold;
font-size: 1.11rem;
font-weight: bold;
}
.hero-body
{
background-position: center;
background-size: cover;
background-repeat: no-repeat;
height: 400px;
}
.articles {
margin: 5rem 0;
margin-top: -200px;

.hero-body {
background-position: center;
background-size: cover;
background-repeat: no-repeat;
height: 400px;
}

.articles .content p {
line-height: 1.9;
margin: 15px 0;
}

.author-image {
position: absolute;
top: -30px;
Expand All @@ -35,33 +35,37 @@ height: 400px;
border: 3px solid #ccc;
border-radius: 50%;
}

.media-center {
display: block;
margin-bottom: 1rem;
display: block;
margin-bottom: 1rem;
}

.media-content {
margin-top: 3rem;
margin-top: 3rem;
}

.article, .promo-block {
margin-top: 6rem;
margin-top: 6rem;
}

div.column.is-8:first-child {
padding-top: 0;
margin-top: 0;
padding-top: 0;
margin-top: 0;
}

.article-title {
font-size: 2rem;
font-weight: lighter;
line-height: 2;
font-size: 2rem;
font-weight: lighter;
line-height: 2;
}

.article-subtitle {
color: #909AA0;
margin-bottom: 3rem;
color: #909AA0;
margin-bottom: 3rem;
}

.article-body {
line-height: 1.4;
margin: 0 6rem;
line-height: 1.4;
margin: 0 6rem;
}
.promo-block .container {
margin: 1rem 5rem;
}
16 changes: 10 additions & 6 deletions templates/layouts/bulma-blog/error.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,6 +1,10 @@
<div class="error fade-in">
<h1>404</h1>
<p class="error-text">
Sorry. What you were looking for doesn't seem to be there :(...
</p>
</div>
<div class="card article fade-in">
<div class="card-content">
<span class="is-size-1 has-text-left">
404
</span>
<p class="has-text-left is-size-5">
The page you requested doesn't exist or is unavailable.
</p>
</div>
</div>
20 changes: 10 additions & 10 deletions templates/layouts/bulma-blog/page-list.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,11 +1,11 @@
<div class="card article fade-in">
<div class="card-content">
<h1 class="is-size-1">Pages</h1>
<hr>
<% data.pages.forEach(function(page) { %>
<h3 class="is-size-3">
<a href="<%= page.permalink %>"><%= page.title %></a>
</h3>
<% }) %>
</div>
</div>
<div class="card-content">
<h1 class="is-size-2">Pages</h1>
<hr>
<% data.pages.forEach(function(page) { %>
<h3 class="is-size-5">
<a href="<%= page.permalink %>"><%= page.title %></a>
</h3>
<% }) %>
</div>
</div>
8 changes: 4 additions & 4 deletions templates/layouts/bulma-blog/page.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,10 +1,10 @@
<div class="card article fade-in">
<div class="card-content">
<h1 class="is-size-1">
<span class="article-title">
<%= data.title %>
</h1>
<p>
</span>
<p class="article-body">
<%= data.body %>
</p>
</div>
</div>
</div>
52 changes: 26 additions & 26 deletions templates/layouts/bulma-blog/post-list.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,33 +1,33 @@
<% data.posts.forEach(function(post) { %>
<% if(!post.draft) { %>
<div class="card article fade-in">
<div class="card-content">
<% if(!post.draft) { %>
<div class="card article fade-in">
<div class="card-content">
<div class="media">
<div class="media-center">
<img src="http://i.pravatar.cc/300" class="author-image" alt="Placeholder image">
</div>
<div class="media-content has-text-centered">
<a href="<%= post.permalink %>">
<p class="title article-title">
<%= post.title %>
</p>
</a>
<div class="tags has-addons level-item">
<% if(post.author) { %>
<span class="tag is-rounded is-info"><%= post.author %></span>
<% } %>
<% if(post.date) { %>
<span class="tag is-rounded"><%= post.date %> </span>
<% } %>
</div>
</div>
<div class="media-center">
<img src="http://i.pravatar.cc/300" class="author-image" alt="Placeholder image">
</div>
<div class="media-content has-text-centered">
<a href="<%= post.permalink %>">
<p class="title article-title">
<%= post.title %>
</p>
</a>
<div class="tags has-addons level-item">
<% if(post.author) { %>
<span class="tag is-rounded is-info"><%= post.author %></span>
<% } %>
<% if(post.date) { %>
<span class="tag is-rounded"><%= post.date %> </span>
<% } %>
</div>
</div>
</div>
<div class="content article-body">
<% if(post.excerpt) { %>
<% if(post.excerpt) { %>
<p><%= post.excerpt %></p>
<% } %>
<% } %>
</div>
</div>
</div>
<% } %>
<% }) %>
</div>
<% } %>
<% }) %>
62 changes: 31 additions & 31 deletions templates/layouts/bulma-blog/post.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,36 +1,36 @@
<div class="card article fade-in">
<div class="card-content">
<div class="media">
<div class="media-center">
<img src="http://i.pravatar.cc/300" class="author-image" alt="Placeholder image">
</div>
<div class="media-content has-text-centered">
<p class="title article-title">
<%= data.title %>
</p>
<p class="subtitle is-6 article-subtitle">
<% if(data.author) { %>
<a href="#"><%= data.author %></a> on
<% } %>
<% if(data.date) { %>
<%= data.date %>
<% } %>
</p>
</div>
<div class="tags">
<% if(data.tags) { %>
<% data.tags.forEach(function(tag) { %>
<div class="card-content">
<div class="media">
<div class="media-center">
<img src="http://i.pravatar.cc/300" class="author-image" alt="Placeholder image">
</div>
</div>
<div class="tags">
<% if(data.tags) { %>
<% data.tags.forEach(function(tag) { %>
<% if(tag) { %>
<a href="#/posts?tag=<%= tag %>">
<a href="#/posts?tag=<%= tag %>">
<span class="tag is-rounded is-info"><%= tag %></span>
</a>
</a>
<% } %>
<% }) %>
<% } %>
</div>
</div>
<div class="content article-body">
<%= data.body %>
<% }) %>
<% } %>
</div>
<div class="has-text-centered">
<p class="title article-title">
<%= data.title %>
</p>
<p class="subtitle is-6 article-subtitle">
<% if(data.author) { %>
<a href="#"><%= data.author %></a> on
<% } %>
<% if(data.date) { %>
<%= data.date %>
<% } %>
</p>
<div class="content article-body">
<%= data.body %>
</div>
</div>
</div>
</div>
</div>
</div>