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" 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,19 +1,14 @@
{{ define "main" }} {{ define "main" }}
<main>
<article> {{ range .Data.Pages }}
<header> <article class="post-snippet">
<h1>{{.Title}}</h1> <h3>
</header> <a href="{{ .RelPermalink }}">{{ .Title }}</a>
<!-- "{{.Content}}" pulls from the markdown content of the corresponding _index.md --> </h3>
{{.Content}} <time datetime="{{ .Date.Format "2006-01-02T15:04:05Z07:00" }}">
</article> {{ .Date.Format "January 2, 2006" }}
<ul> </time>
<!-- Ranges through content/posts/*.md --> </article>
{{ range .Pages }} {{ end }}
<li>
<a href="{{.Permalink}}">{{.Date.Format "2006-01-02"}} | {{.Title}}</a>
</li>
{{ end }}
</ul>
</main>
{{ 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" }} {{ define "main" }}
<h1>{{.Title}}</h1>
{{ with .Params.subtitle }} <div class="row">
<span class="subtitle">{{.}}</span> <div class="main">
{{ end }} <p>
<div class="homepage-content"> This is my blog website.
<!-- Note that the content for index.html, as a sort of list page, will pull from content/_index.md --> </p>
{{.Content}} </div>
</div> </div>
<div>
{{ range first 10 .Site.RegularPages }}
{{ .Render "summary"}}
{{ end }}
</div>
{{ end }} {{ end }}

View File

@ -1,26 +1,24 @@
<head> <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="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"> <meta name="subject" content="{{ .Title }}">
<link rel="icon" type="image/svg+xml" href="/blog/icon/favicon.svg"> <meta name="description" content="{{ .Description }}">
<link rel="alternate icon" href="/blog/icon/favicon.ico"> <meta name="url" content="{{ .Permalink }}">
<meta name="reply-to" content="contact@bbaovanc.com">
<base href="{{ .Site.BaseURL }}"> <meta name="og:type" content="website">
<link rel="canonical" href="{{ .Permalink }}"> <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 }}"> <title>{{ if not .IsHome }}{{ .Title }} - {{ end }}{{ .Site.Title }}</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>

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

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