Merge pull request #59 from topcoder-platform/develop

jmgasper · web-flow · commit a4115d9a9dcd · 2021-06-01T14:31:57.000+09:30
1.8.2
diff --git a/design/custom.css b/design/custom.css
diff --git a/design/custom.css.map b/design/custom.css.map
diff --git a/design/images/arrow-right.svg b/design/images/arrow-right.svg
@@ -0,0 +1,21 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="16px" height="14px" viewBox="0 0 16 14" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>ECE1941F-862C-4963-B0CC-D775ECC84EBF</title>
+    <defs>
+        <polygon id="path-1" points="9.3 0.3 7.9 1.7 12.2 6 0 6 0 8 12.2 8 7.9 12.3 9.3 13.7 16 7"></polygon>
+    </defs>
+    <g id="Page-1" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="00-Landing-Non-Logged-In" transform="translate(-311.000000, -442.000000)">
+            <g id="Group-2" transform="translate(69.000000, 436.000000)">
+                <g id="UI-Kit/Button/Link" transform="translate(170.000000, 4.000000)">
+                    <g id="UI-Kit/Icons/arrow/right" transform="translate(72.000000, 2.000000)">
+                        <mask id="mask-2" fill="white">
+                            <use xlink:href="#path-1"></use>
+                        </mask>
+                        <use id="icon-color" fill="#137D60" xlink:href="#path-1"></use>
+                    </g>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/design/images/topcoder-pride-logo.svg b/design/images/topcoder-pride-logo.svg
@@ -0,0 +1,25 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<svg width="54px" height="20px" viewBox="0 0 54 20" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+    <title>Group 3 Copy</title>
+    <defs>
+        <path d="M0.190716961,8.97534151 C1.12847755,6.17836947 5.71273529,5.47273442 12.451283,6.69938672 C9.37719952,10.4308205 6.33511186,16.6947624 5.99726152,20 C5.2686097,19.8839011 4.614952,19.4921937 4.0353337,18.7595522 C0.90040135,14.7964697 -0.551111874,11.1875291 0.190716961,8.97534151 Z M40.3623869,6.91823276 C40.5773074,7.16982976 40.7982483,7.45361423 41.0245252,7.76814682 C41.9636262,9.07352924 42.9685008,10.8688006 44.0040876,13.0269527 C44.8140386,14.7148821 45.5960384,16.5255752 46.3202445,18.3365499 C46.5574848,18.9298012 46.7724916,19.4833057 46.9622585,19.9845898 C46.5522925,19.9163943 46.1264774,19.7837184 45.6921199,19.596605 C45.2020781,19.3855038 44.8330408,19.1745396 44.368546,18.8746176 C38.1836549,14.881064 36.3389828,13.6997349 34.6000903,12.836762 L34.3829734,12.7303681 C33.8762232,12.4851427 33.3634625,12.25816 32.7396265,11.9875424 C31.3749747,11.3955617 30.0475031,10.9501247 28.6940975,10.6403869 L28.6940975,10.6403869 L28.7764756,10.6040598 C32.1929074,9.1029812 37.6981146,7.36019163 40.3623869,6.91823276 Z M41.5645509,6.69652909 C48.295783,5.47375271 52.8723707,6.18088362 53.8092792,8.97531424 C54.5511172,11.1875291 53.0996039,14.7964697 49.9646509,18.7595783 C49.4134478,19.4563029 48.7950401,19.844113 48.1092395,19.9806 C47.9755694,19.6215603 47.7967059,19.1519543 47.5778859,18.593665 C47.0655713,17.2865637 46.5020605,15.9265349 45.9026474,14.577922 C44.3998537,11.1968033 42.9326079,8.45979274 41.5645509,6.69652909 Z M13.6645516,6.92802733 C16.6264171,7.43054909 21.5953352,9.06520614 25.1711096,10.6191849 C21.9627716,11.3065912 19.0070281,12.8642947 14.6456824,15.7664276 C14.6312392,15.7765579 12.7249267,17.0510646 12.1988161,17.3962668 C11.2898563,17.9926717 10.5405757,18.462635 9.82726348,18.8775901 C8.8562747,19.4424434 7.89084817,19.8434685 7.07946765,19.9809637 C7.45808366,16.7803498 10.6286451,10.3870944 13.6645516,6.92802733 Z M27.0097453,0 C31.6636642,0 35.8556805,1.97220289 39.5575074,6.01428084 C35.6293484,6.87939068 31.4571061,8.26410953 28.1633655,9.76413774 C27.8342907,9.91416763 27.4678694,10.0779367 27.0097453,10.2801647 C26.5516212,10.0779367 26.1852,9.91416763 25.8561252,9.76413774 C22.5733615,8.26910862 18.4179065,6.88860997 14.5012135,6.02293615 C18.278199,2.20042329 22.7995272,0 27.0097453,0 Z" id="path-1"></path>
+    </defs>
+    <g id="Homepage" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
+        <g id="Group-3-Copy">
+            <mask id="mask-2" fill="white">
+                <use xlink:href="#path-1"></use>
+            </mask>
+            <use id="Combined-Shape" fill="#FFFFFF" xlink:href="#path-1"></use>
+            <g id="Group-7" mask="url(#mask-2)">
+                <g transform="translate(27.000000, 31.500000) rotate(90.000000) translate(-27.000000, -31.500000) translate(-65.500000, 4.500000)">
+                    <rect id="Rectangle" fill="#FF1E26" x="0" y="0" width="185" height="9"></rect>
+                    <rect id="Rectangle-Copy-6" fill="#FE941D" x="0" y="9" width="185" height="9"></rect>
+                    <rect id="Rectangle-Copy-7" fill="#FFFF01" x="0" y="18" width="185" height="9"></rect>
+                    <rect id="Rectangle-Copy-8" fill="#07BD01" x="0" y="27" width="185" height="9"></rect>
+                    <rect id="Rectangle-Copy-9" fill="#011A98" x="0" y="36" width="185" height="9"></rect>
+                    <rect id="Rectangle-Copy-10" fill="#760088" x="0" y="45" width="185" height="9"></rect>
+                </g>
+            </g>
+        </g>
+    </g>
+</svg>
diff --git a/src/scss/base/_guess.scss b/src/scss/base/_guess.scss
@@ -24,5 +24,40 @@
       margin-top: 24px;
     }
   }
