diff options
| -rw-r--r-- | aetherdestroyersite.png | bin | 2125 -> 0 bytes | |||
| -rw-r--r-- | etc/index.html | 5 | ||||
| -rw-r--r-- | favicon.ico | bin | 0 -> 4286 bytes | |||
| -rw-r--r-- | index.html | 13 | ||||
| -rw-r--r-- | music/index.html | 7 | ||||
| -rw-r--r-- | photography/index.html | 7 | ||||
| -rw-r--r-- | programming/index.html | 7 | ||||
| -rw-r--r-- | writing/cryptography.html | 5 | ||||
| -rw-r--r-- | writing/index.html | 5 |
9 files changed, 28 insertions, 21 deletions
diff --git a/aetherdestroyersite.png b/aetherdestroyersite.png Binary files differdeleted file mode 100644 index 9b6c6d5..0000000 --- a/aetherdestroyersite.png +++ /dev/null diff --git a/etc/index.html b/etc/index.html index e30729c..fc0d88d 100644 --- a/etc/index.html +++ b/etc/index.html @@ -1,10 +1,11 @@ <head>
- <link rel="stylesheet" href="../style.css">
+ <link rel="stylesheet" href="/style.css">
+ <link rel="icon" type="image/x-icon" href="/favicon.ico">
</head>
<body>
<div class="background">
<div class="contentpane">
- <h1>Etc | <a class="backbutton" href="../index.html">[Back]</a></h1>
+ <h1>Etc | <a class="backbutton" href="../">[Back]</a></h1>
<p>There's nothing here.
</p>
</div>
diff --git a/favicon.ico b/favicon.ico Binary files differnew file mode 100644 index 0000000..d858211 --- /dev/null +++ b/favicon.ico @@ -1,5 +1,6 @@ <head> - <link rel="stylesheet" href="style.css"> + <link rel="stylesheet" href="/style.css"> + <link rel="icon" type="image/x-icon" href="/favicon.ico"> </head> <body> <div class="background"> @@ -7,17 +8,17 @@ <h1>Hello, I'm Kai!</h1> <p>This is my Web site for cool things, like my programming, music, writing, photography, and anything else I think of. I'm a social sciences student at UVic, though I'm also passionate about technology. I also have another website at - https://www.kaistevenson.com, which takes itself a little more seriously. You can also email me at kai@kaistevenson.com. + kaistevenson.com, which takes itself a little more seriously. You can also email me at kai@kaistevenson.com. </p> <ul> - <li><h2><a href="writing/index.html">Writing../</a> /* Proudly part of the 84% */</h2></li> - <li><h2><a href="programming/index.html">Programming../</a> /* It's easier than it looks */</h2></li> + <li><h2><a href="writing/">Writing../</a> /* Proudly part of the 84% */</h2></li> + <li><h2><a href="programming/">Programming../</a> /* It's easier than it looks */</h2></li> <li><h2><a href="music/">Music../</a> /* Dmin7, G7, CMaj7 */</h2></li> <li><h2><a href="photography/">Photography../</a> /* No longer obscure-a */</h2></li> <li><h2><a href="etc/">Etc../</a> /* Everything else */</h2></li> </ul> - <img style="padding: 50px; display: block; margin: auto;" src="roly-saynotoweb3.gif"> + <!--<img style="padding: 50px; display: block; margin: auto;" src="roly-saynotoweb3.gif"> --> <br> </div> </div> -</body> +</body>
\ No newline at end of file diff --git a/music/index.html b/music/index.html index f063ee1..05120ff 100644 --- a/music/index.html +++ b/music/index.html @@ -1,11 +1,12 @@ <head>
- <link rel="stylesheet" href="../style.css">
+ <link rel="stylesheet" href="/style.css">
+ <link rel="icon" type="image/x-icon" href="/favicon.ico">
</head>
<body>
<div class="background">
<div class="contentpane">
- <h1>Music | <a class="backbutton" href="../index.html">[Back]</a></h1>
- <p>There's nothing here.
+ <h1>Music | <a class="backbutton" href="../">[Back]</a></h1>
+ <p>I haven't recorded anything yet. If you like jazz piano improv, you could check back a little later and there might be some here.
</p>
</div>
</div>
diff --git a/photography/index.html b/photography/index.html index 905f240..09e6487 100644 --- a/photography/index.html +++ b/photography/index.html @@ -1,11 +1,12 @@ <head>
- <link rel="stylesheet" href="../style.css">
+ <link rel="stylesheet" href="/style.css">
+ <link rel="icon" type="image/x-icon" href="/favicon.ico">
</head>
<body>
<div class="background">
<div class="contentpane">
- <h1>Photography | <a class="backbutton" href="../index.html">[Back]</a></h1>
- <p>There's nothing here.
+ <h1>Photography | <a class="backbutton" href="../">[Back]</a></h1>
+ <p>There's nothing here, yet.
</p>
</div>
</div>
diff --git a/programming/index.html b/programming/index.html index 4274582..ec7f51a 100644 --- a/programming/index.html +++ b/programming/index.html @@ -1,11 +1,12 @@ <head>
- <link rel="stylesheet" href="../style.css">
+ <link rel="stylesheet" href="/style.css">
+ <link rel="icon" type="image/x-icon" href="/favicon.ico">
</head>
<body>
<div class="background">
<div class="contentpane">
- <h1>Programming | <a class="backbutton" href="../index.html">[Back]</a></h1>
- <p>There's nothing here.
+ <h1>Programming | <a class="backbutton" href="../">[Back]</a></h1>
+ <p>There's nothing here, yet, but some things I have programmed are available on github.com/kaistevenson.
</p>
</div>
</div>
diff --git a/writing/cryptography.html b/writing/cryptography.html index 4513b25..cfefd74 100644 --- a/writing/cryptography.html +++ b/writing/cryptography.html @@ -1,10 +1,11 @@ <head>
- <link rel="stylesheet" href="../style.css">
+ <link rel="stylesheet" href="/style.css">
+ <link rel="icon" type="image/x-icon" href="/favicon.ico">
</head>
<body>
<div class="background">
<div class="contentpane">
- <h1>Principles of Crytography for Data Security | <a class="backbutton" href="index.html">[Back]</a></h1>
+ <h1>Principles of Crytography for Data Security | <a class="backbutton" href=".">[Back]</a></h1>
<p>As the amount of life spent online continues to increase, a great deal of private information is naturally being transmitted: banking details, medical records, business correspondences. Where once these exchanges of data would have occured between a small set of individuals in a shared space, they now happen between continents, through hundreds of servers and over complex network infrastructures. It is a system that cannot be fully accounted for by any individual, and so the means of transmission are insecure--much like having a letter transmitted by a series of couriers, the data is liable to be intercepted or modified. And so both parties in the exchange take on a risk that may prohibit especially critical data from being sent. Cryptography is the study of data obfuscation--a means of making a message readable only by some. It is the answer to the question "when the means of transmission cannot be trusted, how can information be conveyed securely?</p>
<p>There are two classes of encryption: symmetric and asymmetric. Symmetric encryption allows a message to be encoded and decoded with the same piece of information, or key. The ancient Caesar cipher is an example of this; an arbitrary number acting as the key was agreed upon by both parties, and every letter in the message was shifted through the alphabet by that amount. It could easily be decoded by anyone who knew the key by simply shifting the letters backward through the alphabet. Simple algorithms such as the Caesar cipher are vulnerable to various attacks due to the patterns that they create in the ciphertext. A given letter may always be encoded in the same way, meaning that the key could be compromised if the attacker gained access to the plaintext and ciphertext forms of the same message. And a message could be decrypted without the key by recognizing repeated patterns in the ciphertext representing common words. More advanced symmetric encryption methods--like the Advanced Encryption Standard (AES) algorithm, developed for the US National Institute of Standards and Technologies--disrupt patterns in the message to prevent these types of attacks.</p>
<p>Symmetric encryption is an imperfect solution in the internet age. Because it requires both parties to know the same secret key, those parties must have a secure form of communication already established. In the days of Caesar, this key exchange could be performed confidentially by two individuals in close proximity. When encryption is used on the internet, it cannot be assumed that the communicating parties will have had any physical interactions--and it would be impractical to expect every new customer of an online banking service to perform a physical key exchange. Asymmetric encryption solves this problem by removing the key exchange. Instead of encrypting and decrypting a message with the same key, an asymmetric encryption algorithm has a keypair, comprising a public key, used for encrypting a message, and a private key, used for decrypting a message. The keys are so named because the private key is never shared, while the public key can be broadcast widely. </p>
diff --git a/writing/index.html b/writing/index.html index f75e68b..766599a 100644 --- a/writing/index.html +++ b/writing/index.html @@ -1,10 +1,11 @@ <head>
- <link rel="stylesheet" href="../style.css">
+ <link rel="stylesheet" href="/style.css">
+ <link rel="icon" type="image/x-icon" href="/favicon.ico">
</head>
<body>
<div class="background">
<div class="contentpane">
- <h1>Writing | <a class="backbutton" href="../index.html">[Back]</a></h1>
+ <h1>Writing | <a class="backbutton" href="../">[Back]</a></h1>
<p>This is the index page for my writing. Obviously, if you follow the links below, you can read things I've written.
Whether or not you want to do that is up to you.
</p>
|
