1 Commits

Author SHA1 Message Date
8d1f131b77 Almost working 2021-03-24 21:17:05 -05:00
15 changed files with 131 additions and 207 deletions

View File

@ -2,4 +2,3 @@ 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"

View File

@ -1,7 +0,0 @@
---
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.

View File

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

View File

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

View File

@ -1,9 +1,11 @@
--- ---
title: "Lorem Ipsum" title: "Lorem"
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.

View File

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

View File

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

View File

@ -1,14 +1,41 @@
{{ define "main" }} <!DOCTYPE html>
<html lang="en">
{{ range .Data.Pages }} <head>
<article class="post-snippet"> {{ partial "head.html" . }}
<h3> <link rel="stylesheet" href="/blog/css/style.css" />
<a href="{{ .RelPermalink }}">{{ .Title }}</a> <link rel="icon" type="image/svg+xml" href="/blog/icon/favicon.svg" />
</h3> <link rel="alternate icon" href="/blog/icon/favicon.ico" />
<time datetime="{{ .Date.Format "2006-01-02T15:04:05Z07:00" }}">
{{ .Date.Format "January 2, 2006" }}
</time>
</article>
{{ end }}
{{ end }} <title>Posts - bbaovanc's blog</title>
<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,4 +1,27 @@
{{ define "main" }} <!DOCTYPE html>
<html lang="en">
<head>
{{ partial "head.html" . }}
<title>{{ .Title }}</title>
<meta name="subject" content="{{ .Title }}" />
<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="row">
<div class="main"> <div class="main">
@ -8,4 +31,7 @@
</div> </div>
</div> </div>
{{ end }} </body>
</html>

View File

@ -1,11 +1,47 @@
{{ define "main" }} <!DOCTYPE html>
<html lang="en">
<head>
{{ partial "head.html" . }}
<title>bbaovanc's blog</title>
<meta name="subject" content="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="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="row">
<div class="main"> <div class="main">
<p> {{- range first 10 .Data.Pages }}
This is my blog website. {{- end }}
</p> <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>
{{ end }} </body>
</html>

View File

@ -1,24 +1,6 @@
<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,12 +1,3 @@
<div class="header"> <div class="header">
<h1>{{ .Site.Title }}</h1> <h1>bbaovanc's blog</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

@ -0,0 +1,5 @@
<div class="navbar">
<a href="/blog/">Blog Home</a>
<a href="/posts">Posts</a>
<a href="/">Main Site</a>
</div>

View File

@ -1,108 +0,0 @@
@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,7 +12,6 @@
body { body {
font-family: sans-serif; font-family: sans-serif;
color: black;
} }
a { a {
color: blue; color: blue;
@ -75,7 +74,6 @@ 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;
@ -96,12 +94,15 @@ 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;
} }