quick and dirty redesign

Author: joshfraser

config/universal.py

@@ -1,9 +1,7 @@
 import urllib.parse
 
-
 from . import constants
 
-
 BASE_URL = 'https://' + constants.HOST if constants.HTTPS else 'http://' + constants.HOST
 
 BUSINESS_NAME = 'Origin Protocol'
@@ -22,19 +20,5 @@
 VK_URL = 'https://vk.com/originprotocol'
 TWITTER_URL = 'https://twitter.com/originprotocol'
 FACEBOOK_URL = 'https://www.facebook.com/originprotocol'
-IOS_URL = 'https://itunes.apple.com/app/origin-wallet/id1446091928'
-ANDROID_URL = 'https://play.google.com/store/apps/details?id=com.origincatcher'
-APK_URL = '/static/files/origin-marketplace-0.23.16.apk'
-DAPP_URL = 'https://www.shoporigin.com'
-LUPE_URL = 'https://nft.lupefiasco.com'
-REWARDS_URL = 'https://www.shoporigin.com/#/welcome'
-FAUCET_URL = 'https://faucet.originprotocol.com'
-
-DEFAULT_SHARE_MSG = urllib.parse.quote('Check out ' + BUSINESS_NAME + ', an exciting blockchain project that will decentralize the sharing economy.')
-DEFAULT_PARTICLE_ICON = constants.DEFAULT_PARTICLE_ICON
-
-CHROME_EXTENSION_URL = constants.CHROME_EXTENSION_URL
-FIREFOX_EXTENSION_URL = constants.FIREFOX_EXTENSION_URL
-DSHOP_DEMO_FORM = constants.DSHOP_DEMO_FORM
 
 STAKE_URL = constants.STAKE_URL

dump.rdb

@@ -162,14 +162,15 @@ def get_discord_members():
         "json": False,
     }
 )
-sites.append(
-    {
-        "name": "Facebook",
-        "url": "https://www.facebook.com/originprotocol",
-        "selector": ".clearfix ._ikh div._4bl9",
-        "json": False,
-    }
-)
+# TODO broken, needs fixing
+# sites.append(
+#     {
+#         "name": "Facebook",
+#         "url": "https://www.facebook.com/originprotocol",
+#         "selector": ".clearfix ._ikh div._4bl9",
+#         "json": False,
+#     }
+# )
 sites.append(
     {
         "name": "Naver",
@@ -178,14 +179,15 @@ def get_discord_members():
         "json": False,
     }
 )
