From d3bb64a6725b4c0e4077d91685a8cd9cc1531b7e Mon Sep 17 00:00:00 2001 From: Jacob McDonnell Date: Sat, 19 Feb 2022 23:42:05 -0500 Subject: Updated CSS to better handle mobile --- .vscode/settings.json | 3 +++ 404.html | 2 -- CSS/main.css | 37 +++++++++++++++++++-------------- articles/RpiRockyLinuxServer/index.html | 9 ++++---- articles/index.html | 2 -- index.html | 6 ++---- template.html | 2 -- 7 files changed, 31 insertions(+), 30 deletions(-) create mode 100644 .vscode/settings.json 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 diff --git a/404.html b/404.html index 9842306..5d98b2f 100755 --- a/404.html +++ b/404.html @@ -8,8 +8,6 @@
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 @@ Raspberry Pi Rocky Linux Webserver + + +
@@ -37,7 +38,7 @@ sudo passwd username
Screen Shot 2022-02-19 at 2.18.39 PM

Select Edit a connection and select your network interface.

-
Screen Shot 2022-02-19 at 2.23.20 PM
+
Screen Shot 2022-02-19 at 2.23.20 PM

Select Show for IPv4 CONFIGURATION and enter the IP you want to set. Then select OK at the bottom, and quit the program.

Securing the PI

SSH Key Authorization

@@ -182,7 +183,7 @@ sudo getenforce 
0 12 * * * /usr/bin/certbot renew --quiet

This will check everyday at noon to see if the certificate will expire in the next month, if so it will renew the certificate.

-

Now your website should be operational.



+

Now your website should be operational.


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 @@
diff --git a/index.html b/index.html index 65eee59..2862d08 100755 --- a/index.html +++ b/index.html @@ -11,17 +11,15 @@
-

Projects

+

Projects

jed is my own version of jed, currently written in java.

ticalcprograms are a set of small programs written in C for the TI-84 Plus CE graphing calculator.

TextEditor is a simple text editor that I wrote because I didn't like the macOS TextEdit app.

-

About

+

About

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.

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 @@

-- cgit v1.2.3