diff --git a/email.svg b/email.svg
new file mode 100644
index 0000000..9ba8a5f
--- /dev/null
+++ b/email.svg
@@ -0,0 +1 @@
+
\ No newline at end of file
diff --git a/favicon.svg b/favicon.svg
new file mode 100644
index 0000000..78a07e0
--- /dev/null
+++ b/favicon.svg
@@ -0,0 +1,25 @@
+
diff --git a/gitea.svg b/gitea.svg
new file mode 100644
index 0000000..87c7c82
--- /dev/null
+++ b/gitea.svg
@@ -0,0 +1 @@
+
diff --git a/github.svg b/github.svg
new file mode 100644
index 0000000..3f16529
--- /dev/null
+++ b/github.svg
@@ -0,0 +1 @@
+
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..a877ff2
--- /dev/null
+++ b/index.html
@@ -0,0 +1,30 @@
+
+
+
+
+
+
+ nxshock.me
+
+
+
+
+
+ 
nxshock.me
+
+ Список доступных ресурсов
+
+
+
+
+
+
+
diff --git a/music.svg b/music.svg
new file mode 100644
index 0000000..27b452f
--- /dev/null
+++ b/music.svg
@@ -0,0 +1,13 @@
+
diff --git a/share.svg b/share.svg
new file mode 100644
index 0000000..a76e221
--- /dev/null
+++ b/share.svg
@@ -0,0 +1,10 @@
+
diff --git a/style.css b/style.css
new file mode 100644
index 0000000..cc5ee52
--- /dev/null
+++ b/style.css
@@ -0,0 +1,129 @@
+/*
+ Based on base16 architecture for building themes
+ https://github.com/chriskempson/base16
+*/
+:root {
+ --base00: #282c34; /* Default Background */
+ --base01: #353b45; /* Lighter Background */
+ --base02: #3e4451; /* Selection Background */
+ --base03: #545862; /* Comments, Invisibles, Line Highlighting */
+ --base04: #565c64; /* Dark Foreground (Used for status bars) */
+ --base05: #abb2bf; /* Default Foreground, Caret, Delimiters, Operators */
+ --base06: #b6bdca; /* Light Foreground (Not often used) */
+ --base07: #c8ccd4; /* Light Background (Not often used) */
+ --base08: #e06c75; /* Red */
+ --base09: #d19a66; /* Orange */
+ --base0A: #e5c07b; /* Yellow */
+ --base0B: #98c379; /* Green */
+ --base0C: #56b6c2; /* Aqua */
+ --base0D: #61afef; /* Blue */
+ --base0E: #c678dd; /* Purple */
+ --base0F: #be5046; /* Dark red */
+}
+
+* {
+ font-family: Verdana;
+ font-size: 16px;
+ color: var(--base05);
+ margin: 0;
+ padding: 0;
+}
+
+html {
+ height: 100%
+}
+
+body {
+ background-color: var(--base00);
+ display: flex;
+ justify-content: space-between;
+ flex-wrap: nowrap;
+ flex-direction: column;
+ height: 100%;
+}
+
+a {
+ text-decoration: none;
+ color: var(--base0D);
+}
+
+svg, img, object {
+ vertical-align: middle;
+ width: 1.5em;
+ height: 1.5em;
+}
+
+header {
+ flex-grow: 0;
+ background-color: var(--base01);
+ border-bottom: 1px solid var(--base02);
+ padding: .5em;
+ margin: 0;
+}
+
+main {
+ flex-grow: 1;
+ padding-left: 1em;
+}
+
+footer {
+ background-color: var(--base01);
+ border-top: 1px solid var(--base02);
+ padding: .5em;
+ margin: 0;
+}
+
+h1 {
+ margin-top: 1em;
+ font-size: 150%;
+ margin-bottom: 0.5em;
+}
+
+ul {
+ list-style-type: none;
+ display: flex;
+ flex-wrap: wrap;
+}
+
+li {
+ padding: 1em;
+ min-width: 12em;
+}
+
+li:hover {
+ background-color: var(--base01);
+}
+
+li > a {
+ display: block;
+}
+
+li > a > object {
+ margin-right: 0.5em;
+}
+
+li > a > span {
+ color: var(--base03);
+ font-size: 75%;
+ display: block;
+ text-align: left;
+ margin-left: 3em;
+}
+
+form {
+ width: calc(100% - 1em);
+}
+
+form > input {
+ width: calc(100% - 2em);
+ padding: .5em;
+}
+
+/* SVG styles */
+path.red {fill: var(--base08);}
+path.orange {fill: var(--base09);}
+path.yellow {fill: var(--base0A);}
+path.green {fill: var(--base0B);}
+path.aqua {fill: var(--base0C);}
+path.blue {fill: var(--base0D);}
+path.purple {fill: var(--base0E);}