diff --git a/projects/tentacles/src/python/tentacles/static/css/style.scss b/projects/tentacles/src/python/tentacles/static/css/style.scss index 3446f8b..89f0add 100644 --- a/projects/tentacles/src/python/tentacles/static/css/style.scss +++ b/projects/tentacles/src/python/tentacles/static/css/style.scss @@ -1,5 +1,6 @@ // @use 'tirefire' as tfi; +// FIXME: Why isn't this happy in the other file? $black: #171426; $beige: #F4F8EE; $red: #BB2D2E; @@ -12,39 +13,39 @@ $secondary_dark_grey: #9A9A9A; @font-face { - font-family: 'Aaux Next'; - font-style: normal; - font-weight: 400; - src: local('Aaux Next'), url('https://fonts.cdnfonts.com/s/60597/AauxNextBlk.woff') format('woff'); + font-family: 'Aaux Next'; + font-style: normal; + font-weight: 400; + src: local('Aaux Next'), url('https://fonts.cdnfonts.com/s/60597/AauxNextBlk.woff') format('woff'); } @font-face { - font-family: 'Aaux Next'; - font-style: normal; - font-weight: 400; - src: local('Aaux Next'), url('https://fonts.cdnfonts.com/s/60597/aauxnextbdwebfont.woff') format('woff'); + font-family: 'Aaux Next'; + font-style: normal; + font-weight: 400; + src: local('Aaux Next'), url('https://fonts.cdnfonts.com/s/60597/aauxnextbdwebfont.woff') format('woff'); } @font-face { - font-family: 'Aaux Next'; - font-style: normal; - font-weight: 400; - src: local('Aaux Next'), url('https://fonts.cdnfonts.com/s/60597/aauxnextltwebfont.woff') format('woff'); + font-family: 'Aaux Next'; + font-style: normal; + font-weight: 400; + src: local('Aaux Next'), url('https://fonts.cdnfonts.com/s/60597/aauxnextltwebfont.woff') format('woff'); } @font-face { - font-family: 'Aaux Next'; - font-style: normal; - font-weight: 400; - src: local('Aaux Next'), url('https://fonts.cdnfonts.com/s/60597/aauxnextmdwebfont.woff') format('woff'); + font-family: 'Aaux Next'; + font-style: normal; + font-weight: 400; + src: local('Aaux Next'), url('https://fonts.cdnfonts.com/s/60597/aauxnextmdwebfont.woff') format('woff'); } html { - font-family: 'Aaux Next', sans-serif; - background-color: $beige; - color: $black; - display: flex; + font-family: 'Aaux Next', sans-serif; + background-color: $beige; + color: $black; + display: flex; } body { - width: 100vw; + width: 100vw; } *, *::before, *::after { @@ -60,10 +61,6 @@ nav { padding-right: 10px; } -.logo { - display: inline-block; -} - .nav-links { list-style: none; } @@ -83,7 +80,13 @@ nav { color: $secondary_blue; } -.logo img { - width: 175px; - vertical-align: middle; +.logo { + text-decoration: none; + font-weight: bold; + font-size: 60px; + + img { + width: 60px; + height: 60px; + } } diff --git a/projects/tentacles/src/python/tentacles/static/tentacles.svg b/projects/tentacles/src/python/tentacles/static/tentacles.svg new file mode 100644 index 0000000..de66e96 --- /dev/null +++ b/projects/tentacles/src/python/tentacles/static/tentacles.svg @@ -0,0 +1,59 @@ + + + + + + + + + + + diff --git a/projects/tentacles/src/python/tentacles/templates/base.html.j2 b/projects/tentacles/src/python/tentacles/templates/base.html.j2 index 421f1a4..c706196 100644 --- a/projects/tentacles/src/python/tentacles/templates/base.html.j2 +++ b/projects/tentacles/src/python/tentacles/templates/base.html.j2 @@ -8,9 +8,8 @@