Added Images and Readme

This commit is contained in:
athul 2020-04-11 20:15:12 +05:30
parent a0fb0664ae
commit 11e76d32e2
5 changed files with 58 additions and 13 deletions

View file

@ -1,2 +1,40 @@
# Archie - Hugo theme
Archie is a minimal and clean theme for hugo
Archie is a minimal and clean theme for hugo with a markdown-ish UI.
Forked from [Ezhil Theme](https://github.com/vividvilla/ezhil)
## Demo
[Check the Demo](https://athul.github.io/archie/) hosted on GitHub Pages :smile:
![](/images/theme.png)
## Feature
- Google Analytics Script
- Callouts
- Tags
- tl:dr; frontamatter
## Installation
In your Hugo website directory, create a new folder named theme and clone the repo
```bash
$ mkdir themes
$ cd themes
$ git clone https://github.com/athul/archie.git
```
Edit the `config.toml` file with `theme="archie"`
For more information read the official [setup guide](https://gohugo.io/overview/installing/) of Hugo.
## Writing Posts
Create a new `.md` file in the *content/post* folder
```yml
---
title: Title of the post
description:
date:
tldr: (optional)
---
```
## Credits
Forked from [Ezhil Theme](https://github.com/vividvilla/ezhil) and Licensed under MIT License

BIN
images/screenshot.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 248 KiB

BIN
images/theme.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 126 KiB

BIN
images/tn.png Normal file

Binary file not shown.

After

Width:  |  Height:  |  Size: 161 KiB

View file

@ -26,18 +26,6 @@ body{
color: #fff;
}
h1, h2, h3, h4, h5, h6 {
font-size: 1.2rem;
margin-top: 2em;
}
h1::before { color: var(--maincolor); content: '# '; }
h2::before { color: var(--maincolor); content: '## '; }
h3::before { color: var(--maincolor); content: '### '; }
h4::before { color: var(--maincolor); content: '#### '; }
h5::before { color: var(--maincolor); content: '##### '; }
h6::before { color: var(--maincolor); content: '###### '; }
p {
font-family: 'IBM Plex Sans', sans-serif;
line-height: 1.5;
@ -156,6 +144,17 @@ header {
header .main {
font-size: 1.5rem;
}
h1, h2, h3, h4, h5, h6 {
font-size: 1.2rem;
margin-top: 2em;
}
h1::before { color: var(--maincolor); content: '# '; }
h2::before { color: var(--maincolor); content: '## '; }
h3::before { color: var(--maincolor); content: '### '; }
h4::before { color: var(--maincolor); content: '#### '; }
h5::before { color: var(--maincolor); content: '##### '; }
h6::before { color: var(--maincolor); content: '###### '; }
/* Footer */
footer {
@ -214,4 +213,12 @@ svg{
.soc:hover{
background-color: hotpink;
color: white;
}
time .draft-label{
color: #3700ff;
text-decoration: none;
padding: 2px 4px;
border-radius: 4px;
margin-left: 6px;
background-color: #f9f2f4;
}