diff options
| -rw-r--r-- | .vscode/settings.json | 3 | ||||
| -rwxr-xr-x | 404.html | 2 | ||||
| -rw-r--r-- | CSS/main.css | 37 | ||||
| -rwxr-xr-x | articles/RpiRockyLinuxServer/index.html | 9 | ||||
| -rw-r--r-- | articles/index.html | 2 | ||||
| -rwxr-xr-x | index.html | 6 | ||||
| -rwxr-xr-x | template.html | 2 |
7 files changed, 31 insertions, 30 deletions
diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..4c08140 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "livePreview.defaultPreviewPath": "/articles/index.html" +}
\ No newline at end of file @@ -8,8 +8,6 @@ <ul class="topBar"> <li class="topLink"><a href="https://jacobmcdonnell.com/">home</a></li> <li class="topLink"><a href="https://github.com/JacobMcDonnell">github</a></li> - <li class="topLink"><a href="https://jacobmcdonnell.com/#projects">projects</a></li> - <li class="topLink"><a href="https://jacobmcdonnell.com/#about">about</a></li> <li class="topLink"><a href="https://jacobmcdonnell.com/articles">articles</a></li> </ul> <div class="main"> diff --git a/CSS/main.css b/CSS/main.css index a02751f..b0990d6 100644 --- a/CSS/main.css +++ b/CSS/main.css @@ -84,9 +84,6 @@ font-family:IBM Plex Mono; src: url(../fonts/IBMPlexMono-Regular.ttf); } -body, html{ - height: calc(100% - 2em); -} body{ font-family:IBM Plex Mono; } @@ -103,7 +100,7 @@ li.topLink{ li.topLink a{ display:block; text-align:center; - padding:14px 16px; + padding:0.875rem 1rem; text-decoration:none; } .main{ @@ -111,42 +108,50 @@ li.topLink a{ width:60%; } .search{ - padding:12px 20px 12px; + padding:0.75rem 1.25rem 0.75rem; width:90%; - border-radius:5px; + border-radius:0.3125rem; margin-left:auto; margin-right:auto; margin-bottom:15em; font-family:IBM Plex Mono; } pre code { - border: 1px solid #999; + border: 0.0625rem solid #999; display: block; overflow:auto; - padding: 10px; + padding: 0.625rem; } .icon{ - font-size:200px; - margin-top:10px; - margin-bottom:10px; + font-size:12.5rem; + margin-top:0.625rem; + margin-bottom:0.625rem; } -@media only screen and (orientation: portrait){ +@media (orientation: portrait) and (pointer:none), (pointer:coarse) { .main{ margin:auto; width:90%; - font-size:36px; + font-size:2.25rem; } li.topLink a{ - font-size:36px; + font-size:2.25rem; } .search{ - font-size:36px; + font-size:2.25rem; } .icon{ - font-size:256px; + font-size:16rem; + } +} + +@media only screen and (orientation: portrait){ + .main{ + margin:auto; + width:90%; } } + div.article a{ text-decoration:none; display:block; diff --git a/articles/RpiRockyLinuxServer/index.html b/articles/RpiRockyLinuxServer/index.html index d4dd655..2965916 100755 --- a/articles/RpiRockyLinuxServer/index.html +++ b/articles/RpiRockyLinuxServer/index.html @@ -3,13 +3,14 @@ <title>Raspberry Pi Rocky Linux Webserver</title> <link href="../../CSS/main.css" rel="stylesheet" type="text/css"> <link href="favicon.ico" rel="icon" sizes="any"> + <meta name="description" content="A tutorial on setting up a webserver on a Raspberry Pi with Rocky Linux 8"/> + <meta name="author" content="Jacob McDonnell"/> + <meta name="keywords" content="rocky,rocky linux,linux,raspberry pi,webserver,nginx,certbot,website"/> </head> <body> <ul class="topBar"> <li class="topLink"><a href="https://jacobmcdonnell.com/">home</a></li> <li class="topLink"><a href="https://github.com/JacobMcDonnell">github</a></li> - <li class="topLink"><a href="https://jacobmcdonnell.com/#projects">projects</a></li> - <li class="topLink"><a href="https://jacobmcdonnell.com/#about">about</a></li> <li class="topLink"><a href="https://jacobmcdonnell.com/articles">articles</a></li> </ul> <div class="main"> @@ -37,7 +38,7 @@ sudo passwd username </code></pre> <center><img class="imgs" src="img/Screen Shot 2022-02-19 at 2.18.39 PM.png" referrerpolicy="no-referrer" alt="Screen Shot 2022-02-19 at 2.18.39 PM"></center> <p>Select <strong>Edit</strong> a connection and select your network interface. </p> - <center><img class="ims" src="img/Screen Shot 2022-02-19 at 2.23.20 PM.png" referrerpolicy="no-referrer" alt="Screen Shot 2022-02-19 at 2.23.20 PM"></center> + <center><img class="imgs" src="img/Screen Shot 2022-02-19 at 2.23.20 PM.png" referrerpolicy="no-referrer" alt="Screen Shot 2022-02-19 at 2.23.20 PM"></center> <p>Select <strong>Show</strong> for <strong>IPv4 CONFIGURATION</strong> and enter the IP you want to set. Then select <strong>OK</strong> at the bottom, and quit the program.</p> <h2 id='securing-the-pi'>Securing the PI</h2> <h3 id='ssh-key-authorization'>SSH Key Authorization</h3> @@ -182,7 +183,7 @@ sudo getenforce <pre><code>0 12 * * * /usr/bin/certbot renew --quiet </code></pre> <p>This will check everyday at noon to see if the certificate will expire in the next month, if so it will renew the certificate.</p> - <p>Now your website should be operational. </p><br><br> + <p>Now your website should be operational. </p><br> </div> </body> </html> diff --git a/articles/index.html b/articles/index.html index 99834bf..6ec1a4a 100644 --- a/articles/index.html +++ b/articles/index.html @@ -8,8 +8,6 @@ <ul class="topBar"> <li class="topLink"><a href="https://jacobmcdonnell.com/">home</a></li> <li class="topLink"><a href="https://github.com/JacobMcDonnell">github</a></li> - <li class="topLink"><a href="https://jacobmcdonnell.com/#projects">projects</a></li> - <li class="topLink"><a href="https://jacobmcdonnell.com/#about">about</a></li> <li class="topLink"><a href="https://jacobmcdonnell.com/articles">articles</a></li> </ul> <div class="main"> @@ -11,17 +11,15 @@ <ul class="topBar"> <li class="topLink"><a href="https://jacobmcdonnell.com/">home</a></li> <li class="topLink"><a href="https://github.com/JacobMcDonnell">github</a></li> - <li class="topLink"><a href="https://jacobmcdonnell.com/#projects">projects</a></li> - <li class="topLink"><a href="https://jacobmcdonnell.com/#about">about</a></li> <li class="topLink"><a href="https://jacobmcdonnell.com/articles">articles</a></li> </ul> <div class="main"> - <h2><a name="projects">Projects</a></h2> + <h2><a>Projects</a></h2> <p><a href="https://github.com/JacobMcDonnell/jed">jed</a> is my own version of jed, currently written in java.</p> <p><a href="https://github.com/JacobMcDonnell/ticalcprograms">ticalcprograms</a> are a set of small programs written in C for the TI-84 Plus CE graphing calculator.</p> <p><a href="https://github.com/JacobMcDonnell/TextEditor">TextEditor</a> is a simple text editor that I wrote because I didn't like the macOS TextEdit app.</p> - <h2><a name="about">About</a></h2> + <h2><a>About</a></h2> <p>I'm Jacob McDonnell. I have been interested in computers since I was young. My father has been in the technology field since before I was born, so I guess that interest came from him. <br><br> My interests, with respect to computers, are programming, UNIX/Plan9, and electronics/hardware. diff --git a/template.html b/template.html index f8e38c8..ad5e942 100755 --- a/template.html +++ b/template.html @@ -8,8 +8,6 @@ <ul class="topBar"> <li class="topLink"><a href="https://jacobmcdonnell.com/">home</a></li> <li class="topLink"><a href="https://github.com/JacobMcDonnell">github</a></li> - <li class="topLink"><a href="https://jacobmcdonnell.com/#projects">projects</a></li> - <li class="topLink"><a href="https://jacobmcdonnell.com/#about">about</a></li> <li class="topLink"><a href="https://jacobmcdonnell.com/articles">articles</a></li> </ul> <div class="main"> |