updates

grodno-vr · Oct 7, 2019 · 53a7cca · 53a7cca
1 parent 88026a6
commit 53a7cca
Show file tree

Hide file tree

Showing 3 changed files with 50 additions and 24 deletions.
diff --git a/README.md b/README.md
@@ -1,7 +1,7 @@
 # [GrodnoVR Demo](https://grodno-vr.github.io)
 > :church: Старые фотографии города Гродно в  режиме виртуальной реальности, демо с открытым исходным кодом на основе [ReactVR](https://facebook.github.io/react-vr) библиотеки.
 
->> Проект находится в разработке, по мере свободного времени мы вносим какие-то изменения и что-то исправляем, многое может не работать на демо.
+> Подробнее о проекте можно почитать в статье [GrodnoVR: My first and last experience with ReactVR](https://medium.com/front-end-in-regions-grodno/grodnovr-my-first-and-last-experience-with-reactvr-7ac156fc1a70)
 
 ![Screen 1](./media/screen1.png)
 ![Screen 2](./media/screen3.png)
@@ -50,16 +50,16 @@ npm run bundle
 
 ### Титры
 
-*Разработка:* Артур Басак
+Разработка: *Артур Басак*
 
-*Помощь в разработке:* Александр Зимаков, Максим Лысаков
+Помощь в разработке: *Александр Зимаков, Максим Лысаков*
 
-*Перевод на английский язык:* Елизавета Чеканова
+Перевод на английский язык: *Елизавета Чеканова*
 
-*3d модели:* Игорь Ламека, Артур Басак
+3d модели: *Игорь Ламека, Артур Басак*
 
-*360-фото:* Артур Басак
+360-фото: *Артур Басак*
 
-*Старинные фото из частных коллекций:* Феликс Ворошильский, Виктор Саяпин, И. Пашпекина, Китурко Константин, Залы торгового центра OldCity
+Старинные фото из частных коллекций: *Феликс Ворошильский, Виктор Саяпин, И. Пашпекина, Китурко Константин, Залы торгового центра OldCity*
 
-*Большинство фото и текстов взято из публичных источников:* wikipedia.org, newgrodno.by, oldgrodno.by, old.grodno.net, grodno.net, grodnonews.by, kinogrodno.by, vgr.by, hrodno.life, harodnia.com, grodno.in, holiday.by, galina-lukas.ru, radzima.org, s13.ru, ggau.by, trainer.by, tut.by, zetgrodno.com, allcastles.ru, ay.by, wikimedia.org, drama.grodno.by, katolik.life
+Большинство фото и текстов взято из публичных источников: *wikipedia.org, newgrodno.by, oldgrodno.by, old.grodno.net, grodno.net, grodnonews.by, kinogrodno.by, vgr.by, hrodno.life, harodnia.com, grodno.in, holiday.by, galina-lukas.ru, radzima.org, s13.ru, ggau.by, trainer.by, tut.by, zetgrodno.com, allcastles.ru, ay.by, wikimedia.org, drama.grodno.by, katolik.life*
diff --git a/demo.html b/demo.html
@@ -1,23 +1,34 @@
 <html>
 <head>
     <!-- Global site tag (gtag.js) - Google Analytics -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-114159334-1"></script>
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-149375445-1"></script>
     <script>
         window.dataLayer = window.dataLayer || [];
         function gtag(){dataLayer.push(arguments);}
         gtag('js', new Date());
 
-        gtag('config', 'UA-114159334-1');
+        gtag('config', 'UA-149375445-1');
     </script>
 
-    <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
+    <title>GrodnoVR - Grodno 360 Tour</title>
+    <meta name="description" content="GrodnoVR - Grodno city of Belarus in Virtual Reality (prototype web app based on ReactVR framework). Author - Artur Basak">
+    <meta name="keywords" content="гродно,беларусь,виртуальная экскурсия,виртуальный гродно,гродно 360,grodnovr,grodno,belarus,reactvr,ovrui,webvr,vr,vrui,immersive web,immersive,3d,360 tour,3d tour,three.j,webgl,wirtualna rzeczywistość,старая Горадня віртуальна,віртуальная экскурсія,віртуальная рэчаіснасць,Гародня,Гродна">
+
+    <meta property="og:title" content="Demo | GrodnoVR">
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://grodno-vr.github.io">
+    <meta property="og:image" content="https://grodno-vr.github.io/static_assets/images/square.png">
+    <meta property="og:description" content="GrodnoVR - Grodno city of Belarus in Virtual Reality (prototype web app based on ReactVR framework). Author - Artur Basak">
+    <meta property="og:locale" content="en_US">
+    <meta property="og:locale:alternate" content="ru_RU">
 
+    <meta name="robots" content="index, follow">
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
     <link rel="apple-touch-icon" sizes="180x180" href="static_assets/favicon/apple-touch-icon.png">
     <link rel="icon" type="image/png" sizes="32x32" href="static_assets/favicon/favicon-32x32.png">
     <link rel="icon" type="image/png" sizes="16x16" href="static_assets/favicon/favicon-16x16.png">
-    <link rel="manifest" href="static_assets/favicon/webmanifest.json">
+    <link rel="manifest" href="static_assets/favicon/manifest.webmanifest">
     <link rel="mask-icon" href="static_assets/favicon/safari-pinned-tab.svg" color="#5bbad5">
     <meta name="apple-mobile-web-app-title" content="Grodno VR">
     <meta name="application-name" content="Grodno VR">

diff --git a/index.html b/index.html
@@ -1,13 +1,15 @@
 <html>
 <head>
     <!-- Global site tag (gtag.js) - Google Analytics -->
-    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-114159334-1"></script>
+    <script async src="https://www.googletagmanager.com/gtag/js?id=UA-149375445-1"></script>
     <script>
         window.dataLayer = window.dataLayer || [];
         function gtag(){dataLayer.push(arguments);}
         gtag('js', new Date());
-        gtag('config', 'UA-114159334-1');
 
+        gtag('config', 'UA-149375445-1');
+    </script>
+    <script>
         window.place = 'center';
         window.imgLoaded = 0;
 
@@ -38,12 +40,21 @@
         }
     </script>
 
-    <title>GrodnoVR - 360 Tour</title>
-    <meta name="description" content="Grodno city in Virtual Reality (prototype app based on ReactVR framework)." />
-    <meta name="robots" content="index, follow" />
-    <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
-    <meta charset="utf-8" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <title>GrodnoVR - Grodno 360 Tour</title>
+    <meta name="description" content="GrodnoVR - Grodno city of Belarus in Virtual Reality (prototype web app based on ReactVR framework). Author - Artur Basak">
+    <meta name="keywords" content="гродно,беларусь,виртуальная экскурсия,виртуальный гродно,гродно 360,grodnovr,grodno,belarus,reactvr,ovrui,webvr,vr,vrui,immersive web,immersive,3d,360 tour,3d tour,three.j,webgl,wirtualna rzeczywistość,старая Горадня віртуальна,віртуальная экскурсія,віртуальная рэчаіснасць,Гародня,Гродна">
+
+    <meta property="og:title" content="Index | GrodnoVR">
+    <meta property="og:type" content="website">
+    <meta property="og:url" content="https://grodno-vr.github.io">
+    <meta property="og:image" content="https://grodno-vr.github.io/static_assets/images/square.png">
+    <meta property="og:description" content="GrodnoVR - Grodno city of Belarus in Virtual Reality (prototype web app based on ReactVR framework). Author - Artur Basak">
+    <meta property="og:locale" content="en_US">
+    <meta property="og:locale:alternate" content="ru_RU">
+
+    <meta name="robots" content="index, follow">
+    <meta charset="utf-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1">
 
     <link rel="apple-touch-icon" sizes="180x180" href="static_assets/favicon/apple-touch-icon.png">
     <link rel="icon" type="image/png" sizes="32x32" href="static_assets/favicon/favicon-32x32.png">
@@ -97,6 +108,7 @@
             color: white;
             text-decoration: none;
             padding: 0 1em;
+            outline: none;
         }
 
         .github-link img {
@@ -105,12 +117,14 @@
             transition: transform 0.2s ease-out;
         }
 
+        .github-link:focus,
         .github-link:hover {
             text-shadow: 0 0 .2em, 0 0 .4em;
             cursor: pointer;
         }
 
-        .github-link:hover img {
+        .github-link:hover img,
+        .github-link:focus img {
             transform: rotate(-5deg);
         }
 
@@ -181,7 +195,8 @@
             transition: all .3s ease-in;
         }
 
-        button:hover {
+        button:hover,
+        button:focus {
             color: #1c1e20;
             background: #fff;
             cursor: pointer;