WebDev/simple-purple-ghost-theme
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Start implementing basic index structure

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

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

44
assets/css/screen.css
View File

@ -29,7 +29,19 @@ html, body {
/* make the html always expand to the window size */ /* make the html always expand to the window size */
height: 100%; height: 100%;
width: 100%; width: 100%;
margin: 0;
padding: 0;
} }
a {
color: white;
text-decoration: none;
}
a:hover {
color: pink;
}
/* Generic class to make things unselectable */ /* Generic class to make things unselectable */
.unselectable { .unselectable {
-moz-user-select: none; -moz-user-select: none;
@ -39,6 +51,38 @@ html, body {
-o-user-select: none; -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 { .kg-width-wide {
margin: 0; margin: 0;
} }

5
default.hbs
View File

@ -10,18 +10,17 @@
<title>{{@site.title}}</title> <title>{{@site.title}}</title>
{{ghost_head}} {{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> </head>
<body class="{{body_class}}" onload="openPolicyPopup()"> <body class="{{body_class}}" onload="openPolicyPopup()">
{{{body}}} {{{body}}}
{{!-- All content gets inserted here, index.hbs, post.hbs, etc --}} {{!-- All content gets inserted here, index.hbs, post.hbs, etc --}}
{{!-- <footer> --}} {{!-- <footer> --}}
{{ghost_foot}} {{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> </body>
</html> </html>

50
index.hbs
View File

@ -7,35 +7,41 @@
<main> <main>
<div> <div class="ptheme-content_main">
{{!-- Looping through every post --}} {{!-- Looping through every post --}}
{{#foreach posts}} {{#foreach posts}}
<article> <article class="ptheme-index-post_article">
<a href="{{url}}"> <a class="ptheme-index-post_article_link" href="{{url}}">
{{#if feature_image}} <div>
<img src="{{img_url feature_image size="m"}}" alt="{{title}}"/> {{#if feature_image}}
{{/if}} <img class="ptheme-index-post_feature-image" src="{{img_url feature_image size="m"}}" alt="{{title}}"/>
{{/if}}
</div>
<header > <div>
<p><span>{{primary_tag.name}}</span> <header>
• <p><span>{{primary_tag.name}}</span>
<time datetime="{{date published_at format='YYYY-MM-DD'}}">{{date published_at format="DD MMMM YYYY"}}</time> •
</p> <time datetime="{{date published_at format='YYYY-MM-DD'}}">{{date published_at format="DD MMMM YYYY"}}</time>
<h3>{{title}}</h3> </p>
</header> <h3>{{title}}</h3>
</header>
<section> <section>
<p>{{excerpt words="26"}}</p> <p>{{excerpt words="26"}}</p>
</section> </section>
</div>
<footer> <div>
{{primary_author.name}} <footer>
{{#if primary_author.profile_image}} {{primary_author.name}}
<img src="{{img_url primary_author.profile_image size="xxs"}}" {{#if primary_author.profile_image}}
alt="{{title}}"/>{{/if}} <img src="{{img_url primary_author.profile_image size="xxs"}}"
</footer> alt="{{title}}"/>{{/if}}
</footer>
</div>
</a> </a>
</article> </article>