2 Commits

18 changed files with 228 additions and 72 deletions

View File

@ -2,3 +2,20 @@ baseURL = "https://bbaovanc.com/blog/"
languageCode = "en-us"
title = "bbaovanc's blog"
theme = "bbaovanc"
[menu]
[[menu.main]]
name = "Home"
pre = "home"
url = "/"
weight = 1
[[menu.main]]
name = "Posts"
pre = "pen-tool"
url = "/posts/"
weight = 2
[[menu.main]]
name = "Tags"
pre = "tag"
url = "/tags/"
weight = 3

View File

@ -1,7 +0,0 @@
---
title: "About"
date: 2021-03-24T23:20:36-05:00
draft: false
---
This is my personal blog website. I have no idea how to use Hugo.

View File

@ -7,5 +7,6 @@
{{- block "main" . }}{{- end }}
</div>
{{- partial "footer.html" . -}}
{{- partial "script.html" . -}}
</body>
</html>

View File

@ -1,6 +1,12 @@
{{ partial "header.html" . -}}
<h1>Posts</h1>
{{- range first 10 .Data.Pages }}
<h4><a href="{{ .Permalink }}">{{ .Title }}</a></h4>
{{- end }}
{{ partial "footer.html" . -}}
{{ define "main" }}
<h1>{{ .Title }}</h1>
{{ range .Pages.ByPublishDate.Reverse }}
<p>
<h3><a class="title" href="{{ .RelPermalink }}">{{ .Title }}</a></h3>
{{ partial "metadata.html" . }}
<a class="summary" href="{{ .RelPermalink }}">
<p>{{ .Summary }}</p>
</a>
</p>
{{ end }}
{{ end }}

View File

@ -1,12 +0,0 @@
<!DOCTYPE html>
<html>
<body>
<h1>Posts</h1>
{{- range first 10 .Data.Pages }}
<h4><a href="{{ .Permalink }}">{{ .Title }}</a></h4>
{{- end }}
<h4><a href="{{ .Site.BaseURL }}">Home</a></h4>
</body>
</html>

View File

@ -1,15 +0,0 @@
<!DOCTYPE html>
<html>
<head>
<title>{{ .Title }}</title>
</head>
<body>
<h1>{{ .Title }}</h1>
<h6>{{ .Date.Format "Mon, Jan 2, 2006" }}</h6>
{{ .Content }}
<h4><a href="{{ .Site.BaseURL }}">Home</a></h4>
</body>
</html>

View File

@ -1,4 +1,6 @@
{{ partial "header.html" . }}
<h1>{{ .Title }}</h1>
{{ .Content }}
{{ partial "footer.html" . -}}
{{ define "main" }}
<h1>{{ .Title }}</h1>
{{ partial "metadata.html" . }}
<br><br>
{{ .Content }}
{{ end }}

View File

@ -1,21 +1,5 @@
<!DOCTYPE html>
<html>
<body>
{{ partial "header.html" . }}
<h2>Posts</h2>
{{- range first 10 .Pages -}}
{{- if eq .Type "post" }}
<h4><a href="{{ .Permalink }}">{{ .Title }}</a></h4>
{{- end -}}
{{- end -}}
<h2>Pages</h2>
{{- range first 10 .Pages -}}
{{- if eq .Type "page" }}
<h4><a href="{{ .Permalink }}">{{ .Title }}</a></h4>
{{- end -}}
{{- end -}}
</body>
</html>
{{ define "main" }}
<div id="home-jumbotron" class="jumbotron text-center">
<h1 class="title">{{ .Site.Title }}</h1>
</div>
{{ end }}

View File

@ -0,0 +1,31 @@
<head>
</head>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="/blog/style.css">
<link rel="icon" type="image/svg+xml" href="/blog/favicon.svg">
<link rel="alternate icon" href="/blog/favicon.ico">
<link rel="stylesheet" type="text/css" href="/blog/css/bootstrap.min.css">
<link rel="stylesheet" type="text/css" href="/blog/css/style.css">
<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">
{{ $title := print .Site.Title " | " .Title }}
{{ if .IsHome }}{{ $title = .Site.Title }}{{ end }}
<title>{{ $title }}</title>
</head>

View File

@ -1,3 +1,14 @@
<div class="header">
<h1>{{ .Site.Title }}</h1>
<div id="nav-border" class="container">
<nav id="nav" class="nav justify-content-center">
{{ range .Site.Menus.main }}
<a class="nav-link" href="{{ .URL }}">
{{ if .Pre }}
{{ $icon := printf "<i data-feather=\"%s\"></i> " .Pre | safeHTML }}
{{ $icon }}
{{ end }}
{{ $text := print .Name | safeHTML }}
{{ $text }}
</a>
{{ end }}
</nav>
</div>

View File

@ -0,0 +1,11 @@
{{ $dateTime := .PublishDate.Format "2006-01-02" }}
{{ $dateFormat := .Site.Params.dateFormat | default "Jan 2, 2006" }}
<i data-feather="calendar"></i>
<time datetime="{{ $dateTime }}">{{ .PublishDate.Format $dateFormat }}</time>
{{ with .Params.tags }}
<i data-feather="tag"></i>
{{ range . }}
{{ $href := print (absURL "tags/") (urlize .) }}
<a class="btn btn-sm btn-outline-dark tag-btn" href="{{ $href }}">{{ . }}</a>
{{ end }}
{{ end }}

View File

@ -0,0 +1,4 @@
<script src="/js/feather.min.js"></script>
<script>
feather.replace()
</script>

View File

@ -1,5 +0,0 @@
{{ partial "header.html" . }}
<h1>{{ .Title }}</h1>
<h6>{{ .Date.Format "Mon, Jan 2, 2006" }}</h6>
{{ .Content }}
{{ partial "footer.html" . -}}

File diff suppressed because one or more lines are too long

File diff suppressed because one or more lines are too long

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;
}