diff --git a/README.md b/README.md index 3e2cc5a..5105365 100644 --- a/README.md +++ b/README.md @@ -49,7 +49,11 @@ output is a separate repo for website which is a git submodule. Also the theme i using markdown - https://github.com/TheDigitalCatOnline/blog_source +- https://github.com/mattmakai/fullstackpython.com +- https://kevinyap.ca/ +- https://github.com/rust-lang/this-week-in-rust -using rst - - https://github.com/benhoff/blog + +using rst: + - https://github.com/benhoff/blog - https://github.com/getpelican/pelican-blog diff --git a/content/pages/About.md b/content/pages/About.md index 5861a68..411ecb4 100644 --- a/content/pages/About.md +++ b/content/pages/About.md @@ -8,6 +8,10 @@ I am a software and machine learning developer in [Sydney](http://en.wikipedia.o I'm also quite keen on gibbons 🐒. -I acknowledge and pay my respects to the Traditional Custodians of the land on which I work and live, and their elders past, present, and emerging. Sovereignty was never ceded. +I acknowledge and pay my respects to the Traditional Custodians of the land on which I work and live, and their elders past and present. Sovereignty was never ceded. + +## About Website +This second version of my homepage hosted by [Github Pages](https://docs.github.com/en/pages), [DNS with Cloudflare](https://www.cloudflare.com/) and created using [Pelican](https://github.com/getpelican/pelican). + + -This second version of my homepage hosted by Github Pages and created using [Pelican](https://github.com/getpelican/pelican). diff --git a/content/pages/CV.md b/content/pages/CV.md index 33a550d..4ae3510 100644 --- a/content/pages/CV.md +++ b/content/pages/CV.md @@ -1,12 +1,11 @@ Title: CV Author: Matt Gibson -Summary: My CV +Summary: "Experienced professional seeking job opportunities. Specialisations in machine learning, computer vision, and data analysis. Ph.D. in Computer Vision and Machine Learning. Proficient in Python, Tensorflow, Pytorch, and more." Looking for work. My email can be found on my github commits. -### Experience - +## Experience - Contract Developer - Machine Learning Researcher @@ -14,14 +13,14 @@ Looking for work. My email can be found on my github commits. - Data Scientist - Data Analyst -### Education +## Education - Ph.D. UNSW, CS (Computer Vision and Machine learning) - M.Sc. University of Sydney, Maths (Algebraic Combinatorics) - B.Sc. University of Auckland, Maths (H1) + Computation and Logic -### Skills +## Skills - Tools: Linux, Tensorflow, Pytorch - Techniques: Deep Learning, Computer Vision, Time Series diff --git a/pelicanconf.py b/pelicanconf.py index e4ee673..8594926 100644 --- a/pelicanconf.py +++ b/pelicanconf.py @@ -13,22 +13,24 @@ # configure automatically if using githubpages + custom domain SITEURL = "" -DEBUG = True -RELATIVE_URLS = True TIMEZONE = "Australia/Sydney" -# ▼▼▼▼▼▼▼▼▼▼ OVERWRITTEN in publishconf.py ▼▼▼▼ +# configured automatically if using githubpages + custom domain +SITEURL = "https://matthew-gibson.com" + MENUITEMS = [ ("About", "/index.html"), - # ("Projects", "/pages/projects.html"), ("CV", "/pages/CV.html"), ("Blog", "/category/blog.html"), - # ("Contact", "/pages/contact.html"), ] +# ▼▼▼▼▼▼▼▼▼▼ OVERWRITTEN in publishconf.py ▼▼▼▼ +DEBUG = True +RELATIVE_URLS = True # ▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲▲ + LOAD_CONTENT_CACHE = False @@ -55,16 +57,9 @@ "extra/favicon.ico": {"path": "favicon.ico"}, } -SITEMAP = { - "format": "txt", - "priorities": {"articles": 0.5, "indexes": 0.5, "pages": 0.5}, - "changefreqs": {"articles": "monthly", "indexes": "daily", "pages": "monthly"}, -} - - -# IGNORE_FILES = ["drafts/*"] # #### URL settings #### + # should mirror filesystem hierarchy # see: https://docs.getpelican.com/en/4.9.1/settings.html#url-settings PATH_METADATA = "(?P.*)\..*" # don't fix this syntax warning @@ -88,3 +83,22 @@ # USER_LOGO_URL = SITEURL + "/images/ok_photo.JPG" # GOOGLE_ANALYTICS = "UA-36248181-1" # TAGLINE = "Code monkey who enjoys accumulating technical knowledge." + + +TYPOGRIFY = True + +# #### Plugins - SEO #### +# src: https://github.com/pelican-plugins/seo +# pelicanconf.py or publishconf.py +SEO_REPORT = True # SEO report is enabled by default +SEO_ENHANCER = True # SEO enhancer is disabled by default +SEO_ENHANCER_OPEN_GRAPH = True # Subfeature of SEO enhancer +SEO_ENHANCER_TWITTER_CARDS = False # Subfeature of SEO enhancer + + +# #### Plugins - Sitemap #### +SITEMAP = { + "format": "txt", + "priorities": {"articles": 0.5, "indexes": 0.5, "pages": 0.5}, + "changefreqs": {"articles": "monthly", "indexes": "daily", "pages": "monthly"}, +} diff --git a/themes/my-basic/static/css/normalize.css b/themes/my-basic/static/css/normalize.css new file mode 100644 index 0000000..e69de29 diff --git a/themes/my-basic/static/css/style.css b/themes/my-basic/static/css/style.css index b4788d6..0f0658a 100644 --- a/themes/my-basic/static/css/style.css +++ b/themes/my-basic/static/css/style.css @@ -1,38 +1,68 @@ +@import url("normalize.css"); + +/* ##########*/ +/* Defaults */ +/* ##########*/ :root { --my-monospace-code: ui-monospace, 'Cascadia Code', 'Source Code Pro', Menlo, Consolas, 'DejaVu Sans Mono', monospace; - --my-neo-grotesque: Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, sans-serif; - --my-text-color: hsl(205, 16%, 77%); - --my-bg-color: #11191f; - --my-link-color: navy; - --my-header-link-color: black; - - --h1-color: hsl(205, 20%, 94%); - --h2-color: #e1e6eb; - --h3-color: hsl(205, 18%, 86%); + --my-neo-grotesque: Inter, Roboto, 'Helvetica Neue', 'Arial Nova', 'Nimbus Sans', Arial, sans-serif; - --primary: hsl(195, 85%, 41%); - --primary-hover: hsl(195, 80%, 50%); - /* --primary-focus: rgba(16, 149, 193, 0.25); */ - /* --secondary: hsl(205, 15%, 41%); */ - --primary-visited: hsl(195, 85%, 31%); + --standard-border-radius: 5px; + --h1-font-size: 2em; + --h2-font-size: 1.512em; + --h3-size: 1.429em; + --base-font-size: 1em; --small-font-size: 75%; - --border: #ccc; - --standard-border-radius: 5px; +/* 20px h4 font-size: 1.286em */ +/* 18px h5 font-size: 1.143em */ +/* 16px h6 font-size: 1em */ + + /*------------*/ + /* light mode */ + /*------------*/ + --text-primary: #11191f; + --text-secondary: #4e4e4e; + --text-active:#858585; + --text-link: #0069c2; + --text-visited: #551a8b; + + --bg-color:#fff; + --border: #cdcdcd; } -body { +/* Dark mode */ +.dark { + + --text-primary: #fff; + --text-secondary: #cdcdcd; + --text-active: #858585; + --text-link: #8cb4ff; + --text-visited: #ffadff; + + --bg-color: #11191f; + --border: #858585; +} + +h1, h2, h3, nav { font-family: var(--my-monospace-code); +} +nav a { + color: var(--text-secondary) +} + +body { + font-family: var(--my-neo-grotesque); /* fluid sizing: https://frontaid.io/blog/fluid-typography-2d-css-locks-clamp/ */ font-size: clamp(1em, 0.909em + 0.45vmin, 1.25em); - background-color: var(--my-bg-color); - color: var(--my-text-color); + background-color: var(--bg-color); + color: var(--text-primary); /* should be about 50-70 characters wide */ max-width: 70ch; @@ -42,96 +72,81 @@ body { /* shorthand for margin-left/margin-right */ margin-inline: auto; - - /* border: thin solid gray; - border-radius: 5px; - display: block; */ } /* Typographical settings */ h1, h2, h3 { line-height: 1.1rem; font-weight: 600; - + letter-spacing: -0.032em; + color: var(--text-primary); } /* Headings */ h1 { - font-size: 2em; - color: var(--h1-color); + font-size: var(--h1-font-size); } h2 { - font-size: 1.512em; - color: var(--h2-color); + font-size: var(--h2-font-size); } -/* 22px */ h3 { - font-size: 1.429em; - color: var(--h3-color); + font-size: var(--h3-size); } -/* 20px */ -/* h4 { - font-size: 1.286em -} */ - -/* 18px */ -/* h5 { - font-size: 1.143em -} */ - -/* 16px */ -/* h6 { - font-size: 1em -} */ - - small, sub, sup { font-size: var(--small-font-size); } +hr { + color: var(--border); + +} + +/* ################*/ /* styling for nav */ -nav ul { +/* ################*/ +nav { + justify-content: space-between; +} + +nav, nav ul { display: flex; - margin: 0; + list-style-type: none; padding: 0; - list-style: none; + margin:0.5em 0em; + } -nav ul a { - padding: 0.5em 1em 0.5em 0; +nav ul li { + padding: 0em 0.5em 0% 0; display: block; - + font-size: var(--h2-font-size); + letter-spacing: -0.032em; } -/* nav li { - border: 1px solid var(--border); - border-radius: var(--standard-border-radius); - margin: 0 0.5em; -} */ +/* style the little logo box in the nav */ +/* strong element should be the logo */ +nav ul li strong { + font-weight: 600; + color: var(--text-primary); +} -hgroup h1 a:hover, hgroup h1 a:visited, hgroup h1 a:link { +nav a:visited, nav a:link { text-decoration: none; } -header a:link { - color: var(--h1-color); +nav a:hover { + color: var(--text-link); text-decoration: underline; -} - -header a:hover, -header a:visited { - color: var(--h1-color); - text-decoration: underline; - text-decoration-thickness: 0.1em; + text-decoration-thickness: 0.1em; } main a:link { - color: var(--primary); + color: var(--text-link); text-decoration: none; } @@ -142,22 +157,18 @@ main a:hover { } main a:visited { - color: var(--primary-visited); + color: var(--text-visited); text-decoration: underline; text-decoration-thickness: 0.1em; } -/* main article { - font-family: var(--my-neo-grotesque); -} */ - /* styling for code */ /* for articles */ article { padding: 0 0 0.75em 0; - border-bottom: 1px solid #ccc; + border-bottom: 1px solid var(--border); margin-bottom: 0.75em; } @@ -170,4 +181,43 @@ article footer { margin-top: 1em; /* border-top: 1px solid #8a55a8; */ padding-top: 0.5em; -} \ No newline at end of file +} + +address { + font-style: normal; +} +/* address and date should both be inline */ +article footer address, footer time { + display: inline; +} +footer { + font-size: var(--small-font-size); + +} + +/* styling buttons */ + +/* cute nonsense for toggle darkmode */ +body.dark #moon{ + display: none; +} +body:not(.dark) #sun{ + display: none; +} + +#theme-toggle svg { + height: 1.512em; + color: var(--text-primary); + cursor: pointer; +} + +#theme-toggle { + background-color: var(--bg-color); + border: none; +} + +#theme-toggle svg:hover { + color: var(--text-link); + border: none; +} + diff --git a/themes/my-basic/templates/article.html b/themes/my-basic/templates/article.html index b859af7..9f6a872 100644 --- a/themes/my-basic/templates/article.html +++ b/themes/my-basic/templates/article.html @@ -24,10 +24,10 @@ {% block content %}
-

