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
15 changed files with 207 additions and 131 deletions

View File

@ -2,3 +2,4 @@ baseURL = "https://bbaovanc.com/blog/"
languageCode = "en-us" languageCode = "en-us"
title = "bbaovanc's blog" title = "bbaovanc's blog"
theme = "bbaovanc" 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 date: 2021-03-24T20:50:43-05:00
draft: false draft: false
--- ---
# Lorem Ipsum
## Lorem ## 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. 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> <!DOCTYPE html>
<html> <html>
{{- partial "head.html" . -}} <head>
{{- partial "head.html" . -}}
</head>
<body> <body>
{{- partial "header.html" . -}} {{- partial "header.html" . -}}
<div id="content"> <div id="content">

View File

@ -1,41 +1,14 @@
<!DOCTYPE html> {{ define "main" }}
<html lang="en">
<head> {{ range .Data.Pages }}
{{ partial "head.html" . }} <article class="post-snippet">
<link rel="stylesheet" href="/blog/css/style.css" /> <h3>
<link rel="icon" type="image/svg+xml" href="/blog/icon/favicon.svg" /> <a href="{{ .RelPermalink }}">{{ .Title }}</a>
<link rel="alternate icon" href="/blog/icon/favicon.ico" /> </h3>
<time datetime="{{ .Date.Format "2006-01-02T15:04:05Z07:00" }}">
{{ .Date.Format "January 2, 2006" }}
</time>
</article>
{{ end }}
<title>Posts - bbaovanc's blog</title> {{ end }}
<meta name="subject" content="Posts - bbaovanc's blog" />
<meta name="description" content="This is my personal blog" />
<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="Articles - bbaovanc's blog" />
<meta name="og:url" content="https://bbaovanc.com/blog/" />
<meta name="og:site_name" content="Posts - bbaovanc's blog" />
<meta name="og:description" content="This is my personal blog" />
<meta name="og:email" content="contact@bbaovanc.com" />
<meta name="og:image" content="/blog/icon/bbaovanc-1024.png" />
</head>
<body>
{{ partial "header.html" . }}
{{ partial "navbar.html" . }}
<div class="row">
<div class="main">
<h2>Posts</h2>
{{- range first 10 .Data.Pages }}
<h4><a href="{{ .Permalink }}">{{ .Title }}</a></h4>
{{- end }}
</div>
</div>
</body>
</html>

View File

@ -1,37 +1,11 @@
<!DOCTYPE html> {{ define "main" }}
<html lang="en">
<head> <div class="row">
{{ partial "head.html" . }} <div class="main">
<title>{{ .Title }}</title> <h1>{{ .Title }}</h2>
<h4>{{ .Date.Format "Mon, Jan 2, 2006" }}</h5>
<meta name="subject" content="{{ .Title }}" /> {{ .Content }}
<meta name="description" content="This is my personal blog" />
<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="{{ .Title }}" />
<meta name="og:description" content="This is my personal blog" />
<meta name="og:email" content="contact@bbaovanc.com" />
<meta name="og:image" content="/blog/icon/bbaovanc-1024.png" />
</head>
<body>
{{ partial "header.html" . }}
{{ partial "navbar.html" . }}
<div class="row">
<div class="main">
<h1>{{ .Title }}</h2>
<h4>{{ .Date.Format "Mon, Jan 2, 2006" }}</h5>
{{ .Content }}
</div>
</div> </div>
</div>
</body> {{ end }}
</html>

View File

@ -1,47 +1,11 @@
<!DOCTYPE html> {{ define "main" }}
<html lang="en">
<head> <div class="row">
{{ partial "head.html" . }} <div class="main">
<title>bbaovanc's blog</title> <p>
This is my blog website.
<meta name="subject" content="bbaovanc's blog" /> </p>
<meta name="description" content="This is my personal blog" />
<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="bbaovanc's blog" />
<meta name="og:url" content="https://bbaovanc.com/blog/" />
<meta name="og:site_name" content="bbaovanc's blog" />
<meta name="og:description" content="This is my personal blog" />
<meta name="og:email" content="contact@bbaovanc.com" />
<meta name="og:image" content="/blog/bbaovanc-1024.png" />
</head>
<body>
{{ partial "header.html" . }}
{{ partial "navbar.html" . }}
<div class="row">
<div class="main">
{{- range first 10 .Data.Pages }}
{{- end }}
<h2>Posts</h2>
{{- range first 10 .Data.Pages }}
<h4><a href="{{ .Permalink }}">{{ .Title }}</a></h4>
{{- end }}
<h2>Pages</h2>
{{- range first 10 .Data.Pages }}
{{- if eq .Type "page" }}
<h4><a href="{{ .Permalink }}">{{ .Title }}</a></h4>
{{- end }}
{{- end }}
</div>
</div> </div>
</div>
</body> {{ end }}
</html>

View File

@ -1,6 +1,24 @@
<meta charset="UTF-8"> <meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1"> <meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/blog/css/style.css"> <link rel="stylesheet" href="/blog/css/style.css">
<link rel="icon" type="image/svg+xml" href="/blog/icon/favicon.svg"> <link rel="icon" type="image/svg+xml" href="/blog/icon/favicon.svg">
<link rel="alternate icon" href="/blog/icon/favicon.ico"> <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">
<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">
{{ range .AlternativeOutputFormats -}}
{{ printf `<link rel="%s" type="%s" href="%s" title="%s" />` .Rel .MediaType.Type .Permalink $.Site.Title | safeHTML }}
{{ end -}}
<title>{{ if not .IsHome }}{{ .Title }} - {{ end }}{{ .Site.Title }}</title>

View File

@ -1,3 +1,12 @@
<div class="header"> <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> </div>

View File

@ -1,5 +0,0 @@
<div class="navbar">
<a href="/blog/">Blog Home</a>
<a href="/posts">Posts</a>
<a href="/">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 { body {
font-family: sans-serif; font-family: sans-serif;
color: black;
} }
a { a {
color: blue; color: blue;
@ -74,6 +75,7 @@ a {
@media (prefers-color-scheme: dark) { @media (prefers-color-scheme: dark) {
body { body {
background-color: black; background-color: black;
color: lightgray;
} }
a { a {
color: #4da6ff; color: #4da6ff;
@ -94,15 +96,12 @@ a {
} }
.side { .side {
background-color: #111; background-color: #111;
color: lightgray;
} }
.main { .main {
background-color: black; background-color: black;
color: lightgray;
} }
.footer { .footer {
background: #222; background: #222;
color: lightgray;
} }
max-width: 650px; max-width: 650px;
} }