4 Commits

Author SHA1 Message Date
f3c564e297 Fix navbar 2021-03-25 16:15:47 -05:00
52316b6c9b Add favicons 2021-03-25 16:13:11 -05:00
d6dd2cb117 Fix navbar color 2021-03-25 16:08:45 -05:00
50d217e2cc Add files 2021-03-25 15:56:52 -05:00
14 changed files with 212 additions and 60 deletions

View File

@ -2,3 +2,4 @@ baseURL = "https://bbaovanc.com/blog/"
languageCode = "en-us"
title = "bbaovanc's blog"
theme = "bbaovanc"
sectionPagesMenu = "main"

7
content/_index.md Normal file
View File

@ -0,0 +1,7 @@
---
title: ""
date: 2021-03-25T13:41:26-05:00
draft: false
---
This is my blog website. It uses [Hugo](https://gohugo.io/) and I have no idea how to use it.

7
content/about.md Normal file
View File

@ -0,0 +1,7 @@
---
title: "About"
date: 2021-03-25T13:40:50-05:00
draft: false
---
This is my about page.

12
content/posts/first.md Normal file
View File

@ -0,0 +1,12 @@
---
title: "First"
date: 2021-03-24T20:42:10-05:00
draft: true
tags: ["test"]
---
Hello, world!
<!--more-->
This is some more!

View File

@ -1,11 +1,9 @@
---
title: "Lorem"
title: "Lorem Ipsum"
date: 2021-03-24T20:50:43-05:00
draft: false
---
# Lorem Ipsum
## Lorem
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Aliquam malesuada bibendum arcu vitae. Suspendisse ultrices gravida dictum fusce ut placerat. Volutpat est velit egestas dui id ornare arcu. Quisque egestas diam in arcu. Augue lacus viverra vitae congue eu consequat ac. Tortor at auctor urna nunc id. Eu consequat ac felis donec. Nulla aliquet porttitor lacus luctus accumsan tortor. Justo nec ultrices dui sapien. Nec ullamcorper sit amet risus. Eleifend quam adipiscing vitae proin sagittis nisl rhoncus mattis rhoncus. Risus nullam eget felis eget nunc. Ut placerat orci nulla pellentesque dignissim enim sit amet.

9
disabled_config.toml Normal file
View File

@ -0,0 +1,9 @@
[menu]
[[menu.main]]
identifier = "home"
name = "Home"
url = "/"
[[menu.main]]
identifier = "posts"
name = "Posts"
url = "/posts"

View File

@ -1,6 +1,8 @@
<!DOCTYPE html>
<html>
{{- partial "head.html" . -}}
<head>
{{- partial "head.html" . -}}
</head>
<body>
{{- partial "header.html" . -}}
<div id="content">

View File

@ -1,19 +1,14 @@
{{ define "main" }}
<main>
<article>
<header>
<h1>{{.Title}}</h1>
</header>
<!-- "{{.Content}}" pulls from the markdown content of the corresponding _index.md -->
{{.Content}}
</article>
<ul>
<!-- Ranges through content/posts/*.md -->
{{ range .Pages }}
<li>
<a href="{{.Permalink}}">{{.Date.Format "2006-01-02"}} | {{.Title}}</a>
</li>
{{ end }}
</ul>
</main>
{{ range .Data.Pages }}
<article class="post-snippet">
<h3>
<a href="{{ .RelPermalink }}">{{ .Title }}</a>
</h3>
<time datetime="{{ .Date.Format "2006-01-02T15:04:05Z07:00" }}">
{{ .Date.Format "January 2, 2006" }}
</time>
</article>
{{ end }}
{{ end }}

View File

@ -0,0 +1,11 @@
{{ define "main" }}
<div class="row">
<div class="main">
<h1>{{ .Title }}</h2>
<h4>{{ .Date.Format "Mon, Jan 2, 2006" }}</h5>
{{ .Content }}
</div>
</div>
{{ end }}

View File

@ -1,15 +1,11 @@
{{ define "main" }}
<h1>{{.Title}}</h1>
{{ with .Params.subtitle }}
<span class="subtitle">{{.}}</span>
{{ end }}
<div class="homepage-content">
<!-- Note that the content for index.html, as a sort of list page, will pull from content/_index.md -->
{{.Content}}
</div>
<div>
{{ range first 10 .Site.RegularPages }}
{{ .Render "summary"}}
{{ end }}
</div>
<div class="row">
<div class="main">
<p>
This is my blog website.
</p>
</div>
</div>
{{ end }}

View File

@ -1,26 +1,24 @@
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/blog/css/style.css">
<link rel="icon" type="image/svg+xml" href="/blog/icon/favicon.svg">
<link rel="alternate icon" href="/blog/icon/favicon.ico">
<link rel="stylesheet" href="/blog/css/style.css">
<link rel="icon" type="image/svg+xml" href="/blog/icon/favicon.svg">
<link rel="alternate icon" href="/blog/icon/favicon.ico">
<meta name="subject" content="{{ .Title }}">
<meta name="description" content="{{ .Description }}">
<meta name="url" content="{{ .Permalink }}">
<meta name="reply-to" content="contact@bbaovanc.com">
<base href="{{ .Site.BaseURL }}">
<link rel="canonical" href="{{ .Permalink }}">
<meta name="og:type" content="website">
<meta name="og:title" content="{{ .Title }}">
<meta name="og:url" content="{{ .Permalink }}">
<meta name="og:site_name" content="bbaovanc's Website">
<meta name="og:description" content="{{ .Description }}">
<meta name="og:email" content="contact@bbaovanc.com">
<meta name="og:image" content="/blog/icon/bbaovanc-1024.png">
<title>{{ .Title }}</title>
{{ range .AlternativeOutputFormats -}}
{{ printf `<link rel="%s" type="%s" href="%s" title="%s" />` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }}
{{ end -}}
<meta name="subject" content="{{ .Title }}">
<meta name="description" content="{{ .Description }}">
<meta name="url" content="https://bbaovanc.com/blog/">
<meta name="reply-to" content="contact@bbaovanc.com">
<meta name="og:type" content="website">
<meta name="og:title" content="{{ .Title }}">
<meta name="og:url" content="https://bbaovanc.com/blog/">
<meta name="og:site_name" content="bbaovanc's blog">
<meta name="og:description" content="{{ .Description }}">
<meta name="og:email" content="contact@bbaovanc.com">
<meta name="og:image" content="/blog/icon/bbaovanc-1024.png">
</head>
<title>{{ if not .IsHome }}{{ .Title }} - {{ end }}{{ .Site.Title }}</title>

View File

@ -1,3 +1,12 @@
<div class="header">
<h1>bbaovanc's blog</h1>
<h1>{{ .Site.Title }}</h1>
</div>
<div class="navbar">
<a href="{{ .Site.BaseURL }}">Home</a>
{{ $currentPage := . }}
{{ range .Site.Menus.main }}
<a class="sidebar-nav-item{{if or ($currentPage.IsMenuCurrent "main" .) ($currentPage.HasMenuCurrent "main" .) }} active{{end}}" href="{{ .URL }}" title="{{ .Title }}">{{ .Name }}</a>
{{ end }}
<a href="https://bbaovanc.com" rel="noreferrer" target="_blank">Main Site</a>
</div>

View File

@ -0,0 +1,108 @@
@media screen and (max-width: 700px) {
.row {
flex-direction: column;
}
}
@media screen and (max-width: 400px) {
.navbar a {
float: none;
width: 100%;
}
}
body {
font-family: sans-serif;
}
a {
color: blue;
}
.header {
padding: 10px;
text-align: center;
background: #4FA2F5;
color: white;
}
.header h1 {
font-size: 40px;
}
.navbar {
overflow: hidden;
background-color: #999;
}
.navbar a {
float: left;
display: block;
color: white;
text-align: center;
padding: 14px 20px;
text-decoration: none;
}
/* .navbar a.right {
float: right;
} */
.navbar a:hover {
background-color: #ddd;
color: black;
}
* {
box-sizing: border-box;
}
.row {
display: flex;
flex-wrap: wrap;
}
.side {
flex: 25%;
background-color: lightgray;
padding: 20px;
}
.main {
flex: 70%;
background-color: white;
padding: 20px;
max-width: 650px;
}
.footer {
padding: 20px;
text-align: center;
background: #ddd;
}
@media (prefers-color-scheme: dark) {
body {
background-color: black;
}
a {
color: #4da6ff;
}
.header {
background: #1A406B;
color: lightgray;
}
.navbar {
background-color: #222;
}
.navbar a {
color: lightgray;
}
.navbar a:hover {
background-color: #444;
color: white;
}
.side {
background-color: #111;
color: lightgray;
}
.main {
background-color: black;
color: lightgray;
}
.footer {
background: #222;
color: lightgray;
}
max-width: 650px;
}

View File

@ -12,6 +12,7 @@
body {
font-family: sans-serif;
color: black;
}
a {
color: blue;
@ -74,6 +75,7 @@ a {
@media (prefers-color-scheme: dark) {
body {
background-color: black;
color: lightgray;
}
a {
color: #4da6ff;
@ -94,15 +96,12 @@ a {
}
.side {
background-color: #111;
color: lightgray;
}
.main {
background-color: black;
color: lightgray;
}
.footer {
background: #222;
color: lightgray;
}
max-width: 650px;
}