-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
140 lines (140 loc) · 4.64 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>ROT13 Cipher - Encoder & Decoder</title>
<meta name="title" content="ROT13 Cipher - Encoder & Decoder" />
<meta
name="description"
content="ROT13 is a simple letter substitution cipher that replaces a
letter with the 13th letter after it in the alphabet."
/>
<meta property="og:type" content="website" />
<meta property="og:url" content="https://shashiirk.github.io/rot13" />
<meta property="og:title" content="ROT13 Cipher - Encoder & Decoder" />
<meta
property="og:description"
content="ROT13 is a simple letter substitution cipher that replaces a
letter with the 13th letter after it in the alphabet."
/>
<meta
property="og:image"
content="https://user-images.githubusercontent.com/48406108/136214290-b53ca55b-f35e-458c-97a3-23b67af373e4.png"
/>
<meta name="twitter:card" content="summary_large_image" />
<meta name="twitter:url" content="https://shashiirk.github.io/rot13" />
<meta name="twitter:title" content="ROT13 Cipher - Encoder & Decoder" />
<meta
name="twitter:description"
content="ROT13 is a simple letter substitution cipher that replaces a
letter with the 13th letter after it in the alphabet."
/>
<meta
name="twitter:image"
content="https://user-images.githubusercontent.com/48406108/136214290-b53ca55b-f35e-458c-97a3-23b67af373e4.png"
/>
<link rel="icon" href="assets/favicon/favicon.ico" />
<link rel="apple-touch-icon" href="assets/favicon/apple-touch-icon.png" />
<link
rel="icon"
type="image/png"
sizes="32x32"
href="assets/favicon/logo32.png"
/>
<link
rel="icon"
type="image/png"
sizes="16x16"
href="assets/favicon/logo16.png"
/>
<link rel="manifest" href="assets/favicon/manifest.json" />
<link rel="preconnect" href="https://fonts.googleapis.com" />
<link
href="https://fonts.googleapis.com/css2?family=Roboto:wght@100;300;400;500;700;900&display=swap"
rel="stylesheet"
/>
<link
href="https://fonts.googleapis.com/css2?family=Roboto+Mono:wght@300;400;500;600;700&display=swap"
rel="stylesheet"
/>
<link rel="stylesheet" href="assets/styles/style.css" />
</head>
<body>
<div class="header">
<h1 class="title">ROT13</h1>
<svg
class="underline"
width="130"
height="20"
xmlns="http://www.w3.org/2000/svg"
>
<path
id="pathItem"
d="M5 5 Q 30 15 120 5"
stroke="#7c3aed"
fill="transparent"
stroke-width="7"
stroke-linecap="round"
/>
</svg>
</div>
<div class="container">
<div class="main">
<div class="input">
<div class="title">Input</div>
<textarea
class="input-area"
placeholder="Type something here..."
autocomplete="off"
autocorrect="off"
autocapitalize="off"
spellcheck="false"
></textarea>
</div>
<div class="output">
<div class="title">Output</div>
<p class="output-area"></p>
</div>
</div>
<div class="about">
<div class="title">ABOUT</div>
<p class="content">
ROT13 ("rotate by 13 places", sometimes hyphenated ROT-13) is a simple
letter substitution cipher that replaces a letter with the 13th letter
after it in the alphabet. ROT13 is a special case of the Caesar cipher
which was developed in ancient Rome. Because there are 26 letters
(2×13) in the basic Latin alphabet, ROT13 is its own inverse; that is,
to undo ROT13, the same algorithm is applied, so the same action can
be used for encoding and decoding. Read more about it
<a
href="https://en.wikipedia.org/wiki/ROT13"
target="_blank"
rel="noreferrer"
>here</a
>.
</p>
</div>
</div>
<div class="footer">
<p class="foot">
View on
<a
href="https://github.com/shashiirk/rot13"
target="_blank"
rel="noreferrer"
>GitHub</a
>
</p>
<div class="dot"></div>
<p class="foot">
Built by
<a href="https://github.com/shashiirk" target="_blank" rel="noreferrer"
>Shashikanth</a
>
</p>
</div>
<script src="assets/scripts/script.js"></script>
</body>
</html>