Start implementing basic index structure

This commit is contained in:
Bea 2023-01-05 04:24:34 +01:00
parent a9a21981cd
commit 9e86bbec3e
4 changed files with 100 additions and 25 deletions

26
.gitignore vendored Normal file
View 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

View File

@ -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;
}

View File

@ -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>

View File

@ -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>