Initial release

19 files changed, 281 insertions, 0 deletions

diff --git a/assets/age.js b/assets/age.js
new file mode 100644
index 0000000..69b5bbe
--- /dev/null
+++ b/assets/age.js
@@ -0,0 +1,13 @@
+function getAge(dateString) {
+  var today = new Date();
+  var birthDate = new Date(dateString);
+  var age = today.getFullYear() - birthDate.getFullYear();
+  var m = today.getMonth() - birthDate.getMonth();
+  if (m < 0 || (m === 0 && today.getDate() <
+        birthDate.getDate())) {
+    age--;
+  }
+  return age;
+}
+
+document.querySelector("#age").innerHTML = getAge("1996/09/11");
diff --git a/assets/candara.ttf b/assets/candara.ttf
new file mode 100644
index 0000000..9c91b71
--- /dev/null
+++ b/assets/candara.ttf
diff --git a/assets/external-link.png b/assets/external-link.png
new file mode 100644
index 0000000..16f9b92
--- /dev/null
+++ b/assets/external-link.png
diff --git a/assets/favicon.ico b/assets/favicon.ico
new file mode 100644
index 0000000..96c1046
--- /dev/null
+++ b/assets/favicon.ico
diff --git a/assets/products/emuteam.png b/assets/products/emuteam.png
new file mode 100644
index 0000000..506dade
--- /dev/null
+++ b/assets/products/emuteam.png
diff --git a/assets/products/emuteam_icon.png b/assets/products/emuteam_icon.png
new file mode 100644
index 0000000..fb0edea
--- /dev/null
+++ b/assets/products/emuteam_icon.png
diff --git a/assets/products/exhosting.png b/assets/products/exhosting.png
new file mode 100644
index 0000000..bccbf4a
--- /dev/null
+++ b/assets/products/exhosting.png
diff --git a/assets/products/exhosting_icon.png b/assets/products/exhosting_icon.png
new file mode 100644
index 0000000..ce6f0f9
--- /dev/null
+++ b/assets/products/exhosting_icon.png
diff --git a/assets/products/gy.jpg b/assets/products/gy.jpg
new file mode 100644
index 0000000..833ddc2
--- /dev/null
+++ b/assets/products/gy.jpg
diff --git a/assets/products/gy_icon.png b/assets/products/gy_icon.png
new file mode 100644
index 0000000..cbc6215
--- /dev/null
+++ b/assets/products/gy_icon.png
diff --git a/assets/products/kopipasta.png b/assets/products/kopipasta.png
new file mode 100644
index 0000000..a9b7394
--- /dev/null
+++ b/assets/products/kopipasta.png
diff --git a/assets/products/kopipasta_icon.png b/assets/products/kopipasta_icon.png
new file mode 100644
index 0000000..5d796c8
--- /dev/null
+++ b/assets/products/kopipasta_icon.png
diff --git a/assets/products/lovesushi.png b/assets/products/lovesushi.png
new file mode 100644
index 0000000..79af943
--- /dev/null
+++ b/assets/products/lovesushi.png
diff --git a/assets/products/lovesushi_icon.png b/assets/products/lovesushi_icon.png
new file mode 100644
index 0000000..17cfe7e
--- /dev/null
+++ b/assets/products/lovesushi_icon.png
diff --git a/assets/products/mobium.png b/assets/products/mobium.png
new file mode 100644
index 0000000..37b21df
--- /dev/null
+++ b/assets/products/mobium.png
diff --git a/assets/products/mobium_icon.png b/assets/products/mobium_icon.png
new file mode 100644
index 0000000..6b084db
--- /dev/null
+++ b/assets/products/mobium_icon.png
diff --git a/assets/products/yurcom.png b/assets/products/yurcom.png
new file mode 100644
index 0000000..112a324
--- /dev/null
+++ b/assets/products/yurcom.png
diff --git a/assets/products/yurcom_icon.png b/assets/products/yurcom_icon.png
new file mode 100644
index 0000000..b6026e3
--- /dev/null
+++ b/assets/products/yurcom_icon.png
diff --git a/assets/style.css b/assets/style.css
new file mode 100644
index 0000000..6bd979d
--- /dev/null
+++ b/assets/style.css
@@ -0,0 +1,268 @@
+body {

+  overflow-y: scroll;

+}

+

+html, body {

+  width: 100%;

+  height: 100%;

+  padding: 0;

+  margin: 0;

+

+  text-rendering: optimizeLegibility;

+  font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";

+  line-height: 1.6;

+  color: #444;

+  font-size: 18px;

+}

+

+:focus {

+  outline: none;

+}

+

