~inferiormartin/maartenvos.be

7d52c72791fddba5b2a892efe205f8149dbeba6b — Maarten Vos 1 year, 2 months ago ee373e5 master
fix invalid styling
5 files changed, 74 insertions(+), 72 deletions(-)

M .gitignore
A Makefile
M layouts/blog/single.html
M layouts/index.html
M static/style.css
M .gitignore => .gitignore +1 -0
@@ 1,3 1,4 @@
public/
.hugo_build.lock
site.tar.gz
.idea/
\ No newline at end of file

A Makefile => Makefile +4 -0
@@ 0,0 1,4 @@
run:
	hugo server -D

.PHONY: run
\ No newline at end of file

M layouts/blog/single.html => layouts/blog/single.html +29 -30
@@ 1,35 1,34 @@
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>{{ .Title }}</title>
        <link rel="stylesheet" href="/style.css"> 
    </head>
    <body>
        <main>
            <h2>{{ .Title }}</h2>
            <h3>{{ .Date.Format "January 2, 2006" }} on <a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a></h3>
            <div id="blog-post">
                <article>
                    {{ .Content }}
                </article>
            </div>
        </main>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{ .Title }}</title>
    <link rel="stylesheet" href="/style.css">
</head>
<body>
<main>
    <h2>{{ .Title }}</h2>
    <h3>{{ .Date.Format "January 2, 2006" }} on <a href="{{ .Site.BaseURL }}">{{ .Site.Title }}</a></h3>
    <div id="blog-post">
        <article>
            {{ .Content }}
        </article>
    </div>
</main>

        <section id="comment">
            <p>Have a comment on one of my posts? Start a discussion in <a
                href="https://lists.sr.ht/~inferiormartin/public-inbox">my
                public inbox</a> by sending an email to <a
                                                                href="mailto:~inferiormartin/public-inbox@lists.sr.ht">~inferiormartin/public-inbox@lists.sr.ht</a>
            [<a href="https://man.sr.ht/lists.sr.ht/etiquette.md">mailing list
                etiquette</a>]</p>
        </section>
<section id="comment">
    <p>Have a comment on one of my posts? Start a discussion in <a
            href="https://lists.sr.ht/~inferiormartin/public-inbox">my
        public inbox</a> by sending an email to <a href="mailto:~inferiormartin/public-inbox@lists.sr.ht">~inferiormartin/public-inbox@lists.sr.ht</a>
        [<a href="https://man.sr.ht/lists.sr.ht/etiquette.md">mailing list
            etiquette</a>]</p>
</section>

        <footer>
            <span>The content for this site is <a
                    href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>.</span>
            <span>The <a href="https://git.sr.ht/~inferiormartin/mrtn.run">code for this site</a> is <a href="https://opensource.org/licenses/MIT">MIT</a>.</span>
        </footer>
    </body>
<footer>
    <span>The content for this site is <a href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA</a>.</span>
    <span>The <a href="https://git.sr.ht/~inferiormartin/mrtn.run">code for this site</a> is <a
            href="https://opensource.org/licenses/MIT">MIT</a>.</span>
</footer>
</body>
</html>

M layouts/index.html => layouts/index.html +36 -36
@@ 1,41 1,41 @@
<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <meta name="viewport" content="width=device-width, initial-scale=1.0">
        <title>{{ .Title }}</title>
        <link rel="stylesheet" href="/style.css"> 
    </head>
    <body>
        <main id="index">
            <section class="articles">
                <h1 id="index">{{ .Title }}</h1>
                {{ range (where .Site.RegularPages "Section" "blog") }}
                <article id="index">
                    <span>{{ .Date.Format "January 2, 2006" }}</span>
                    <br>
                    <a href="{{ .Permalink }}">{{ .Title }}</a>
                </article>
                {{ end }}
            </section>
            <aside>
                <img class="avatar" src="/avatar.jpg">
                <dl>
                    <dt>email</dt>
                    <dd><a href="mailto:maarten@mrtn.run">maarten@mrtn.run</a></dd>
                    <dt>sourcehut</dt>
                    <dd><a href="https://sr.ht/~inferiormartin">~inferiormartin</a></dd>
                    <dt>mastodon</dt>
                    <dd><a rel="me" href="https://hachyderm.io/@maarten">@maarten@hachyderm.io</a></dd>
                </dl>
            </aside>
        </main>
        <footer>
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>{{ .Title }}</title>
    <link rel="stylesheet" href="/style.css">
</head>
<body>
<main class="index">
    <section class="articles">
        <h1 class="index">{{ .Title }}</h1>
        {{ range (where .Site.RegularPages "Section" "blog") }}
        <article class="index">
            <span>{{ .Date.Format "January 2, 2006" }}</span>
            <br>
            <a href="{{ .Permalink }}">{{ .Title }}</a>
        </article>
        {{ end }}
    </section>
    <aside>
        <img class="avatar" src="/avatar.jpg" alt="a photo of me, bald and bearded">
        <dl>
            <dt>email</dt>
            <dd><a href="mailto:maarten@mrtn.run">maarten@mrtn.run</a></dd>
            <dt>sourcehut</dt>
            <dd><a href="https://sr.ht/~inferiormartin">~inferiormartin</a></dd>
            <dt>mastodon</dt>
            <dd><a rel="me" href="https://hachyderm.io/@maarten">@maarten@hachyderm.io</a></dd>
        </dl>
    </aside>
</main>
<footer>
            <span>The content for this site is <a
                href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA<a/>.</span>
            <span>The <a href="https://git.sr.ht/~inferiormartin/mrtn.run">code
                    href="https://creativecommons.org/licenses/by-sa/2.0/">CC-BY-SA<a/>.</span>
    <span>The <a href="https://git.sr.ht/~inferiormartin/mrtn.run">code
                    for this site</a> is <a
                    href="https://opensource.org/licenses/MIT">MIT</a>.</span>
        </footer>
    </body>
            href="https://opensource.org/licenses/MIT">MIT</a>.</span>
</footer>
</body>
</html>

M static/style.css => static/style.css +4 -6
@@ 2,12 2,12 @@
    font-family: sans-serif; 
}

* :not(p) {
*:not(p) {
    padding: 0;
    margin: 0;
}

h1#index {
h1.index {
    margin-bottom: 25px;
}



@@ 34,12 34,12 @@ body {
    padding: 1rem;
}

main#index {
main.index {
    display: flex;
    justify-content: space-between;
}

article#index {
article.index {
    margin-bottom: 10px;
}



@@ 66,7 66,6 @@ dt {
    margin-bottom: 25px;

    height: auto;
    width: auto;
    max-width: 150px;
    max-height: 150px;
}


@@ 88,5 87,4 @@ footer {
    a:visited {
        color: #CBC3E3;
    }

}