diff --git a/30DaysOfJavaScript/assets/47.jpg b/30DaysOfJavaScript/assets/47.jpg new file mode 100644 index 00000000..3314b53c Binary files /dev/null and b/30DaysOfJavaScript/assets/47.jpg differ diff --git a/30DaysOfJavaScript/assets/47.png b/30DaysOfJavaScript/assets/47.png new file mode 100644 index 00000000..9ed1da4b Binary files /dev/null and b/30DaysOfJavaScript/assets/47.png differ diff --git a/47 - Caesar Cipher/1_caesar_cipher.css b/47 - Caesar Cipher/1_caesar_cipher.css new file mode 100644 index 00000000..2e2df2d4 --- /dev/null +++ b/47 - Caesar Cipher/1_caesar_cipher.css @@ -0,0 +1,71 @@ +*{ + margin: 0; + padding: 0; + box-sizing: border-box; + font-family: 'Gill Sans', 'Gill Sans MT', Calibri, 'Trebuchet MS', sans-serif; +} +html{ + display: table; + margin: auto; +} +body{ + width: 80vw; + display: flex; + flex-direction: column; + background-color: #18172F; +} +h1{ + color: #fff; + font-size: 2.5rem; + margin:10px 0px; +} +form{ + color: #fff; +} +#entry{ + width: 100%; + margin: 10px 0px; + background-color: #dacce6; + border: 3px solid #fff; + border-radius: 10px; + padding: 10px; + font-size: 1rem; +} +#key{ + margin: 10px 10px; + background-color: #dacce6; + border: 3px solid #fff; + border-radius: 10px; + font-size: 1rem; + padding: 5px; +} +form label{ + font-size: 1.3rem; +} +button{ + margin: 10px 0px; + padding: 12px 15px; + color: #000000; + background-color: #BB87FD; + border: none; + border-radius: 10px; + font-size: 1rem; + cursor: pointer; +} +button:hover{ + background-color: #754aad; + +} +#decrypt{ + margin-left: 5px; +} +output{ + width: 100%; + margin: 10px 0px; + background-color: #dacce6; + border: 3px solid #fff; + border-radius: 10px; + padding: 10px; + font-size: 1rem; + display: none; +} \ No newline at end of file diff --git a/47 - Caesar Cipher/2_caesar_cipher.html b/47 - Caesar Cipher/2_caesar_cipher.html new file mode 100644 index 00000000..d336341a --- /dev/null +++ b/47 - Caesar Cipher/2_caesar_cipher.html @@ -0,0 +1,25 @@ + + +
+ + + + +