+a {

+  border-bottom: 1px solid #B5D9F1;

+  text-decoration: none;

+  color: #45A1DC;

+}

+

+a:hover {

+  color: #B5D9F1;

+}

+

+a img {

+  border: none;

+}

+

+h1, h2, h3 {

+  line-height: 1.2;

+}

+

+p, h3 {

+  padding: 0;

+  margin: 0;

+}

+

+a[href^="http://"]:after,

+a[href^="https://"]:after {

+  content: url(external-link.png);

+  margin: 0 0 0 2px;

+}

+

+img, .product-tags {

+  -khtml-user-select: none;

+  -o-user-select: none;

+  -moz-user-select: none;

+  -webkit-user-select: none;

+  user-select: none;

+}

+

+#content *::selection {

+  background: none repeat scroll 0% 0% #D6EDFC;

+}

+

+#content *::-moz-selection {

+  background: none repeat scroll 0% 0% #D6EDFC;

+}

+

+.contacts {

+  padding-top: 5px;

+  float: left;

+}

+

+.contacts__position {

+  vertical-align: middle;

+  line-height: 15px;

+  font-size: 15px;

+}

+

+.contacts__name {

+  font-size: 25px;

+}

+

+.post {

+  padding: 20px 40px;

+}

+

+main {

+  width: 1160px;

+}

+

+nav {

+  width: 1160px;

+  margin: 0 40px;

+  background: white;

+  height: 80px;

+  border-bottom: 1px solid #f0f0f0;

+}

+

+.menu-horizontal {

+  float: left;

+  width: 100%;

+  padding: 0;

+  margin: 0;

+  list-style-type: none;

+}

+

+.menu-horizontal__item {

+  margin: 0px 0px 0px 15px;

+  display: inline;

+  float: left;

+  text-transform: uppercase;

+  letter-spacing: 0.5px;

+  font-size: 12px;

+}

+

+.game {

+  display: block;

+  width: 100%;

+  border: 0;

+  padding: 0;

+  margin: 0;

+  height: 339px;

+}

+

+.menu {

+  padding-top: 10px;

+  float: left;

+}

+

+.additional {

+  padding: 50px;

+}

+

+.additional h2 {

+  padding: 0;

+  margin: 0;

+  font-size: 60px;

+}

+

+.additional ul li {

+  list-style-type: none;

+}

+

+.additional ul li:before {

+  content: "— ";

+}

+

+.product-photo {

+  display: none;

+  float: left;

+  padding-top: 10px;

+  width: 250px;

+}

+

+.product-photo img {

+  width: 280px;

+}

+

+.product-tags {

+  padding-left: 40px;

+  text-align: left;

+}

+

+.product-tag {

+  color: white;

+  padding: 5px 10px 8px 10px;

+  margin: 2px;

+  background: #4779f6;

+  border-radius: 15px;

+}

+

+.products {

+  padding: 15px 35px;

+}

+

+.products__item {

+  display: inline-block;

+  width: 325px;

+  margin: 5px;

+  border: 1px solid #ddd;

+}

+

+.product-info {

+  padding: 20px 10px 15px 25px;

+}

+

+.product-description {

+  font-size: 14px;

+  line-height: 1.5;

+  max-height: 170px;

+  height: 170px;

+}

+

+.product-icon {

+  float: left;

+  padding-right: 10px;

+  height: 55px;

+}

+

+.product-header {

+  margin-bottom: 10px;

+  height: 55px;

+}

+

+.product-title {

+  display: block;

+  padding-top: 10px;

+  font-size: 24px;

+}

+

+.product-link-passive:hover {

+  cursor: default !important;

+}

+

+main ul, main ol {

+  margin-left: 2em;

+  margin-bottom: 1em;

+}

+

+main ul li:before {

+  content: "— ";

+  display: inline-block;

+  width: 7px;

+  margin: 0 0 0 -25px;

+  text-align: center;

+  font-size: 0.9em;

+  position: absolute;

+}

+

+main ul p {

+  margin: 0px;

+  line-height: 31px;

+}

+

+main p {

+  line-height: 25px;

+  margin: 20px;

+}

+

+main ul {

+  padding: 0;

+  list-style: none;

+  line-height: 31px;

+}

+

+main h1, main h2 {

+  padding: 0;

+  color: #282425;

+  font-weight: 900;

+  font-size: 24px;

+  letter-spacing: 0.035em;

+  text-transform: uppercase;

+}

+

+main h2  {

+  font-size: 20px;

+}

+

+.left {

+  float: left;

+}

+

+.right {

+  float: left;

+}

+

+.clear {

+  clear: both;

+}