CSS updates

This commit is contained in:
athul 2020-04-09 12:06:48 +05:30
parent 3c737553b6
commit 58d02550f1
8 changed files with 26 additions and 46 deletions

2
README.md Normal file
View file

@ -0,0 +1,2 @@
# Archie - Hugo theme
Archie is a minimal and clean theme for hugo

View file

@ -26,7 +26,7 @@
{{ if ne .Type "page" }}
{{ if gt .Params.tags 0 }}
<nav class="nav tags">
<ul class="flat">
<ul class="tags">
{{ range .Params.tags }}
<li><a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}">{{ . }}</a></li>
{{ end }}
@ -35,7 +35,7 @@
{{ end }}
{{ end }}
</div>
{{- $.Scratch.Set "isDisqus" true -}}
{{ partial "footer.html" . }}
</div>

View file

@ -20,7 +20,9 @@
{{- template "_internal/opengraph.html" . -}}
{{- template "_internal/twitter_cards.html" . -}}
<link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet"> <link rel="stylesheet" type="text/css" media="screen" href="{{ .Site.BaseURL }}css/main.css" />
<link href="https://fonts.googleapis.com/css2?family=Fira+Sans&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto+Mono" rel="stylesheet">
<link rel="stylesheet" type="text/css" media="screen" href="{{ .Site.BaseURL }}css/main.css" />
{{- range .Site.Params.customJS }}
{{- if or (hasPrefix . "http://") (hasPrefix . "https://") }}
<script src="{{ . }}"></script>

View file

@ -1,6 +1,6 @@
<div class="callout" style="">
<div class="callout-inner">
{{ .Get "text" }}
💡 {{ .Get "text" }}
</div>
</div>

View file

@ -1,6 +1,8 @@
/* Fonts */
@import url('https://fonts.googleapis.com/css2?family=Fira+Sans&family=IBM+Plex+Sans&display=swap');
@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:ital,wght@1,500&display=swap');
/* Markdown */
html {
color: #232333;
font-family: 'Roboto Mono', monospace;
font-size: 15px;
@ -32,18 +34,18 @@ h5::before { color: red; content: '##### '; }
h6::before { color: red; content: '###### '; }
p {
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
font-family: 'IBM Plex Sans', sans-serif;
line-height: 1.5;
}
hr {
border: 0;
border-top: 3px solid palevioletred;
border-top: 3px dotted rebeccapurple;
margin: 1em 0;
}
blockquote {
border-left: 3px solid lime;
border-left: 3px solid rebeccapurple;
color: #737373;
margin: 0;
padding-left: 1em;
@ -161,7 +163,7 @@ footer {
}
time {
color: #757575;
color: grey;
}
/* Posts */
@ -199,17 +201,15 @@ article .title {
margin-bottom: 2em;
}
/* Expander */
/* Callout */
.callout {
background-color: springgreen;
background-color: dodgerblue;
color: #fff;
padding: 1em;
}
.callout p {
font-family: 'Roboto Mono', monospace;
font-family: 'IBM Plex Mono', monospace;
margin: 0;
}
@ -219,10 +219,16 @@ article .title {
.callout a:hover {
background-color: #fff;
color: springgreen;
color: dodgerblue;
}
.site-description {
display: flex;
justify-content: space-between;
}
.tags li::before{
content: "🏷 ";
}
.tags a{
border-bottom: 3px solid blue;
}

File diff suppressed because one or more lines are too long

View file

@ -1,17 +0,0 @@
var expanders = document.getElementsByClassName('expander');
for (var i = 0; i < expanders.length; i++) {
(function() {
var expander = expanders[i];
var content = expander.children[0];
var button = document.createElement('button');
button.appendChild(document.createTextNode('expand'));
expander.appendChild(button);
content.style.height = expander.dataset.height || '12.5em';
button.onclick = function() {
content.style.height = 'auto';
button.remove();
}
})();
}

View file

@ -3,9 +3,9 @@
name = "Archie"
license = "MIT"
licenselink = "https://github.com/athul/archie-theme/blob/master/LICENSE"
licenselink = "https://github.com/athul/archie/blob/master/LICENSE"
description = ""
homepage = "https://github.com/athul/archie-theme"
homepage = "https://github.com/athul/archie"
tags = ["blog","simple","responsive","minimal","tags","personal","clean","shortcodes"]
features = ["blog", "Clean and minimal", "Responsive", "Syntax highlighting",]
min_version = "0.41"