+  .SignUpBlock {
+    margin-top: 25px;
 
+    .SpArrowRight {
+      display: unset !important;
+      &::before {
+        content: '';
+        background-image: url('/themes/topcoder/design/images/arrow-right.svg');
+        background-size: cover;
+        margin: 2px 0px 2px 7px;
+        height: 14px;
+        line-height: 18px;
+        width: 16px;
+        position: absolute;
+      }
+    }
+
+    .Button.SignUp {
+      color: #137D60;
+      line-height: 18px;
+      border: 0px;
+      padding: 0px 3px !important;
+      font-size: 15px !important;
+      font-family: Roboto;
+      color: #137D60 !important;
+
+      a {
+        letter-spacing: 1px;
+        line-height: 18px;
+
+        &:focus, &:visited, &:hover {
+          color: #137D60 !important;
+        }
+      }
+   }
+  }
 }
diff --git a/src/scss/base/_header.scss b/src/scss/base/_header.scss
@@ -52,6 +52,28 @@
               margin-left: 10px;
               border: none;
             }
+
+            .SignUp{
+              font-size: 14px;
+              font-weight: 700;
+              height: 40px;
+              line-height: 40px;
+              margin-left: 8px;
+              position: relative;
+              text-decoration: none;
+              text-transform: uppercase;
+              transition: 0.5s;
+              white-space: nowrap;
+              background: #fff;
+              border-radius: 20px;
+              color: #229174;
+              padding: 0 15px;
+              &:hover {
+                background: rgba(255, 255, 255, 0.8);
+                box-shadow: 0 1px 5px rgb(0 0 0 / 20%);
+                color: #229174;
+              }
+            }
           }
           .Search {
              img {
diff --git a/views/partials/header.tpl b/views/partials/header.tpl
@@ -18,7 +18,7 @@
         </span>
         <nav class="Header-desktopNav hide-mobile">
           <a class="Topcoder-logo" href="{home_link format=" %url"}">
-            <img src="/themes/topcoder/design/images/topcoder-logo.svg" />
+            {logo}
           </a>
           <span class="Header-separator"></span>
           <a class="Header-primary-item" href="https://www.topcoder.com">BUSINESS</a>