+

{{ article.title }} -

+ {% import 'translations.html' as translations with context %} {{ translations.translations_for(article) }}
diff --git a/themes/my-basic/templates/base.html b/themes/my-basic/templates/base.html index ae792ea..ce1439a 100644 --- a/themes/my-basic/templates/base.html +++ b/themes/my-basic/templates/base.html @@ -19,6 +19,9 @@ + + + {% if FEED_ALL_ATOM %} - + + + + +
-
-

{{ SITENAME }}

- {% if SITESUBTITLE %}

{{ SITESUBTITLE }}

{% endif %} -
+
@@ -94,6 +134,19 @@

{{ SITENAME }}

© 2024 All rights reserved.
+ + \ No newline at end of file diff --git a/themes/my-basic/templates/category.html b/themes/my-basic/templates/category.html index 7ccb479..a3ddae0 100644 --- a/themes/my-basic/templates/category.html +++ b/themes/my-basic/templates/category.html @@ -3,5 +3,5 @@ {% block title %}{{ SITENAME|striptags }} - {{ category }} category{% endblock %} {% block content_title %} -

Articles in the {{ category }} category

+

{{ category }}

{% endblock %} \ No newline at end of file diff --git a/themes/my-basic/templates/page.html b/themes/my-basic/templates/page.html index 9bc323f..b1cacbe 100644 --- a/themes/my-basic/templates/page.html +++ b/themes/my-basic/templates/page.html @@ -15,7 +15,7 @@ {% block content %}
-

{{ page.title }}

+

{{ page.title }}

{% import 'translations.html' as translations with context %} {{ translations.translations_for(page) }}