diff --git a/bbaovanc-1024.png b/bbaovanc-1024.png new file mode 100755 index 0000000..c0a8040 Binary files /dev/null and b/bbaovanc-1024.png differ diff --git a/contact/index.html b/contact/index.html new file mode 100644 index 0000000..d168a99 --- /dev/null +++ b/contact/index.html @@ -0,0 +1,51 @@ + + + + + + Contact - bbaovanc's Website + + + + + + + + + + + + + + + + + + + + + + + + +
+

bbaovanc's Website

+
+ + + +
+
+

List of ways to contact me (bbaovanc):

+ +
+
+ + + + + diff --git a/favicon.ico b/favicon.ico new file mode 100644 index 0000000..174aca7 Binary files /dev/null and b/favicon.ico differ diff --git a/favicon.svg b/favicon.svg new file mode 100644 index 0000000..2abac17 --- /dev/null +++ b/favicon.svg @@ -0,0 +1,922 @@ + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + image/svg+xml + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + diff --git a/footer.html b/footer.html new file mode 100644 index 0000000..bbdd489 --- /dev/null +++ b/footer.html @@ -0,0 +1,3 @@ + diff --git a/fun/index.html b/fun/index.html new file mode 100644 index 0000000..442aada --- /dev/null +++ b/fun/index.html @@ -0,0 +1,48 @@ + + + + + + Fun - bbaovanc's Website + + + + + + + + + + + + + + + + + + + + + + + + +
+

bbaovanc's Website

+
+ + + +
+
+ Extremely Long Email +
+
+ + + + + diff --git a/gpg-fingerprints/index.html b/gpg-fingerprints/index.html new file mode 100644 index 0000000..097ca2e --- /dev/null +++ b/gpg-fingerprints/index.html @@ -0,0 +1,47 @@ + + + + + GPG Fingerprints - bbaovanc's Website + + + + + + + + + + + + + + + + + +
+

bbaovanc's Website

+
+ +
+
+

My GPG Key Fingerprints

+
+                
+pub   rsa4096 2020-08-31 [SC]
+CB7C CED9 209E 47B9 B99B  8E1D 1808 9E4E 3CCF 1D3A
+uid           [ultimate] BBaoVanC <bbaovanc@bbaovanc.com>
+uid           [ultimate] BBaoVanC <github@bbaovanc.com>
+sub   rsa4096 2020-08-31 [E]
+                
+                
+
+
+ + + + + diff --git a/index.html b/index.html new file mode 100644 index 0000000..83d60c7 --- /dev/null +++ b/index.html @@ -0,0 +1,70 @@ + + + + + + bbaovanc's Website + + + + + + + + + + + + + + + + + + + + + + + + +
+

bbaovanc's Website

+
+ + + +
+ +
+
+ + + + + + + +
+ +

Do you hear that? It's the sound of construction workers.

+

You probably never realized there's some useful links on the navigation bar above.

+
+ +
+ + + + + diff --git a/style.css b/style.css new file mode 100644 index 0000000..9df1631 --- /dev/null +++ b/style.css @@ -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; +}