diff --git a/public/content/content.json b/public/content/content.json
index ccd4a89ed0618189f87fce8afbd8805a9b5e80cc..83c4fb9be826033ebb828cbca32cbd020e672724 100644
--- a/public/content/content.json
+++ b/public/content/content.json
@@ -141,7 +141,29 @@
},
"refIndex": 3
},
-
+ {
+ "item": {
+ "title": "Outdoor Mobile Augmented Reality in Urban Planning",
+ "project": "Master Thesis",
+ "author": {
+ "firstName": "Justin ",
+ "lastName": "Jing Hui",
+ "hftURL": "#"
+ },
+ "project_year_start": "2020",
+ "project_year_end": "2021",
+ "project_is_on_going": false,
+ "imageLink":"content/justin/ezgif.com-gif-maker.gif",
+ "keywords":["Augmented Reality","Urban Planning"],
+ "description_en":"This thesis aims to develop an outdoor mobile AR application that visualizes the urban environment using the mentioned grayscale masking filters.",
+ "description_de":"Ziel dieser Arbeit ist es, eine mobile AR-Anwendung für den Außenbereich zu entwickeln, die die urbane Umgebung mithilfe von Graustufen-Maskierungsfiltern visualisiert."
+ },
+ "refIndex": 5,
+ "links": {
+ "demo": "content/justin/index.html",
+ "publication": "content/justin/thesis.pdf"
+ }
+ },
{
"item": {
"title": "3D Wind Simulation",
diff --git a/public/content/justin/assets/css/mobile.css b/public/content/justin/assets/css/mobile.css
new file mode 100644
index 0000000000000000000000000000000000000000..29c0f154b0ecb5c8c16631af575c81ed2eb5ff0e
--- /dev/null
+++ b/public/content/justin/assets/css/mobile.css
@@ -0,0 +1,91 @@
+@media only screen and (max-width : 800px) {
+
+ .content {
+ padding-left: 5%;
+ padding-right: 5%;
+ }
+
+ nav {
+ background-color: rgba(16, 16, 16, 0.8);
+ height: auto;
+ padding: 0;
+ position: absolute;
+ right: -40%;
+ top: 20px;
+ width: 40%;
+ margin: 0;
+ z-index: 1000;
+ transition: right 0.4s;
+ }
+
+ nav ul {
+ flex-direction: column;
+ }
+
+ nav li {
+ display: block;
+ padding-top: 10px;
+ padding-bottom: 10px;
+ margin-top: 10px;
+ margin-bottom: 10px;
+ }
+
+ nav a {
+ font-size: 0.8em;
+ }
+
+ nav a:hover {
+ border-bottom: unset;
+ padding-bottom: unset;
+ }
+
+ .hamburger {
+ display: none;
+ flex-direction: column;
+ justify-content: space-between;
+ width: 40px;
+ height: 40px;
+ background-color: rgba(16, 16, 16, 0.8);
+ margin-top: 20px;
+ padding: 8px;
+ transition: margin-right 0.4s;
+ }
+
+ .line {
+ background-color: white;
+ height: 2px;
+ }
+
+ .slide-nav {
+ right: 0;
+ }
+
+ .slide-hamburger {
+ margin-right: 40%;
+ }
+
+ .overflow-visible{
+ overflow: visible;
+ }
+
+ .logo{
+ width: 80px;
+ height: 80px;
+ margin-left: 8vw;
+ }
+
+
+}
+
+@media only screen and (max-width : 400px) {
+
+ #projectlogo img{
+ width: 50px;
+ }
+
+ #projectname {
+ font-size: 12px;
+ }
+
+
+}
\ No newline at end of file
diff --git a/public/content/justin/assets/css/style.css b/public/content/justin/assets/css/style.css
new file mode 100644
index 0000000000000000000000000000000000000000..1a2bf18d017fcf01b9d14f4954e5ece4662177c8
--- /dev/null
+++ b/public/content/justin/assets/css/style.css
@@ -0,0 +1,244 @@
+@import url('https://fonts.googleapis.com/css2?family=Roboto:wght@400;700&display=swap');
+
+* {
+ margin: 0;
+ padding: 0;
+ box-sizing: border-box;
+}
+
+body {
+ font-family: 'Roboto', sans-serif;
+}
+
+h1 {
+ margin-top: 1.5em;
+}
+
+p {
+ margin-top: 1.25em;
+}
+
+.content{
+ padding-left: 25%;
+ padding-right: 25%;
+}
+
+.content ul {
+ list-style-image: url(../images/list.png);
+}
+
+.content img {
+ max-width: 100%;
+}
+
+header {
+ position: relative;
+ width: 100%;
+ height: 43.2vw;
+ background: url(../images/header.jpg);
+ background-size: contain;
+ background-repeat: no-repeat;
+ display: flex;
+ flex-direction: column;
+ justify-content: space-between;
+ overflow: hidden;
+}
+
+.row {
+ display: flex;
+ flex-direction: row;
+ width: 100%;
+ justify-content: space-between;
+}
+
+nav {
+ margin-top: 20px;
+ margin-right: 5vw;
+ letter-spacing: .8px;
+}
+
+nav ul {
+ list-style: none;
+ margin: 8px;
+ padding: 0;
+ display: flex;
+ flex-wrap: wrap;
+}
+nav li {
+ display: inline-block;
+ padding: 0 20px;
+ margin-top: 20px;
+}
+
+nav a {
+ text-decoration: none;
+ text-transform: uppercase;
+ font-size: 14px;
+ font-weight: 700;
+ color: #fff;
+ text-shadow: 0 1px 4px rgba(0,0,0,.4);
+ border-bottom: 5px solid transparent;
+ padding-bottom: 5px;
+}
+
+nav a:hover {
+ border-bottom: 5px solid gray;
+ transition: border-bottom-color 0.5s;
+}
+
+.footer {
+ margin-top: 3em;
+ background-image: linear-gradient(45deg, #a999a0, #ded9d6);
+}
+
+.logo{
+ width: 120px;
+ height: 120px;
+ margin-left: 8vw;
+}
+
+.footer-participants-container {
+ display: flex;
+ justify-content: space-evenly;
+ flex-wrap: wrap;
+ padding-left: 20px;
+ padding-right: 20px;
+ padding-top: 60px;
+ padding-bottom: 60px;
+}
+
+.participant {
+ display: flex;
+ flex-direction: column;
+ align-items: center;
+}
+
+.participant-avatar {
+ width: 120px;
+ height: 120px;
+ overflow: hidden;
+ border-radius: 50%;
+ background-color: white;
+ box-shadow: 0px 3px 8px 0px #00000069;
+ margin-left: 40px;
+ margin-right: 40px;
+ margin-top: 40px;
+ margin-bottom: 10px;
+}
+
+.participant-avatar img {
+ width: 100%;
+ margin: auto;
+}
+
+.participant-social {
+ margin-top: 10px;
+}
+
+.social {
+ margin-left: 3px;
+ margin-right: 3px;
+}
+
+.footer-logo-container {
+ display: flex;
+ justify-content: flex-end;
+ flex-wrap: wrap;
+ padding-left: 20px;
+ padding-right: 20px;
+ padding-top: 60px;
+ padding-bottom: 60px;
+}
+
+.footer-logo {
+ width: 80px;
+ height: 80px;
+ overflow: hidden;
+ border-radius: 25%;
+ background-color: white;
+ display: flex;
+ box-shadow: 0px 2px 6px 0px #00000069;
+ margin-right: 20px;
+ margin-top: 40px;
+}
+
+.footer-logo a {
+ display: flex;
+}
+
+.footer-logo img {
+ width: 80%;
+ margin: auto;
+}
+
+#projectlogo {
+ text-align: center;
+ margin-top: auto;
+}
+
+#projectlogo img{
+ max-width: 300px;
+ width: 16%;
+}
+
+#projectname {
+ font-weight: 700;
+ color: #fff;
+ text-align: center;
+ font-size: 4vw;
+ margin-bottom: 6vw;
+}
+
+.hamburger {
+ display: none;
+}
+
+.legal {
+ display: flex;
+ align-items: center;
+ flex-wrap: wrap;
+ background-color: #252525;
+ padding: 10px 80px;
+}
+
+.legal-text-container {
+ display: flex;
+ flex-wrap: wrap;
+ flex: 1;
+ justify-content: center;
+}
+
+.legal-text {
+ color: #c5c5c5;
+ font-size: 0.8em;
+ margin-right: 20px;
+ text-decoration: none;
+}
+
+.top {
+ display: flex;
+ align-items: center;
+ opacity: 0.8;
+}
+
+.top a {
+ display: inline-block;
+ line-height: 0;
+}
+
+.top:hover {
+ opacity: 1;
+}
+
+audio {
+ width: 100%;
+}
+
+.video-container {
+ width: 100%;
+}
+
+.video-container iframe {
+ width: 100%;
+ max-width: 560px;
+}
\ No newline at end of file
diff --git a/public/content/justin/assets/images/avatar.png b/public/content/justin/assets/images/avatar.png
new file mode 100644
index 0000000000000000000000000000000000000000..a031c19a06eda950fce6bcd91a2d21ccde6822ce
Binary files /dev/null and b/public/content/justin/assets/images/avatar.png differ
diff --git a/public/content/justin/assets/images/charlotte.jpg b/public/content/justin/assets/images/charlotte.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..2d12c5b5ea58daa4db3cf3522f9f7b5b16af6c8d
Binary files /dev/null and b/public/content/justin/assets/images/charlotte.jpg differ
diff --git a/public/content/justin/assets/images/facebook.png b/public/content/justin/assets/images/facebook.png
new file mode 100644
index 0000000000000000000000000000000000000000..716d2fc91942580a3bf585b582340e7cce157942
Binary files /dev/null and b/public/content/justin/assets/images/facebook.png differ
diff --git a/public/content/justin/assets/images/header.jpg b/public/content/justin/assets/images/header.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..935531feb87e231eb433ba6e53a582b95872dbe0
Binary files /dev/null and b/public/content/justin/assets/images/header.jpg differ
diff --git a/public/content/justin/assets/images/hft_logo.svg b/public/content/justin/assets/images/hft_logo.svg
new file mode 100644
index 0000000000000000000000000000000000000000..fabcd528fd48e367d7e591ff883554b33ddd7c65
--- /dev/null
+++ b/public/content/justin/assets/images/hft_logo.svg
@@ -0,0 +1,184 @@
+<?xml version="1.0" encoding="utf-8"?>
+<!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
+<svg version="1.1" id="Ebene_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
+ viewBox="0 0 166.2 166.2" style="enable-background:new 0 0 166.2 166.2;" xml:space="preserve">
+<style type="text/css">
+ .st0{clip-path:url(#SVGID_2_);}
+ .st1{fill:#D90F15;opacity:0.8}
+ .st2{enable-background:new ;}
+ .st3{fill:#FFFFFF;}
+</style>
+<g id="Group_1316" transform="translate(-140)">
+ <g id="Group_519" transform="translate(140)">
+ <g>
+ <defs>
+ <rect id="SVGID_1_" width="166.2" height="166.2"/>
+ </defs>
+ <clipPath id="SVGID_2_">
+ <use xlink:href="#SVGID_1_" style="overflow:visible;"/>
+ </clipPath>
+ <g id="Group_518" class="st0">
+ <g id="Path_371">
+ <path class="st1" d="M-8.3-6.6v180.7h184.9V-6.6H-8.3z"/>
+ </g>
+ </g>
+ </g>
+ </g>
+ <g class="st2">
+ <path class="st3" d="M157.5,44.6V26.7h1.2V35h11.2v-8.3h1.2v17.9h-1.2v-8.4h-11.2v8.4H157.5z"/>
+ <path class="st3" d="M180.2,31.3c0.3,0,0.6,0,0.9,0.1c0.3,0.1,0.7,0.2,1.1,0.3c0.4,0.1,0.7,0.3,1.1,0.6s0.6,0.5,0.9,0.9
+ s0.5,0.8,0.6,1.3c0.2,0.5,0.2,1.1,0.2,1.8v3.7c0,0.1,0,0.4,0,0.7c0,0.3-0.1,0.6-0.2,1c-0.1,0.4-0.2,0.7-0.4,1.1s-0.5,0.7-0.8,1.1
+ c-0.4,0.3-0.8,0.6-1.4,0.8c-0.6,0.2-1.2,0.3-2,0.3c-0.8,0-1.5-0.1-2-0.3c-0.6-0.2-1-0.5-1.4-0.8c-0.4-0.3-0.6-0.7-0.8-1.1
+ c-0.2-0.4-0.4-0.8-0.4-1.1c-0.1-0.4-0.2-0.7-0.2-1c0-0.3,0-0.5,0-0.7v-3.7c0-0.7,0.1-1.3,0.3-1.8c0.2-0.5,0.4-0.9,0.7-1.3
+ c0.3-0.4,0.6-0.7,0.9-0.9c0.3-0.2,0.7-0.4,1.1-0.6c0.4-0.1,0.7-0.2,1.1-0.3C179.6,31.4,179.9,31.3,180.2,31.3z M180.2,32.6
+ c-0.3,0-0.7,0.1-1.1,0.2c-0.4,0.1-0.8,0.3-1.2,0.6c-0.4,0.3-0.7,0.6-1,1.1c-0.3,0.5-0.4,1.1-0.4,1.8v3.7c0,0.1,0,0.3,0,0.5
+ c0,0.2,0.1,0.5,0.1,0.8c0.1,0.3,0.2,0.6,0.3,0.9c0.2,0.3,0.4,0.6,0.6,0.8c0.3,0.2,0.6,0.4,1,0.6c0.4,0.2,0.9,0.2,1.5,0.2
+ c0.6,0,1.1-0.1,1.5-0.2c0.4-0.2,0.8-0.4,1-0.6c0.3-0.2,0.5-0.5,0.6-0.8c0.1-0.3,0.3-0.6,0.3-0.9c0.1-0.3,0.1-0.5,0.1-0.8
+ c0-0.2,0-0.4,0-0.5v-3.7c0-0.5-0.1-0.9-0.2-1.3c-0.1-0.4-0.3-0.7-0.5-1c-0.2-0.3-0.4-0.5-0.7-0.7c-0.3-0.2-0.5-0.3-0.8-0.4
+ c-0.3-0.1-0.5-0.2-0.8-0.2C180.6,32.6,180.4,32.6,180.2,32.6z"/>
+ <path class="st3" d="M196.8,32.9h-3.7c-0.1,0-0.2,0-0.4,0c-0.2,0-0.4,0-0.7,0.1c-0.3,0.1-0.5,0.2-0.8,0.3
+ c-0.3,0.1-0.5,0.3-0.8,0.6c-0.2,0.2-0.4,0.6-0.6,0.9c-0.2,0.4-0.2,0.8-0.2,1.4v4.3c0,0.2,0,0.3,0,0.6c0,0.2,0,0.4,0.1,0.7
+ s0.1,0.5,0.2,0.7c0.1,0.2,0.2,0.4,0.4,0.6c0.2,0.2,0.4,0.3,0.7,0.4c0.3,0.1,0.6,0.2,1,0.2c0.2,0,0.4,0,0.7,0
+ c0.2,0,0.5-0.1,0.8-0.1c0.3-0.1,0.5-0.1,0.8-0.2c0.3-0.1,0.5-0.1,0.7-0.2c0.6-0.2,1.1-0.4,1.7-0.6l0.4,1.1
+ c-0.6,0.2-1.2,0.4-1.8,0.6c-0.3,0.1-0.5,0.2-0.8,0.2c-0.3,0.1-0.6,0.1-0.8,0.2c-0.3,0.1-0.6,0.1-0.8,0.1c-0.3,0-0.5,0.1-0.8,0.1
+ c-0.6,0-1.1-0.1-1.5-0.2c-0.4-0.2-0.8-0.4-1-0.6c-0.3-0.3-0.5-0.5-0.6-0.9c-0.2-0.3-0.3-0.6-0.3-1c-0.1-0.3-0.1-0.6-0.1-0.9
+ c0-0.3,0-0.6,0-0.8v-4.3c0-0.8,0.1-1.4,0.3-1.9c0.2-0.5,0.5-0.9,0.8-1.3c0.3-0.3,0.7-0.6,1-0.8c0.4-0.2,0.7-0.3,1.1-0.4
+ c0.3-0.1,0.6-0.1,0.9-0.1c0.3,0,0.4,0,0.5,0h3.7V32.9z"/>
+ <path class="st3" d="M200.5,44.6V26.7h1.2V33c0.2-0.1,0.5-0.2,0.7-0.3c0.3-0.1,0.5-0.2,0.8-0.3c0.3-0.1,0.5-0.2,0.7-0.3
+ c0.2-0.1,0.4-0.2,0.5-0.2c0.3-0.1,0.5-0.2,0.7-0.2c0.2-0.1,0.4-0.1,0.6-0.2c0.2,0,0.4-0.1,0.5-0.1c0.2,0,0.3,0,0.5,0
+ c0.6,0,1.2,0.1,1.6,0.4c0.4,0.3,0.7,0.6,1,1c0.2,0.4,0.4,0.8,0.5,1.3c0.1,0.4,0.1,0.8,0.1,1.2v9.4h-1.2v-9.4c0-0.2,0-0.5-0.1-0.8
+ c-0.1-0.3-0.2-0.6-0.3-0.9c-0.1-0.3-0.3-0.5-0.6-0.7c-0.3-0.2-0.6-0.3-1-0.3c-0.5,0-1.2,0.1-1.9,0.4c-0.2,0.1-0.4,0.2-0.7,0.3
+ c-0.3,0.1-0.6,0.2-0.9,0.4c-0.3,0.1-0.6,0.3-0.9,0.4s-0.5,0.2-0.7,0.3v10.3H200.5z"/>
+ <path class="st3" d="M213.6,42.6c0.2,0.1,0.4,0.2,0.7,0.3c0.3,0.1,0.6,0.3,1,0.4c0.4,0.1,0.8,0.2,1.2,0.3c0.5,0.1,1,0.1,1.5,0.1
+ c0.6,0,1.2-0.1,1.6-0.2c0.5-0.1,0.8-0.3,1.1-0.5c0.3-0.2,0.5-0.5,0.6-0.8c0.1-0.3,0.2-0.7,0.2-1.1c0-0.4-0.1-0.7-0.2-0.9
+ c-0.1-0.3-0.3-0.5-0.6-0.7s-0.6-0.4-1-0.5c-0.4-0.2-1-0.3-1.6-0.4c-0.9-0.2-1.6-0.5-2.2-0.7c-0.6-0.2-1-0.5-1.4-0.8
+ c-0.3-0.3-0.6-0.6-0.7-1c-0.1-0.4-0.2-0.8-0.2-1.3c0-1.1,0.4-2,1.1-2.6c0.7-0.6,1.8-0.9,3.1-0.9c1,0,1.9,0.1,2.6,0.2
+ c0.7,0.1,1.2,0.3,1.6,0.4l-0.4,1.1c-0.2-0.1-0.5-0.1-0.7-0.2c-0.2-0.1-0.5-0.1-0.8-0.2c-0.3-0.1-0.6-0.1-1-0.1c-0.4,0-0.8,0-1.3,0
+ c-1,0-1.8,0.2-2.3,0.6c-0.5,0.4-0.7,1-0.7,1.8c0,0.4,0.1,0.7,0.2,0.9c0.1,0.2,0.3,0.5,0.6,0.7c0.3,0.2,0.6,0.4,1.1,0.5
+ c0.5,0.2,1,0.3,1.7,0.5c0.8,0.2,1.5,0.4,2.1,0.6c0.6,0.2,1,0.4,1.4,0.7c0.3,0.3,0.6,0.6,0.7,1c0.2,0.4,0.2,0.9,0.2,1.4
+ c0,1.2-0.4,2.1-1.2,2.7c-0.8,0.6-2,1-3.6,1c-0.6,0-1.2,0-1.7-0.1s-1-0.2-1.4-0.3c-0.4-0.1-0.8-0.3-1.1-0.4
+ c-0.3-0.1-0.5-0.3-0.7-0.4L213.6,42.6z"/>
+ <path class="st3" d="M233.9,32.9h-3.7c-0.1,0-0.2,0-0.4,0c-0.2,0-0.4,0-0.7,0.1c-0.3,0.1-0.5,0.2-0.8,0.3
+ c-0.3,0.1-0.5,0.3-0.8,0.6c-0.2,0.2-0.4,0.6-0.6,0.9c-0.2,0.4-0.2,0.8-0.2,1.4v4.3c0,0.2,0,0.3,0,0.6c0,0.2,0,0.4,0.1,0.7
+ s0.1,0.5,0.2,0.7c0.1,0.2,0.2,0.4,0.4,0.6c0.2,0.2,0.4,0.3,0.7,0.4c0.3,0.1,0.6,0.2,1,0.2c0.2,0,0.4,0,0.7,0
+ c0.2,0,0.5-0.1,0.8-0.1c0.3-0.1,0.5-0.1,0.8-0.2c0.3-0.1,0.5-0.1,0.7-0.2c0.6-0.2,1.1-0.4,1.7-0.6l0.4,1.1
+ c-0.6,0.2-1.2,0.4-1.8,0.6c-0.3,0.1-0.5,0.2-0.8,0.2c-0.3,0.1-0.6,0.1-0.8,0.2c-0.3,0.1-0.6,0.1-0.8,0.1c-0.3,0-0.5,0.1-0.8,0.1
+ c-0.6,0-1.1-0.1-1.5-0.2c-0.4-0.2-0.8-0.4-1-0.6c-0.3-0.3-0.5-0.5-0.6-0.9c-0.2-0.3-0.3-0.6-0.3-1c-0.1-0.3-0.1-0.6-0.1-0.9
+ c0-0.3,0-0.6,0-0.8v-4.3c0-0.8,0.1-1.4,0.3-1.9c0.2-0.5,0.5-0.9,0.8-1.3c0.3-0.3,0.7-0.6,1-0.8c0.4-0.2,0.7-0.3,1.1-0.4
+ c0.3-0.1,0.6-0.1,0.9-0.1c0.3,0,0.4,0,0.5,0h3.7V32.9z"/>
+ <path class="st3" d="M237.6,44.6V26.7h1.2V33c0.2-0.1,0.5-0.2,0.7-0.3c0.3-0.1,0.5-0.2,0.8-0.3c0.3-0.1,0.5-0.2,0.7-0.3
+ c0.2-0.1,0.4-0.2,0.5-0.2c0.3-0.1,0.5-0.2,0.7-0.2c0.2-0.1,0.4-0.1,0.6-0.2c0.2,0,0.4-0.1,0.5-0.1c0.2,0,0.3,0,0.5,0
+ c0.6,0,1.2,0.1,1.6,0.4c0.4,0.3,0.7,0.6,1,1c0.2,0.4,0.4,0.8,0.5,1.3c0.1,0.4,0.1,0.8,0.1,1.2v9.4H246v-9.4c0-0.2,0-0.5-0.1-0.8
+ c-0.1-0.3-0.2-0.6-0.3-0.9c-0.1-0.3-0.3-0.5-0.6-0.7c-0.3-0.2-0.6-0.3-1-0.3c-0.5,0-1.2,0.1-1.9,0.4c-0.2,0.1-0.4,0.2-0.7,0.3
+ c-0.3,0.1-0.6,0.2-0.9,0.4c-0.3,0.1-0.6,0.3-0.9,0.4s-0.5,0.2-0.7,0.3v10.3H237.6z"/>
+ <path class="st3" d="M252.8,31.6v9.4c0,0.2,0,0.5,0.1,0.8c0.1,0.3,0.2,0.6,0.3,0.9s0.3,0.5,0.6,0.7c0.3,0.2,0.6,0.3,1,0.3
+ c0.5,0,1.2-0.1,1.9-0.4c0.2-0.1,0.4-0.2,0.7-0.3c0.3-0.1,0.6-0.2,0.9-0.4c0.3-0.1,0.6-0.3,0.9-0.4c0.3-0.1,0.5-0.2,0.7-0.3V31.6
+ h1.2v13h-1.2v-1.3c-0.2,0.1-0.5,0.2-0.8,0.3c-0.3,0.1-0.5,0.2-0.8,0.3c-0.3,0.1-0.5,0.2-0.7,0.3c-0.2,0.1-0.4,0.2-0.5,0.2
+ c-0.3,0.1-0.5,0.2-0.7,0.2c-0.2,0.1-0.4,0.1-0.6,0.2c-0.2,0-0.4,0.1-0.5,0.1c-0.2,0-0.3,0-0.5,0c-0.6,0-1.2-0.1-1.6-0.4
+ c-0.4-0.3-0.7-0.6-1-1c-0.2-0.4-0.4-0.8-0.5-1.3c-0.1-0.4-0.1-0.8-0.1-1.2v-9.4H252.8z"/>
+ <path class="st3" d="M266.8,26.7v17.9h-1.2V26.7H266.8z"/>
+ <path class="st3" d="M280.6,43.8c-0.3,0.1-0.7,0.2-1.1,0.4c-0.4,0.1-0.8,0.3-1.3,0.4c-0.4,0.1-0.9,0.2-1.4,0.3
+ c-0.5,0.1-1,0.1-1.6,0.1c-0.7,0-1.3-0.1-1.8-0.3c-0.6-0.2-1-0.5-1.4-0.9c-0.4-0.4-0.7-0.9-0.9-1.6c-0.2-0.6-0.3-1.4-0.3-2.2v-3.3
+ c0-0.9,0.1-1.6,0.4-2.3c0.2-0.7,0.6-1.2,1-1.7c0.4-0.5,1-0.8,1.6-1c0.6-0.2,1.4-0.3,2.1-0.3c0.8,0,1.5,0.1,2.1,0.4
+ c0.6,0.3,1.1,0.6,1.5,1.1c0.4,0.5,0.7,1,0.9,1.6c0.2,0.6,0.3,1.3,0.3,2.1v2.2H272v1.1c0,0.7,0.1,1.2,0.2,1.7
+ c0.2,0.5,0.4,0.9,0.7,1.2c0.3,0.3,0.6,0.5,1,0.7c0.4,0.1,0.9,0.2,1.4,0.2c0.5,0,1,0,1.4-0.1c0.5-0.1,0.9-0.2,1.4-0.3
+ s0.8-0.2,1.2-0.4c0.4-0.1,0.7-0.2,0.9-0.3L280.6,43.8z M272,37.5h7.4v-1.1c0-1.3-0.3-2.3-0.8-3c-0.6-0.7-1.5-1.1-2.7-1.1
+ c-0.6,0-1.2,0.1-1.7,0.2c-0.5,0.2-0.9,0.4-1.2,0.7c-0.3,0.3-0.6,0.8-0.8,1.3c-0.2,0.5-0.3,1.2-0.3,1.9V37.5z"/>
+ </g>
+ <g class="st2">
+ <path class="st3" d="M156.2,58h1.9v-0.6c0-0.6,0.1-1.1,0.2-1.6s0.4-1,0.7-1.3c0.3-0.4,0.7-0.7,1.2-0.9s1.1-0.3,1.8-0.3
+ c0.5,0,0.9,0,1.2,0.1c0.3,0.1,0.6,0.2,0.8,0.3l-0.7,1.9c-0.2-0.1-0.4-0.1-0.6-0.2c-0.2,0-0.4-0.1-0.7-0.1c-0.6,0-1,0.2-1.3,0.5
+ c-0.3,0.4-0.5,0.9-0.5,1.6V58h2.5v2.1h-2.5V71H158V60.1h-1.9V58z"/>
+ <path class="st3" d="M175.9,71h-2.2v-1.1l-1.9,0.7c-0.1,0.1-0.3,0.1-0.5,0.2c-0.2,0.1-0.4,0.1-0.7,0.2s-0.5,0.1-0.8,0.2
+ c-0.3,0-0.6,0.1-0.9,0.1c-0.4,0-0.8-0.1-1.3-0.2c-0.4-0.1-0.8-0.4-1.1-0.7c-0.3-0.3-0.6-0.8-0.8-1.3c-0.2-0.6-0.3-1.3-0.3-2.2V58
+ h2.2v8.9c0,0.2,0,0.4,0,0.6s0.1,0.5,0.2,0.8c0.1,0.3,0.3,0.5,0.5,0.7c0.2,0.2,0.6,0.3,1,0.3c0.3,0,0.5,0,0.8-0.1
+ c0.3-0.1,0.5-0.2,0.8-0.3l2.7-1.1V58h2.2V71z M167.3,55.6v-2.5h2.3v2.5H167.3z M171.9,55.6v-2.5h2.3v2.5H171.9z"/>
+ <path class="st3" d="M184.6,57.7c0.3,0,0.7,0,0.9,0.1c0.3,0.1,0.5,0.2,0.7,0.3c0.2,0.1,0.4,0.2,0.6,0.4l-0.8,2.1
+ c-0.1-0.1-0.3-0.2-0.5-0.2c-0.1-0.1-0.3-0.1-0.5-0.2c-0.2-0.1-0.4-0.1-0.6-0.1c-0.2,0-0.4,0-0.6,0.1c-0.2,0.1-0.4,0.2-0.6,0.4
+ c-0.2,0.1-0.4,0.3-0.5,0.5c-0.2,0.2-0.3,0.3-0.4,0.5s-0.3,0.3-0.4,0.5V71h-2.2V58h2.2v1.4c0,0,0,0,0.1-0.1
+ c0.1-0.1,0.1-0.2,0.3-0.3c0.1-0.1,0.2-0.3,0.4-0.4c0.2-0.1,0.3-0.3,0.5-0.4c0.2-0.1,0.4-0.2,0.6-0.3
+ C184.1,57.8,184.4,57.7,184.6,57.7z"/>
+ <path class="st3" d="M209.6,55.2h-6.7V71h-2.4V55.2h-6.7v-2.1h15.7V55.2z"/>
+ </g>
+ <g class="st2">
+ <path class="st3" d="M220.8,70.2c-0.4,0.1-0.8,0.2-1.2,0.4c-0.4,0.1-0.8,0.2-1.3,0.3c-0.5,0.1-0.9,0.2-1.4,0.3
+ c-0.5,0.1-1,0.1-1.6,0.1c-0.6,0-1.3-0.1-1.9-0.3c-0.6-0.2-1.1-0.5-1.6-0.9c-0.5-0.4-0.9-1-1.2-1.7c-0.3-0.7-0.4-1.6-0.4-2.7v-2.1
+ c0-0.8,0.1-1.6,0.3-2.3c0.2-0.7,0.6-1.3,1-1.9c0.5-0.5,1-0.9,1.7-1.2c0.7-0.3,1.5-0.4,2.5-0.4c0.7,0,1.3,0.1,1.8,0.2
+ c0.5,0.1,1,0.3,1.3,0.6c0.4,0.3,0.7,0.6,1,0.9c0.3,0.3,0.5,0.7,0.6,1.1c0.2,0.4,0.3,0.8,0.3,1.3c0.1,0.4,0.1,0.9,0.1,1.3v2.3h-8.5
+ v0.6c0,0.6,0.1,1.1,0.2,1.5c0.1,0.4,0.3,0.7,0.6,1c0.3,0.3,0.6,0.4,0.9,0.6c0.3,0.1,0.7,0.2,1.1,0.2c0.5,0,0.9,0,1.4-0.1
+ c0.5-0.1,0.9-0.2,1.3-0.3c0.4-0.1,0.8-0.2,1.2-0.3c0.4-0.1,0.7-0.2,1-0.3L220.8,70.2z M212.4,63.6h6.3c0-0.6,0-1.2-0.1-1.7
+ c-0.1-0.5-0.2-0.9-0.4-1.3c-0.2-0.4-0.5-0.6-0.9-0.8c-0.4-0.2-0.9-0.3-1.5-0.3c-0.6,0-1.1,0.1-1.5,0.3c-0.4,0.2-0.8,0.4-1,0.7
+ s-0.5,0.7-0.6,1.1c-0.1,0.4-0.2,0.9-0.2,1.5V63.6z"/>
+ <path class="st3" d="M232.7,60h-3.3c-0.5,0-1,0.1-1.4,0.2c-0.4,0.1-0.7,0.3-0.9,0.5s-0.4,0.4-0.6,0.7c-0.1,0.2-0.2,0.5-0.3,0.7
+ c-0.1,0.2-0.1,0.5-0.1,0.7c0,0.2,0,0.4,0,0.5v3.7c0,0.4,0.1,0.8,0.2,1.1c0.1,0.3,0.2,0.6,0.4,0.7s0.4,0.3,0.6,0.4
+ c0.2,0.1,0.5,0.1,0.7,0.1c0.4,0,0.8,0,1.2-0.1c0.5-0.1,0.9-0.2,1.3-0.3c0.4-0.1,0.9-0.2,1.2-0.3c0.4-0.1,0.7-0.2,0.9-0.3
+ c0.1,0.4,0.2,0.7,0.2,1c0.1,0.2,0.1,0.5,0.2,0.7s0.1,0.3,0.1,0.3c-0.4,0.1-0.8,0.3-1.2,0.4c-0.4,0.1-0.8,0.3-1.3,0.4
+ c-0.4,0.1-0.9,0.2-1.4,0.2c-0.5,0.1-1.1,0.1-1.7,0.1c-0.4,0-0.9-0.1-1.3-0.2c-0.4-0.1-0.8-0.4-1.2-0.7c-0.4-0.3-0.6-0.8-0.9-1.4
+ c-0.2-0.6-0.3-1.3-0.3-2.2v-3.6c0-0.7,0.1-1.4,0.2-1.9c0.2-0.5,0.4-1,0.7-1.4c0.3-0.4,0.6-0.7,1-1c0.4-0.2,0.8-0.4,1.2-0.6
+ c0.4-0.1,0.8-0.2,1.3-0.3c0.4-0.1,0.8-0.1,1.2-0.1h3.3V60z"/>
+ <path class="st3" d="M236.4,53.1h2.2v6l1.9-0.7c0.1-0.1,0.3-0.1,0.5-0.2c0.2-0.1,0.4-0.1,0.6-0.2c0.2-0.1,0.5-0.1,0.8-0.2
+ c0.3,0,0.6-0.1,1-0.1c0.4,0,0.8,0.1,1.3,0.2c0.4,0.1,0.8,0.4,1.1,0.7c0.3,0.3,0.6,0.8,0.8,1.3c0.2,0.6,0.3,1.3,0.3,2.2V71h-2.2
+ v-8.9c0-0.2,0-0.4,0-0.6c0-0.3-0.1-0.5-0.2-0.8c-0.1-0.3-0.3-0.5-0.5-0.7c-0.2-0.2-0.6-0.3-1-0.3c-0.3,0-0.5,0-0.8,0.1
+ c-0.3,0.1-0.5,0.2-0.7,0.2l-2.8,1.1V71h-2.2V53.1z"/>
+ <path class="st3" d="M250.8,58h2.1v1.1l1.9-0.7c0.1,0,0.3-0.1,0.5-0.2c0.2-0.1,0.4-0.2,0.7-0.2c0.3-0.1,0.5-0.1,0.9-0.2
+ c0.3-0.1,0.6-0.1,1-0.1c0.4,0,0.8,0.1,1.3,0.2c0.4,0.1,0.8,0.4,1.1,0.7c0.3,0.3,0.6,0.8,0.8,1.3c0.2,0.6,0.3,1.3,0.3,2.2V71h-2.2
+ v-8.9c0-0.2,0-0.4,0-0.6c0-0.3-0.1-0.5-0.2-0.8c-0.1-0.3-0.3-0.5-0.5-0.7c-0.2-0.2-0.6-0.3-1-0.3c-0.3,0-0.5,0-0.8,0.1
+ c-0.3,0.1-0.5,0.2-0.7,0.2l-2.8,1.1V71h-2.2V58z"/>
+ <path class="st3" d="M267.5,56h-2.2v-2.2h2.2V56z M267.5,71h-2.2V58h2.2V71z"/>
+ <path class="st3" d="M271.4,71V53.1h2.2v10.5l6-5.5h2.8l-5.7,5.3l5.7,7.6h-2.7l-4.6-6.2l-1.5,1.4V71H271.4z"/>
+ </g>
+ <g class="st2">
+ <path class="st3" d="M158,93.1c0.4,0.3,0.9,0.5,1.4,0.7c0.4,0.2,1,0.3,1.6,0.5c0.6,0.1,1.3,0.2,2,0.2c1.1,0,2-0.2,2.6-0.5
+ c0.6-0.3,0.9-0.9,0.9-1.8c0-0.4-0.1-0.7-0.2-0.9c-0.1-0.2-0.3-0.4-0.6-0.6c-0.3-0.1-0.6-0.3-1.1-0.4c-0.5-0.1-1-0.2-1.7-0.4
+ c-1.1-0.3-2.1-0.5-2.8-0.8c-0.8-0.3-1.4-0.6-1.9-1c-0.5-0.4-0.9-0.9-1.1-1.5c-0.2-0.6-0.3-1.4-0.3-2.3c0-0.9,0.1-1.7,0.4-2.4
+ c0.3-0.7,0.7-1.2,1.3-1.6c0.5-0.4,1.2-0.7,2-0.9c0.8-0.2,1.7-0.3,2.6-0.3c0.7,0,1.3,0,1.9,0.1c0.6,0.1,1.2,0.1,1.7,0.2
+ c0.5,0.1,1,0.2,1.4,0.3c0.4,0.1,0.8,0.2,1,0.3l-1,3c-0.3-0.1-0.6-0.2-1-0.3c-0.4-0.1-0.8-0.2-1.2-0.3c-0.4-0.1-0.9-0.2-1.3-0.2
+ c-0.5-0.1-0.9-0.1-1.4-0.1c-0.5,0-0.9,0-1.3,0.1c-0.4,0.1-0.6,0.2-0.9,0.4c-0.2,0.2-0.4,0.4-0.5,0.6c-0.1,0.3-0.2,0.6-0.2,0.9
+ c0,0.4,0.1,0.6,0.2,0.9c0.1,0.2,0.3,0.4,0.6,0.6c0.3,0.2,0.6,0.3,1.1,0.4c0.4,0.1,1,0.3,1.7,0.4c0.7,0.2,1.4,0.3,2,0.5
+ c0.6,0.2,1.1,0.3,1.6,0.5s0.9,0.4,1.2,0.7c0.3,0.3,0.6,0.6,0.8,0.9c0.2,0.4,0.4,0.8,0.5,1.3c0.1,0.5,0.2,1,0.2,1.7
+ c0,1-0.2,1.8-0.5,2.5c-0.3,0.7-0.8,1.3-1.4,1.7c-0.6,0.4-1.3,0.7-2.2,0.9c-0.9,0.2-1.9,0.3-3,0.3c-0.5,0-0.9,0-1.4-0.1
+ c-0.4-0.1-0.9-0.1-1.3-0.2c-0.4-0.1-0.8-0.2-1.1-0.3c-0.4-0.1-0.7-0.2-1-0.4c-0.7-0.3-1.3-0.6-1.9-1L158,93.1z"/>
+ <path class="st3" d="M176.1,79.9v4.5h2.7v3h-2.7v5.8c0,0.6,0.1,1,0.3,1.2c0.2,0.2,0.5,0.3,1,0.3c0.1,0,0.3,0,0.4,0
+ c0.1,0,0.3-0.1,0.4-0.1c0.1,0,0.2-0.1,0.3-0.1c0.1,0,0.2-0.1,0.2-0.1l0.9,2.8c-0.1,0-0.2,0.1-0.3,0.2c-0.1,0.1-0.3,0.1-0.5,0.2
+ c-0.2,0.1-0.4,0.1-0.7,0.1c-0.3,0-0.6,0.1-0.9,0.1c-0.8,0-1.4-0.1-2-0.3c-0.5-0.2-1-0.5-1.3-0.9c-0.3-0.4-0.6-0.9-0.7-1.4
+ c-0.1-0.6-0.2-1.2-0.2-1.9v-5.8h-1.5v-3h1.5v-3.5L176.1,79.9z"/>
+ <path class="st3" d="M192.6,97.4h-3.1v-0.9c-0.2,0.1-0.3,0.2-0.5,0.2c-0.2,0.1-0.3,0.1-0.5,0.2c-0.2,0.1-0.3,0.1-0.5,0.2
+ c-0.1,0-0.3,0.1-0.5,0.2c-0.2,0.1-0.4,0.1-0.6,0.2c-0.2,0.1-0.5,0.1-0.8,0.1c-0.3,0-0.6,0.1-0.9,0.1c-0.4,0-0.8-0.1-1.3-0.2
+ c-0.4-0.1-0.8-0.4-1.2-0.7c-0.4-0.3-0.6-0.8-0.9-1.3c-0.2-0.6-0.3-1.3-0.3-2.2v-8.9h3.2V93c0,0.3,0,0.6,0.1,0.8
+ c0,0.2,0.1,0.4,0.2,0.6c0.1,0.2,0.2,0.3,0.4,0.4c0.2,0.1,0.4,0.1,0.7,0.1c0.2,0,0.3,0,0.5-0.1c0.2-0.1,0.4-0.1,0.7-0.2
+ c0.2-0.1,0.4-0.1,0.7-0.2c0.2-0.1,0.5-0.2,0.7-0.3c0.2-0.1,0.5-0.2,0.7-0.3v-9.4h3.2V97.4z"/>
+ <path class="st3" d="M199.2,79.9v4.5h2.7v3h-2.7v5.8c0,0.6,0.1,1,0.3,1.2c0.2,0.2,0.5,0.3,1,0.3c0.1,0,0.3,0,0.4,0
+ c0.1,0,0.3-0.1,0.4-0.1c0.1,0,0.2-0.1,0.3-0.1c0.1,0,0.2-0.1,0.2-0.1l0.9,2.8c-0.1,0-0.2,0.1-0.3,0.2c-0.1,0.1-0.3,0.1-0.5,0.2
+ c-0.2,0.1-0.4,0.1-0.7,0.1c-0.3,0-0.6,0.1-0.9,0.1c-0.8,0-1.4-0.1-2-0.3c-0.5-0.2-1-0.5-1.3-0.9c-0.3-0.4-0.6-0.9-0.7-1.4
+ c-0.1-0.6-0.2-1.2-0.2-1.9v-5.8h-1.5v-3h1.5v-3.5L199.2,79.9z"/>
+ <path class="st3" d="M207.9,79.9v4.5h2.7v3h-2.7v5.8c0,0.6,0.1,1,0.3,1.2c0.2,0.2,0.5,0.3,1,0.3c0.1,0,0.3,0,0.4,0
+ c0.1,0,0.3-0.1,0.4-0.1c0.1,0,0.2-0.1,0.3-0.1c0.1,0,0.2-0.1,0.2-0.1l0.9,2.8c-0.1,0-0.2,0.1-0.3,0.2c-0.1,0.1-0.3,0.1-0.5,0.2
+ c-0.2,0.1-0.4,0.1-0.7,0.1c-0.3,0-0.6,0.1-0.9,0.1c-0.8,0-1.4-0.1-2-0.3c-0.5-0.2-1-0.5-1.3-0.9c-0.3-0.4-0.6-0.9-0.7-1.4
+ c-0.1-0.6-0.2-1.2-0.2-1.9v-5.8h-1.5v-3h1.5v-3.5L207.9,79.9z"/>
+ <path class="st3" d="M218.3,99.7c0.5,0,0.9-0.1,1.2-0.2c0.3-0.1,0.6-0.3,0.8-0.6c0.2-0.2,0.4-0.5,0.5-0.8c0.1-0.3,0.1-0.6,0.1-1
+ v-0.8l-0.6,0.3c-0.4,0.2-0.8,0.3-1.2,0.5c-0.5,0.2-1,0.2-1.6,0.2c-0.7,0-1.3-0.1-1.8-0.3c-0.5-0.2-0.9-0.5-1.3-0.8
+ c-0.3-0.3-0.6-0.7-0.8-1.1c-0.2-0.4-0.3-0.8-0.4-1.1c-0.1-0.4-0.2-0.7-0.2-1c0-0.3,0-0.6,0-0.7v-2c0-0.9,0.1-1.7,0.3-2.4
+ c0.2-0.7,0.5-1.2,0.8-1.7c0.3-0.4,0.7-0.8,1.1-1c0.4-0.3,0.8-0.5,1.2-0.6c0.4-0.1,0.7-0.2,1-0.2c0.3,0,0.5,0,0.7,0h6v12.3
+ c0,0.8-0.1,1.5-0.3,2.2c-0.2,0.7-0.5,1.3-1,1.9c-0.5,0.5-1,1-1.8,1.3c-0.7,0.3-1.6,0.5-2.7,0.5c-0.5,0-0.9,0-1.3-0.1
+ c-0.4-0.1-0.8-0.2-1.1-0.3c-0.3-0.1-0.6-0.2-0.9-0.4c-0.3-0.1-0.5-0.3-0.7-0.5c-0.5-0.4-0.9-0.8-1.1-1.2l2.5-1.7
+ c0.2,0.2,0.4,0.4,0.6,0.6c0.2,0.2,0.5,0.3,0.8,0.4C217.4,99.7,217.8,99.7,218.3,99.7z M219.3,94.1c0.2-0.1,0.3-0.1,0.5-0.2
+ c0.2-0.1,0.3-0.1,0.5-0.2c0.2-0.1,0.4-0.1,0.5-0.2v-6.1h-2.8c0,0-0.1,0-0.2,0c-0.1,0-0.2,0-0.4,0.1c-0.1,0.1-0.3,0.1-0.4,0.3
+ c-0.2,0.1-0.3,0.3-0.4,0.4c-0.1,0.2-0.2,0.4-0.3,0.7c-0.1,0.3-0.1,0.6-0.1,1v2.4c0,0.2,0,0.3,0.1,0.6c0,0.2,0.1,0.5,0.3,0.7
+ c0.1,0.2,0.3,0.4,0.5,0.6c0.2,0.2,0.5,0.2,0.8,0.2c0.2,0,0.4,0,0.7-0.1C218.7,94.3,219,94.2,219.3,94.1z"/>
+ <path class="st3" d="M234.8,97.4v-0.9l-2.1,0.9c-0.3,0.1-0.6,0.2-0.9,0.3c-0.3,0.1-0.7,0.1-1,0.1c-0.8,0-1.5-0.1-2-0.4
+ c-0.5-0.3-0.9-0.6-1.2-1.1c-0.3-0.5-0.5-1-0.6-1.6c-0.1-0.6-0.2-1.3-0.2-2v-2.2c0-0.9,0.1-1.6,0.3-2.3c0.2-0.6,0.4-1.2,0.7-1.6
+ c0.3-0.4,0.6-0.8,1-1.1c0.4-0.3,0.8-0.5,1.1-0.6c0.4-0.1,0.7-0.2,1.1-0.3c0.3,0,0.7-0.1,0.9-0.1h5.9v13H234.8z M231.4,94.8
+ c0.3,0,0.6,0,0.8-0.1c0.3-0.1,0.6-0.2,1-0.4l1.6-0.7v-6.3h-2.8c-0.2,0-0.5,0-0.7,0.1c-0.2,0.1-0.4,0.2-0.6,0.4
+ c-0.2,0.2-0.3,0.4-0.5,0.8c-0.1,0.3-0.2,0.7-0.2,1.2v2.9c0,0.3,0,0.6,0,0.8c0,0.2,0.1,0.5,0.2,0.6c0.1,0.2,0.2,0.3,0.4,0.4
+ C230.9,94.8,231.1,94.8,231.4,94.8z"/>
+ <path class="st3" d="M241.3,97.4v-13h3.2v0.9c0.1-0.1,0.3-0.3,0.4-0.4c0.2-0.1,0.3-0.3,0.5-0.4c0.2-0.1,0.4-0.2,0.6-0.3
+ c0.2-0.1,0.4-0.1,0.7-0.1c0.3,0,0.6,0,0.9,0.1c0.3,0.1,0.6,0.2,0.8,0.3c0.3,0.1,0.5,0.3,0.8,0.5l-0.9,2.5
+ c-0.2-0.1-0.4-0.2-0.6-0.3c-0.2-0.1-0.4-0.2-0.5-0.2c-0.2-0.1-0.4-0.1-0.5-0.1c-0.2,0-0.4,0-0.6,0.1c-0.2,0.1-0.4,0.2-0.6,0.3
+ c-0.2,0.1-0.4,0.3-0.5,0.5c-0.2,0.2-0.3,0.3-0.4,0.5v9.1H241.3z"/>
+ <path class="st3" d="M254.1,79.9v4.5h2.7v3h-2.7v5.8c0,0.6,0.1,1,0.3,1.2c0.2,0.2,0.5,0.3,1,0.3c0.1,0,0.3,0,0.4,0
+ c0.1,0,0.3-0.1,0.4-0.1c0.1,0,0.2-0.1,0.3-0.1c0.1,0,0.2-0.1,0.2-0.1l0.9,2.8c-0.1,0-0.2,0.1-0.3,0.2c-0.1,0.1-0.3,0.1-0.5,0.2
+ c-0.2,0.1-0.4,0.1-0.7,0.1c-0.3,0-0.6,0.1-0.9,0.1c-0.8,0-1.4-0.1-2-0.3c-0.5-0.2-1-0.5-1.3-0.9c-0.3-0.4-0.6-0.9-0.7-1.4
+ c-0.1-0.6-0.2-1.2-0.2-1.9v-5.8h-1.5v-3h1.5v-3.5L254.1,79.9z"/>
+ </g>
+</g>
+</svg>
diff --git a/public/content/justin/assets/images/justin.jpg b/public/content/justin/assets/images/justin.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..ef363a8ad68815e2a11280c4ea1fe6442511401f
Binary files /dev/null and b/public/content/justin/assets/images/justin.jpg differ
diff --git a/public/content/justin/assets/images/linkedin.png b/public/content/justin/assets/images/linkedin.png
new file mode 100644
index 0000000000000000000000000000000000000000..4bd3550cd999c0cf4ed12ceb53a75d3a9bfac6b3
Binary files /dev/null and b/public/content/justin/assets/images/linkedin.png differ
diff --git a/public/content/justin/assets/images/list.png b/public/content/justin/assets/images/list.png
new file mode 100644
index 0000000000000000000000000000000000000000..e0064d82d673ce22dda7f5bfdcc95173420f1adc
Binary files /dev/null and b/public/content/justin/assets/images/list.png differ
diff --git a/public/content/justin/assets/images/top.png b/public/content/justin/assets/images/top.png
new file mode 100644
index 0000000000000000000000000000000000000000..cc720292bcae1ce38dad9e0a104d37384f81efd0
Binary files /dev/null and b/public/content/justin/assets/images/top.png differ
diff --git a/public/content/justin/assets/images/twitter.png b/public/content/justin/assets/images/twitter.png
new file mode 100644
index 0000000000000000000000000000000000000000..6da1f270e1299c803b0b735a67919d03c035b2bb
Binary files /dev/null and b/public/content/justin/assets/images/twitter.png differ
diff --git a/public/content/justin/assets/images/webpage.png b/public/content/justin/assets/images/webpage.png
new file mode 100644
index 0000000000000000000000000000000000000000..df05bf018327f31e0e8964ce41ea830da0d77808
Binary files /dev/null and b/public/content/justin/assets/images/webpage.png differ
diff --git a/public/content/justin/assets/logos/Logo_M4_LAB.jpg b/public/content/justin/assets/logos/Logo_M4_LAB.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..7417075b2c4db0a7e510ef8e269b8225abfa2d5d
Binary files /dev/null and b/public/content/justin/assets/logos/Logo_M4_LAB.jpg differ
diff --git a/public/content/justin/assets/logos/logo1.png b/public/content/justin/assets/logos/logo1.png
new file mode 100644
index 0000000000000000000000000000000000000000..233410c57727edf0574d45c35a4607ecd9ead11b
Binary files /dev/null and b/public/content/justin/assets/logos/logo1.png differ
diff --git a/public/content/justin/assets/logos/logo2.png b/public/content/justin/assets/logos/logo2.png
new file mode 100644
index 0000000000000000000000000000000000000000..e52590c27a9527fd6399f2de4f57ff1cb8da9cbf
Binary files /dev/null and b/public/content/justin/assets/logos/logo2.png differ
diff --git a/public/content/justin/assets/logos/logo3.png b/public/content/justin/assets/logos/logo3.png
new file mode 100644
index 0000000000000000000000000000000000000000..f87b0cc02358000d83ce79d6a91439f4ca2b3f2d
Binary files /dev/null and b/public/content/justin/assets/logos/logo3.png differ
diff --git a/public/content/justin/cover.jpg b/public/content/justin/cover.jpg
new file mode 100644
index 0000000000000000000000000000000000000000..fb9f1e021cb807e7174077307740dc8389a6cec4
Binary files /dev/null and b/public/content/justin/cover.jpg differ
diff --git a/public/content/justin/ezgif.com-gif-maker.gif b/public/content/justin/ezgif.com-gif-maker.gif
new file mode 100644
index 0000000000000000000000000000000000000000..eb0854c35f1f706751141a198498fc6f4c2290e8
Binary files /dev/null and b/public/content/justin/ezgif.com-gif-maker.gif differ
diff --git a/public/content/justin/index.html b/public/content/justin/index.html
new file mode 100644
index 0000000000000000000000000000000000000000..18584b0c0cad5108be5958e3e5d70779965de79f
--- /dev/null
+++ b/public/content/justin/index.html
@@ -0,0 +1,83 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+ <meta charset="utf-8">
+ <meta name="viewport" content="width=device-width, initial-scale=1">
+ <meta name="generator" content="GitLab Pages">
+ <title></title>
+ <link rel="stylesheet" href="assets/css/style.css">
+ <link rel="stylesheet" href="assets/css/mobile.css">
+
+ <style>
+ .cover{margin-top:48px;display:flex}.cover img{width:250px;object-fit:contain;margin-bottom:auto;box-shadow:0 1px 4px -1px #00000069}.metadata{display:flex;flex-direction:column;margin-left:1em}.title{flex-grow:1;font-size:2em;font-weight:700}.metadata-item{display:flex;flex-direction:column;margin-top:24px}.download-item{display:flex;margin-top:24px}.metadata-name{border-bottom:1px solid #cacaca;border-image:linear-gradient(to right,#cacaca,#ffffff00) 1;margin-bottom:5px}.supervisors{display:flex;flex-direction:column}.button{background-color:#4caf50;border:none;color:#fff;padding:15px 32px;text-align:center;text-decoration:none;display:inline-block;font-size:16px}@media only screen and (max-width :450px){.cover{flex-wrap:wrap}.cover img{width:100%}}
+ </style>
+
+</head>
+
+<body>
+ <header id="header">
+ <div class="row">
+ <div class="logo" id="logo"></div>
+ <div class="hamburger">
+ <div class="line"></div>
+ <div class="line"></div>
+ <div class="line"></div>
+ </div>
+ <nav></nav>
+ </div>
+ <div id='projectname'></div>
+ </header>
+ <div class="content">
+
+ <div class="cover">
+ <img src="cover.jpg">
+ <ul class="metadata">
+ <li class="metadata-item title">
+ Outdoor Mobile Augmented Reality in Urban Planning; Concepts of Visualizing Focus and Context Using Grayscale Filter in Video-based AR.
+ </li>
+ <li class="metadata-item">
+ <div class="metadata-name">Author</div>
+ <div>Justin Jing Hui</div>
+ </li>
+ <li class="metadata-item">
+ <div class="metadata-name">Supervisors</div>
+ <div class="supervisors">
+ <div>Prof. Dr.-Ing. Volker Coors</div>
+ <div>Prof. Dr.-Ing. Eberhard Gülch</div>
+ </div>
+ </li>
+ <li class="metadata-item">
+ <div class="metadata-name">Year</div>
+ <div>2021</div>
+ </li>
+ <li class="download-item"><a href="thesis.pdf" class="button" download>download</a></li>
+ </ul>
+ </div>
+
+ <h1>Abstract</h1>
+
+ <p>
+ Urban planners and designers often use grayscale masking filters to highlight a selected urban feature and its context without the overwhelming information. With the rising interest in applying augmented reality (AR) technology into the field of urban planning for increasing social engagement, this thesis aims to develop an outdoor mobile AR application that visualizes the urban environment using the mentioned grayscale masking filters. The application is able to apply the grayscale masking filter to the designated buildings in Nordbahnhof, Stuttgart when the device’s camera is pointing to them. State of the art of outdoor mobile AR technologies are studied and reviewed. This thesis proposes the concepts and methodology of the video-based AR visualization and the development of the app. The implementation of the concepts and methodology is documented and the implementation process and result are evaluated.
+ </p>
+
+ <h1>The AR Application</h1>
+
+ <p>
+ The application developed for the thesis is able to visualize a series of desingated buildings in Nordbahnhof, Stuttgart with the grayscale masking filter. With the app on, once the user points the camera to the designated building, the system will in-real-time detects the building and render the surrounding in monochrome and leaving the building in color. The moving image below demonstrates the visualization from a screen recording when using the app.
+ <br></br>
+ <img src="ezgif.com-gif-maker.gif" alt="video demonstration"/>
+ <br></br>
+ Codes and assets used for the development of this application can be found <a href="https://transfer.hft-stuttgart.de/gitlab/huijustinjing/ar-building-visualization-with-grayscale-filter"> here</a>.
+ </p>
+
+ </div>
+
+ <div class="footer"></div>
+ <div class="legal"></div>
+
+ <script src="../settings.js"> </script>
+ <script src="../main.js"> </script>
+</body>
+
+</html>
diff --git a/public/content/justin/thesis.pdf b/public/content/justin/thesis.pdf
new file mode 100644
index 0000000000000000000000000000000000000000..941e9dcc9521468a20e0bbf28c745bb45f9a0979
Binary files /dev/null and b/public/content/justin/thesis.pdf differ