diff options
| author | Bobby <[email protected]> | 2022-10-01 08:05:13 -0400 |
|---|---|---|
| committer | Bobby <[email protected]> | 2022-10-01 08:05:13 -0400 |
| commit | 0e9e96bbe609d4e0c72da1624c79ff6672e0e1d1 (patch) | |
| tree | c8399895df9928c6f707548d6b70ee534648eaa6 | |
| parent | 8d4428b4eb15a5b7185cc644fb6d434dcc84fcbf (diff) | |
| download | thatcomputerscientist-0e9e96bbe609d4e0c72da1624c79ff6672e0e1d1.tar.xz thatcomputerscientist-0e9e96bbe609d4e0c72da1624c79ff6672e0e1d1.zip | |
Added top navigation bar
| -rw-r--r-- | static/css/main.css | 25 | ||||
| -rw-r--r-- | static/images/gifs/new.gif | bin | 0 -> 1369 bytes | |||
| -rw-r--r-- | templates/blog/partials/base.html | 6 |
3 files changed, 30 insertions, 1 deletions
diff --git a/static/css/main.css b/static/css/main.css index c9342852..5195c924 100644 --- a/static/css/main.css +++ b/static/css/main.css @@ -311,3 +311,28 @@ summary { max-height: 50vh; max-width: 100%; } + +.topnav { + list-style: none; + padding: 0; + margin: 0; + text-align: right; +} + +.topnav > li { + display: inline-block; + margin-left: 10px; + font-size: 14px; + padding: 0px 10px; + border-right: solid 1px #cecece; +} + +.topnav > li > a { + color: #feffcf; +} + +.topnav > li > a > img { + height: 14px; + position: relative; + top: 2px; +} diff --git a/static/images/gifs/new.gif b/static/images/gifs/new.gif Binary files differnew file mode 100644 index 00000000..19792581 --- /dev/null +++ b/static/images/gifs/new.gif diff --git a/templates/blog/partials/base.html b/templates/blog/partials/base.html index dd0e7819..9f6c13a9 100644 --- a/templates/blog/partials/base.html +++ b/templates/blog/partials/base.html @@ -36,6 +36,10 @@ <body> <div class="header"></div> <div style="width: 1000px; margin: 20px auto;"> + <ul class="topnav"> + <li><a href="#"> + Dev Status<img src="{% static 'images/gifs/new.gif' %}" alt="new" style="margin-left: 5px;"> + </a></li> <hr> </div> <div class="mc"> @@ -45,7 +49,7 @@ </div> {% endcomment %} </div> - <div style="width: 1000px; margin: 20px auto;"> + <div style="width: 1000px; margin: 0px auto 40px auto;"> <hr style="margin: 2rem 0;"> <footer> © {% now "Y" %} That Computer Scientist. Source code available on <a href="https://github.com/luciferreeves/thatcomputerscientist">GitHub</a>. |