-sites.append(
-    {
-        "name": "KaKao plus friends",
-        "url": "https://pf.kakao.com/_qTxeYC",
-        "selector": "span.num_count",
-        "json": False,
-    }
-)
+# TODO broken, needs fixing
+# sites.append(
+#     {
+#         "name": "KaKao plus friends",
+#         "url": "https://pf.kakao.com/_qTxeYC",
+#         "selector": "span.num_count",
+#         "json": False,
+#     }
+# )
 sites.append(
     {
         "name": "Tencent/QQ video",

logic/scripts/drops.py

@@ -44,7 +44,7 @@
         extra_files=None
 
     app.debug = constants.DEBUG
-    port = int(os.environ.get("PORT", 5000))
+    port = int(os.environ.get("PORT", 5002))
     app.run(
         host='0.0.0.0',
         port=port,

logic/scripts/fetch_social_stats.py

@@ -241,9 +241,9 @@
   margin-right: 20px;
 }
 
-.dashboard-page .exchanges-section {
+/* .dashboard-page .exchanges-section {
   padding: 60px 20px 70px 20px;
-}
+} */
 
 .dashboard-page .exchanges-section h3 {
   margin-bottom: 30px;
@@ -317,7 +317,7 @@
   background-position-y: top;
   background-position-x: inherit;
   background-repeat: repeat-y;
-  margin: 60px 0px;
+  margin-bottom: 60px;
   background-color: #007cff;
   padding: 20px 30px;
   border-radius: 10px;
@@ -350,13 +350,14 @@
   color: #dbe6eb;
 }
 
-.stake-banner-blue .btn {
+.stake-banner-blue a.btn {
   width: 210px;
   margin: 0px;
   padding: 7px;
   font-size: 18px;
   font-weight: bold;
   background-color: #061d2a;
+  color:#fff;
 }
 
 .stake-banner-blue .btn:hover {
@@ -400,4 +401,57 @@
     display: grid;
     grid-template-columns: repeat(2, 0fr);
   }
+}
+
+
+
+
+
+.dashboard-page .vc-section.vc-firms {
+  background-image: url('/static/img/investors/map.svg');
+  background-size: contain;
+  background-repeat: no-repeat;
+}
+
+.dashboard-page .vc-section.vc-firms .container {
+  padding: 0 7rem 5rem 7rem;
+}
+
+.dashboard-page .vc-section .country-name {
+  font-size: 1rem;
+  margin-bottom: 0.5rem;
+  font-weight: normal;
+  text-align: left;
+}
+
+.dashboard-page .vc-section .vc-firm + .country-name {
+  margin-top: 2rem;
+}
+
+.dashboard-page .vc-section .vc-firm {
+  display: flex;
+  margin-bottom: 0.5rem;
+  align-items: center;
+}
+
+.dashboard-page .vc-firm.smaller img {
+  flex: 38px 0 0;
+  width: 38px;
+  height: 38px;
+  margin-right: 12px;
+}
+
+.dashboard-page .vc-firm img {
+  flex: 45px 0 0;
+  width: 45px;
+  height: 45px;
+  object-fit: contain;
+  margin-right: 1rem;
+}
+
+.dashboard-page .vc-firm .firm-name {
+  flex: 1;
+  font-size: 1.125rem;
+  color: #fff;
+  font-weight: normal;
 }

main.py

@@ -208,6 +208,22 @@
   text-align: center;
 }
 
+.white-border-button {
+  font-size: 1.125rem;
+  max-width: 350px;
+  border-radius: 26px;
+  border: solid 1px var(--white);
+  padding: 12px 40px;
+  color: white;
+  background-color: transparent;
+  text-align: center;
+  font-weight: normal;
+}
+.white-border-button:hover {
+  color: white;
+  background-color: rgba(255, 255, 255, 0.15);
+}
+
 .buy-sell-block .marketplace .button:hover {
   background-color: #036ddd;
   cursor: pointer;
@@ -830,4 +846,41 @@
   .landing-page .prod-image {
     max-width: 100%;
   }
+}
+
+
+.landing-page .stats-widget {
+  margin: 0 0 0 20px;
+  padding: 20px 20px;
+  border-left: 1px solid #399aff;
+}
+
+.landing-page .stats-widget img {
+  object-fit: contain;
+  height: 24px;
+  width: 24px;
+  margin-bottom: 16px;
+}
+
+.landing-page .stats-widget .stats-label {
+  font-family: Poppins;
+  font-size: 16px;
+  font-weight: 500;
+  color: var(--white);
+}
+
+.landing-page .stats-widget .stats-value {
+  font-family: Poppins;
+  font-size: 24px;
+  font-weight: 500;
+  color: var(--white);
+
+  display: flex;
+  align-items: flex-end;
+}
+
+.landing-page .stats-widget .stats-value .ogn-label {
+  font-size: 14px;
+  margin-bottom: 5px;
+  margin-left: 5px;
 }

static/css/pages/dashboard.css

@@ -757,7 +757,7 @@ $(function () {
 
   var hardcodedStats = [{
       name: "Discord",
-      subscribed_count: 9177
+      subscribed_count: 10981
     },
     {
       name: "Wechat",
@@ -780,6 +780,12 @@ $(function () {
       link: "https://discordapp.com/invite/jyxpUSe",
       regionSpecific: false
     },
+    Facebook: {
+      img: "/static/img/about/facebook.svg",
+      countLabel: "followers",
+      link: "https://www.facebook.com/originprotocol",
+      regionSpecific: false
+    },
     Telegram: {
       img: "/static/img/about/telegram.svg",
       countLabel: "members",
@@ -834,18 +840,6 @@ $(function () {
       qr: "/static/img/origin-weibo-qr.png",
       regionSpecific: true
     },
-    Vk: {
-      img: "/static/img/about/russia-vk.svg",
-      countLabel: "subscribers",
-      link: "https://vk.com/originprotocol",
-      regionSpecific: true
-    },
-    Facebook: {
-      img: "/static/img/about/facebook.svg",
-      countLabel: "followers",
-      link: "https://www.facebook.com/originprotocol",
-      regionSpecific: false
-    },
     Twitter: {
       img: "/static/img/about/twitter.svg",
       countLabel: "followers",
@@ -881,7 +875,7 @@ $(function () {
       countLabel: "followers",
       link: "https://blockfolio.com/coin/OGN",
       regionSpecific: false
-    }
+    },
   };
 
   function createElementFromHTML(htmlString) {