diff options
Diffstat (limited to '.md/tutorials')
| -rw-r--r-- | .md/tutorials/tor/.description | 1 | ||||
| -rw-r--r-- | .md/tutorials/tor/how-to-host-a-tor-hidden-service.md (renamed from .md/tutorials/how-to-host-a-tor-hidden-service.md) | 4 | ||||
| -rw-r--r-- | .md/tutorials/www/.description | 1 | ||||
| -rw-r--r-- | .md/tutorials/www/how-to-make-this-site.md (renamed from .md/tutorials/how-to-make-this-site.md) | 45 | ||||
| -rw-r--r-- | .md/tutorials/www/quick-intro-html-css.md | 23 |
5 files changed, 51 insertions, 23 deletions
diff --git a/.md/tutorials/tor/.description b/.md/tutorials/tor/.description new file mode 100644 index 0000000..0d73918 --- /dev/null +++ b/.md/tutorials/tor/.description @@ -0,0 +1 @@ +Tutorials and neat things you can do with Tor diff --git a/.md/tutorials/how-to-host-a-tor-hidden-service.md b/.md/tutorials/tor/how-to-host-a-tor-hidden-service.md index a57e710..d13f5d0 100644 --- a/.md/tutorials/how-to-host-a-tor-hidden-service.md +++ b/.md/tutorials/tor/how-to-host-a-tor-hidden-service.md @@ -10,7 +10,7 @@ temporary server to share some files with your friends. Please note the word *temporary* in that last sentence; running this way for a while is insecure and not a good idea. For a permanent solution, you'll want to host a real web server as explained -[here](/site/tutorials/how-to-make-this-site.html). +[here](/site/tutorials/www/how-to-make-this-site.html). Unlike that article, I will only explain how to do this on Linux since it's way easier and, to be honest, I've never tried to do it on Windows. @@ -57,7 +57,7 @@ the file (as root!) and search for the following lines: #HiddenServicePort 80 127.0.0.1:80 ``` -Remove the '#' at the beginning oh each and change the port to 8000 like +Remove the '#' at the beginning of each and change the port to 8000 like so: ``` diff --git a/.md/tutorials/www/.description b/.md/tutorials/www/.description new file mode 100644 index 0000000..e7efd22 --- /dev/null +++ b/.md/tutorials/www/.description @@ -0,0 +1 @@ +On the web, servers, networking. diff --git a/.md/tutorials/how-to-make-this-site.md b/.md/tutorials/www/how-to-make-this-site.md index 0092b00..bcc4770 100644 --- a/.md/tutorials/how-to-make-this-site.md +++ b/.md/tutorials/www/how-to-make-this-site.md @@ -47,22 +47,21 @@ It probably started where the last one left off, when I decided I wanted to switch to more practical IT things over the academic things I had previously wanted to pursue. I signed up for a Cybersecurity program, somehow got in, and eventually managed to land an entry-level -SOC role after graduating. -At this point, it was getting a little weird that I had no web presence ---especially after I decided to take down most of my social media -accounts a few years ago. +SOC role after graduating. At this point, it was getting a little weird +that I had no web presence, especially after I decided to take down +most of my social media accounts a few years ago. So I was back at "how do I make a website," again, but this time, I at least had some understanding of what a server was and how networks work. And more importantly, I had a better idea of what it meant for -a computer to be *mine*. +a computer to be *mine*. Even though--let's be real--it *still isn't.* I can't get high-speed Internet easily which I need to host a server long-term so I'm stuck using some else's computer, otherwise called a Virtual Private Server (VPS). Even if I could host at home, I'm still -of at the mercy of my ISP. +at the mercy of my ISP. Because of that, I think it's important to understand that "running your own website" is not just a *technical* ordeal, but also an @@ -198,7 +197,7 @@ vim or notepad and adding some CSS goes a long way. Neocities is based on the old Geocities from the mid 90s which allows simple static hosting and features and amazing array of creative projects. Everything is managed through the website, and you can pay to -set your own custom domain. +set your own custom [domain name](#dns). - **Wordpress** (but this time, you set it up) @@ -208,9 +207,8 @@ install Wordpress by following: https://wordpress.org/support/article/how-to-install-wordpress/ -The benefit of installing yourself is enormous, -since you have full control and can even edit the source if you have -the guts. +The benefit of installing yourself is enormous, since you have full +control and can even edit the source if you have the guts. - [**Github pages**](https://guides.github.com/features/pages/) @@ -225,7 +223,7 @@ But once you have stuff to share, how do you keep this stuff online? Technically yes, but practically probably not. At least not at a lot of extra cost to you. If you do want to host a small thing at home, like some text or some cat pics, a -[tor hidden service](/site/tutorials/how-to-host-a-tor-hidden-service.html) +[tor hidden service](/site/tutorials/tor/how-to-host-a-tor-hidden-service.html) is a great option. I spent a lot of time searching on this (you can find a full list of @@ -246,7 +244,7 @@ some problems. ### So what should I do -Most people will find it cheapest to rent from a VPS provider--VPS +Most people will find it cheapest to rent from a VPS provider. VPS stands for "Virtual Private Server," which just means an Internet-connected server stored somewhere in someone's private data center. You pay them for the storage and to keep your server online and @@ -271,7 +269,7 @@ and there's your stuff! ## What's a "Domain Name" Expecting people to save your IP address is not really a good idea -though. It's better to have an easy name they can remember. Enter DNS, +though. It's better to have an easy name they can remember. Enter DNS: the Domain Name System. If an IP address is a telephone number, DNS is the telephone book. ICANN and IANA host the top level servers, which point to local domain registries who buy names like "mjfer.net" on @@ -282,11 +280,12 @@ understand all that well. But setting up a domain name to point to an IP address is typically easy, once you've chosen a domain registrar (just search that online and you'll find a ton) and name you like. Be aware that shorter names are rarer and usually more expensive and different -TLDs (like ".net" and ".io") will be priced differently. +TLDs--that is, the ending parts like ".net" and ".io,"--will be priced +differently. Once you have a domain name, you'll need to set up a DNS record. Again, this varies a bit based on the provider, but all will have some kind of -text input of API where you can edit DNS records. You'll want to make +text input or API where you can edit DNS records. You'll want to make two records - A Type A that will be your main record @@ -315,12 +314,16 @@ HTTP alone doesn't inherently make you insecure and using HTTPS doesn't automatically guarantee the app your communicating with is secure. -What HTTPS means is that the *data you send to the server* is -encrypted. This only provides security in contexts where you're entering -information like a credit card number or a password. In those cases -*you need HTTPS*. But if you're just requesting a text document, or a -cat picture, and not sending any data, HTTP is perfectly acceptable for -retrieving that information. +What HTTPS means is that the *data you send to the server* and the *data +the server sends back* is encrypted. This only provides security in +contexts where you're entering information like a credit card number or +a password; or in the reverse case when the server is authenticating +you. In those cases *you need HTTPS*. But if you're just requesting a +text document, or a cat picture, and not sending any data, HTTP is +perfectly acceptable for retrieving that information. HTTPS is also no +guarantee that the information your retrieving is actually what you +want. There's plenty of malware and other nasty things over HTTPS, just +because it's sent encrypted doesn't make it safe though. Web browsers have largely responded to this fact by assuming that HTTP is always insecure and printing a warning when you visit a site without diff --git a/.md/tutorials/www/quick-intro-html-css.md b/.md/tutorials/www/quick-intro-html-css.md new file mode 100644 index 0000000..6b4bc70 --- /dev/null +++ b/.md/tutorials/www/quick-intro-html-css.md @@ -0,0 +1,23 @@ +As you can see from the current state of this site, I'm not exactly +exactly the most skilled web designer. But I struggled through the +basics enough to get an idiot's sense of front-end web design, so that +perspective might be useful if you have no clue where to start with this +like I did. + +The building blocks are very simple, *but there's a lot of blocks*. The +HTML5 specification, which most browsers are built around, defines ... +and the CSS ... I've never gotten deep into the weeds like professional +designers do--and to be honest, I don't really want to. But I *do* like +understanding how things work. And getting a unique custom HTML site is +something anyone with a text editor and a web browser can get done in a +weekend. + +## Web browsers render code + +The specifications linked above are followed religiously by major +web browsers like Chromium, Firefox, and Safari so that each symbol +defined in the standard puts graphics, animations + +### HTML + +### CSS |