Start implementing basic index structure
This commit is contained in:
parent
a9a21981cd
commit
9e86bbec3e
26
.gitignore
vendored
Normal file
26
.gitignore
vendored
Normal file
@ -0,0 +1,26 @@
|
||||
b-cov
|
||||
*.zip
|
||||
*.seed
|
||||
*.log
|
||||
*.csv
|
||||
*.dat
|
||||
*.out
|
||||
*.pid
|
||||
*.gz
|
||||
|
||||
pids
|
||||
logs
|
||||
results
|
||||
|
||||
npm-debug.log
|
||||
node_modules
|
||||
package-lock.json
|
||||
|
||||
.idea/*
|
||||
*.iml
|
||||
projectFilesBackup
|
||||
|
||||
.DS_Store
|
||||
|
||||
dist/
|
||||
*.ignore
|
@ -29,7 +29,19 @@ html, body {
|
||||
/* make the html always expand to the window size */
|
||||
height: 100%;
|
||||
width: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
}
|
||||
|
||||
a {
|
||||
color: white;
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
color: pink;
|
||||
}
|
||||
|
||||
/* Generic class to make things unselectable */
|
||||
.unselectable {
|
||||
-moz-user-select: none;
|
||||
@ -39,6 +51,38 @@ html, body {
|
||||
-o-user-select: none;
|
||||
}
|
||||
|
||||
.ptheme-index-header_main {
|
||||
background-color: #34233b;
|
||||
height: 200px;
|
||||
width: 100%;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.ptheme-index-header_main h1 {
|
||||
margin: auto;
|
||||
}
|
||||
|
||||
.ptheme-content_main {
|
||||
max-width: 1260px;
|
||||
width: 80%;
|
||||
margin: auto;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.ptheme-index-post_article {
|
||||
padding: 20px 0;
|
||||
}
|
||||
|
||||
a.ptheme-index-post_article_link {
|
||||
display: flex;
|
||||
flex-direction: row;
|
||||
}
|
||||
|
||||
.ptheme-index-post_feature-image {
|
||||
max-width: 100%;
|
||||
}
|
||||
|
||||
.kg-width-wide {
|
||||
margin: 0;
|
||||
}
|
||||
|
@ -10,18 +10,17 @@
|
||||
<title>{{@site.title}}</title>
|
||||
|
||||
{{ghost_head}}
|
||||
{{!-- Outputs important meta data and settings, should always be in <head> --}}
|
||||
{{!-- Adds important meta data and settings, should always be in <head> --}}
|
||||
</head>
|
||||
|
||||
|
||||
<body class="{{body_class}}" onload="openPolicyPopup()">
|
||||
|
||||
|
||||
{{{body}}}
|
||||
{{!-- All content gets inserted here, index.hbs, post.hbs, etc --}}
|
||||
|
||||
{{!-- <footer> --}}
|
||||
{{ghost_foot}}
|
||||
{{!-- Outputs important scripts - should always be included before closing body tag --}}
|
||||
{{!-- Adds important data - should always be included before closing body tag --}}
|
||||
</body>
|
||||
</html>
|
14
index.hbs
14
index.hbs
@ -7,17 +7,20 @@
|
||||
|
||||
<main>
|
||||
|
||||
<div>
|
||||
<div class="ptheme-content_main">
|
||||
|
||||
{{!-- Looping through every post --}}
|
||||
{{#foreach posts}}
|
||||
<article>
|
||||
<a href="{{url}}">
|
||||
<article class="ptheme-index-post_article">
|
||||
<a class="ptheme-index-post_article_link" href="{{url}}">
|
||||
|
||||
<div>
|
||||
{{#if feature_image}}
|
||||
<img src="{{img_url feature_image size="m"}}" alt="{{title}}"/>
|
||||
<img class="ptheme-index-post_feature-image" src="{{img_url feature_image size="m"}}" alt="{{title}}"/>
|
||||
{{/if}}
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<header>
|
||||
<p><span>{{primary_tag.name}}</span>
|
||||
•
|
||||
@ -29,13 +32,16 @@
|
||||
<section>
|
||||
<p>{{excerpt words="26"}}</p>
|
||||
</section>
|
||||
</div>
|
||||
|
||||
<div>
|
||||
<footer>
|
||||
{{primary_author.name}}
|
||||
{{#if primary_author.profile_image}}
|
||||
<img src="{{img_url primary_author.profile_image size="xxs"}}"
|
||||
alt="{{title}}"/>{{/if}}
|
||||
</footer>
|
||||
</div>
|
||||
</a>
|
||||
</article>
|
||||
|
||||
|
Loading…
Reference in New Issue
Block a user