From 5e4d045029b25f52461198d034718ec47465fa1b Mon Sep 17 00:00:00 2001 From: rushilwiz <rushilwiz@gmail.com> Date: Sun, 22 Mar 2020 00:39:35 -0400 Subject: [PATCH] Changed hero and made navbar --- css/res/branch_big.svg | 56 ++++++++++++++++++++---------------------- css/styles.css | 17 ++----------- css/styles.css.map | 2 +- css/styles.scss | 17 ++----------- index.html | 4 ++- 5 files changed, 34 insertions(+), 62 deletions(-) diff --git a/css/res/branch_big.svg b/css/res/branch_big.svg index 156ac12..1917417 100644 --- a/css/res/branch_big.svg +++ b/css/res/branch_big.svg @@ -10,9 +10,9 @@ xmlns:xlink="http://www.w3.org/1999/xlink" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" - width="400mm" - height="300mm" - viewBox="0 0 400 300" + width="1920" + height="1080" + viewBox="0 0 508 285.75001" version="1.1" id="svg3729" sodipodi:docname="branch_big.svg" @@ -404,11 +404,11 @@ SyVq0TZQCLOAlmvWcnTFpnYqtkV9I1MzKVadtaxA3R7Hqne9/kwTd5iuGQs+/huPcZUBIPJt/zVo borderopacity="1.0" inkscape:pageopacity="0" inkscape:pageshadow="2" - inkscape:zoom="0.49497474" - inkscape:cx="449.24594" - inkscape:cy="477.58898" + inkscape:zoom="0.98994948" + inkscape:cx="937.54504" + inkscape:cy="582.95211" inkscape:document-units="mm" - inkscape:current-layer="layer4" + inkscape:current-layer="layer3" showgrid="false" inkscape:window-width="1920" inkscape:window-height="1001" @@ -416,7 +416,8 @@ SyVq0TZQCLOAlmvWcnTFpnYqtkV9I1MzKVadtaxA3R7Hqne9/kwTd5iuGQs+/huPcZUBIPJt/zVo inkscape:window-y="-9" inkscape:window-maximized="1" inkscape:pagecheckerboard="false" - showguides="true" /> + showguides="true" + units="px" /> <metadata id="metadata3726"> <rdf:RDF> @@ -432,20 +433,22 @@ SyVq0TZQCLOAlmvWcnTFpnYqtkV9I1MzKVadtaxA3R7Hqne9/kwTd5iuGQs+/huPcZUBIPJt/zVo <g inkscape:groupmode="layer" id="layer4" - inkscape:label="Layer 3"> + inkscape:label="Layer 3" + style="display:inline" + transform="translate(0,-14.249939)"> <rect - style="display:inline;opacity:1;fill:#000000;stroke-width:0.26458332;enable-background:new" + style="display:inline;opacity:1;fill:#000000;stroke-width:0.29100257;enable-background:new" id="rect3914" - width="400" - height="300" - x="-1.3322676e-14" - y="0" /> + width="508" + height="285.75" + x="0.26458332" + y="14.051554" /> </g> <g inkscape:label="Layer 1" inkscape:groupmode="layer" id="layer1" - transform="translate(0,3)" + transform="translate(0,-11.249939)" style="display:inline"> <flowRoot transform="matrix(0.26458333,0,0,0.26458333,0,118)" @@ -458,16 +461,9 @@ SyVq0TZQCLOAlmvWcnTFpnYqtkV9I1MzKVadtaxA3R7Hqne9/kwTd5iuGQs+/huPcZUBIPJt/zVo height="468.71078" width="40.406101" id="rect3741" /></flowRegion><flowPara - id="flowPara3743" /></flowRoot> <rect - style="fill:none;stroke:none" - width="68.791664" - height="74.083336" - x="25.324408" - y="188.70981" - id="rect115" /> - <image - y="129.18054" - x="-207.74205" + id="flowPara3743" /></flowRoot> <image + y="213.24857" + x="-189.48396" id="image208" xlink:href="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQQAAAEECAYAAADOCEoKAAAABHNCSVQICAgIfAhkiAAAIABJREFU eJztfUuX6ziv3Qal7/TJ/88ovy/DO0xWbncfExnwIRJ8S7JdrsJey+WSpU2AlAiRIEjS//5f/5N/ @@ -721,8 +717,8 @@ ZRx0HQJa5TdtFEbGIO8jdyvFnc9Pc8/SSfkFXsx/Qv4f9gEixq9fv/A3/Tf+z7//D/8fiU0fyamd MZsAAAAASUVORK5CYII= " preserveAspectRatio="none" - height="141.63893" - width="121.48409" + height="81.502876" + width="70.718048" transform="rotate(-90)" /> </g> <g @@ -730,10 +726,10 @@ MZsAAAAASUVORK5CYII= id="layer3" inkscape:label="Layer 2" style="display:inline" - transform="translate(0,175)"> + transform="translate(0,160.75006)"> <path - style="display:inline;opacity:1;fill:#000000;stroke-width:0.26458332;enable-background:new" - d="M 125.16064,-87.55484 V 37.55484 H 274.83936 V -87.55484 Z m 141.55208,3.21273 c 1.49319,-0.0207 3.0924,0.13273 3.1533,0.36018 0.0312,0.11642 -4.36204,4.98522 -9.76271,10.8195 -5.40066,5.8343 -9.77624,10.7692 -9.72344,10.96625 0.0528,0.19703 0.97731,1.09964 2.05414,2.00608 2.64425,2.22588 4.3002,2.57389 9.19479,1.9327 2.03103,-0.26606 4.23832,-0.58734 4.90512,-0.71417 l 1.21233,-0.23048 0.50075,1.86811 c 0.48258,1.80097 0.47113,1.88806 -0.31264,2.40037 -0.44725,0.29234 -2.61426,1.03267 -4.81521,1.64538 -3.33302,0.92786 -4.41994,1.09978 -6.50607,1.02887 -2.84564,-0.0967 -6.43617,-0.85773 -9.47694,-2.00917 -1.4925,-0.56518 -2.62512,-0.74066 -4.03386,-0.62477 -1.90405,0.15666 -2.23118,0.31238 -11.76724,5.59294 -20.33777,11.26201 -25.44215,14.92646 -43.89707,31.5128 -10.07482,9.05473 -9.86759,8.60143 -4.76146,10.41332 7.3533,2.60932 9.30816,2.74379 16.33337,1.12293 4.62704,-1.06756 5.02404,-1.11125 5.31595,-0.58136 0.24144,0.43823 0.10586,0.74191 -0.57826,1.29398 -1.94565,1.56994 -3.88572,2.34883 -9.76219,3.9181 -6.95943,1.8585 -10.22441,2.26015 -20.01273,2.46342 -5.84356,0.12137 -5.79274,0.0861 -10.4066,7.29206 -2.01262,3.14336 -6.48749,10.29565 -9.9441,15.89412 -3.78595,6.1319 -6.7657,10.60815 -7.49463,11.25875 -1.40419,1.25327 -3.28502,1.83284 -5.21054,1.60506 -0.72371,-0.0856 -3.73653,-0.11157 -6.69519,-0.0579 -2.95867,0.0539 -5.4457,0.056 -5.5268,0.006 -0.59591,-0.36782 1.48929,-4.23609 5.60896,-10.40557 11.37329,-17.0322 19.33387,-28.54715 21.7873,-31.5159 3.24031,-3.92093 8.03044,-8.30937 15.61507,-14.30507 3.18057,-2.51425 8.00063,-6.45812 10.71149,-8.76381 2.71087,-2.30573 6.5159,-5.49025 8.45582,-7.07708 4.97714,-4.07122 6.35623,-5.42385 7.2843,-7.14634 0.98144,-1.82148 2.96068,-8.9221 4.58164,-16.43775 1.44589,-6.70394 2.84707,-9.78242 6.45283,-14.1764 4.57584,-5.57613 6.49951,-7.48387 8.29665,-8.22689 1.53842,-0.63608 1.67495,-0.63829 2.0867,-0.0331 0.39076,0.57439 0.005,1.45552 -3.41168,7.79384 -3.76098,6.97713 -5.29334,10.67027 -6.38617,15.39027 -0.65612,2.83379 -1.18424,6.74239 -1.08624,8.03931 l 0.0734,0.96841 8.22482,-4.19561 c 4.52369,-2.30755 11.14863,-5.58825 14.7221,-7.28999 3.57347,-1.70177 7.91919,-3.93831 9.65729,-4.97076 5.70841,-3.3908 11.25121,-8.0121 16.40313,-13.67565 2.92004,-3.20999 5.2894,-4.80294 7.54373,-5.07204 0.41325,-0.0494 0.89908,-0.0757 1.39681,-0.0827 z" + style="display:inline;opacity:1;fill:#000000;stroke-width:0.15313098;enable-background:new" + d="m 210.93539,-54.289344 v 72.828568 h 86.12921 v -72.828568 z m 81.45291,1.870187 c 0.85923,-0.01205 1.77945,0.07726 1.8145,0.209667 0.018,0.06777 -2.51004,2.901986 -5.61773,6.298223 -3.10769,3.39625 -5.62552,6.268943 -5.59513,6.383649 0.0303,0.114695 0.56237,0.64012 1.18201,1.167775 1.52157,1.295725 2.47445,1.498307 5.29093,1.125059 1.16871,-0.154878 2.43885,-0.341901 2.82254,-0.415731 l 0.6976,-0.134166 0.28815,1.087461 c 0.27769,1.048376 0.2711,1.099072 -0.1799,1.397296 -0.25736,0.170177 -1.50432,0.601137 -2.77081,0.957806 -1.9179,0.540124 -2.54334,0.640201 -3.74376,0.598924 -1.63746,-0.05629 -3.70355,-0.4993 -5.45329,-1.169574 -0.85882,-0.329001 -1.51057,-0.431152 -2.32119,-0.36369 -1.09565,0.09119 -1.28388,0.181841 -6.77119,3.25575 -11.70291,6.555816 -14.64011,8.688958 -25.25957,18.344161 -5.79733,5.2709189 -5.67807,5.007045 -2.73987,6.0617783 4.23129,1.5189316 5.35617,1.597209 9.39867,0.6536775 2.66251,-0.6214457 2.89097,-0.6468784 3.05894,-0.33842 0.13893,0.2551015 0.0609,0.431879 -0.33275,0.7532487 -1.11958,0.9138901 -2.23595,1.3672958 -5.61743,2.2807958 -4.00464,1.0818659 -5.8834,1.3156735 -11.51586,1.4340006 -3.36255,0.070651 -3.33331,0.05012 -5.98824,4.2448378 -1.15812,1.829806 -3.73308,5.9932817 -5.72211,9.2522513 -2.17853,3.569487 -3.89317,6.175192 -4.31261,6.553918 -0.80801,0.72955 -1.8903,1.066928 -2.99828,0.934334 -0.41645,-0.04983 -2.1501,-0.06494 -3.8526,-0.03371 -1.7025,0.03138 -3.13361,0.0326 -3.18027,0.0035 -0.34291,-0.214115 0.85697,-2.465904 3.22754,-6.057269 6.54451,-9.9147462 11.12524,-16.6178033 12.53701,-18.3459655 1.86456,-2.2824431 4.62093,-4.8370315 8.98532,-8.3272345 1.8302,-1.46359 4.6038,-3.759387 6.16369,-5.10157 1.55992,-1.342207 3.74943,-3.195973 4.86571,-4.119695 2.86398,-2.369929 3.65755,-3.157319 4.19158,-4.160011 0.56475,-1.060315 1.70366,-5.193713 2.63641,-9.568707 0.832,-3.902482 1.63828,-5.69452 3.71313,-8.252334 2.63306,-3.245964 3.73999,-4.356493 4.77412,-4.789019 0.88524,-0.370274 0.96381,-0.37156 1.20074,-0.01926 0.22486,0.334363 0.003,0.847283 -1.96317,4.536933 -2.16418,4.061511 -3.04593,6.211353 -3.67478,8.958949 -0.37754,1.649599 -0.68144,3.924865 -0.62505,4.679827 l 0.0422,0.563728 4.73278,-2.442341 c 2.60306,-1.343265 6.41522,-3.253018 8.47149,-4.243631 2.05628,-0.990631 4.55693,-2.292561 5.55707,-2.89357 3.28477,-1.973843 6.47424,-4.663985 9.4388,-7.960838 1.68027,-1.868592 3.04367,-2.795877 4.34087,-2.952525 0.23779,-0.02876 0.51736,-0.04406 0.80377,-0.04814 z" id="rect77" inkscape:connector-curvature="0" /> </g> diff --git a/css/styles.css b/css/styles.css index 97e4f39..9c95481 100644 --- a/css/styles.css +++ b/css/styles.css @@ -37,23 +37,10 @@ -webkit-transform: rotate(-90deg); } -.sticky { - background-color: #fff; - opacity: 1; - top: 0px; - border-bottom: 1px solid gainsboro; -} - .logo { - width: 50px; - font-size: 25px; - color: #8f8f8f; - text-transform: uppercase; + height: 40px; float: left; - display: block; - margin-top: 0; - line-height: 1; - margin-bottom: 10px; + margin-top: -15px; } @media only screen and (max-width: 766px) { .logo { diff --git a/css/styles.css.map b/css/styles.css.map index 149676c..954bd2c 100644 --- a/css/styles.css.map +++ b/css/styles.css.map @@ -1 +1 @@ -{"version":3,"sourceRoot":"","sources":["styles.scss"],"names":[],"mappings":"AAAA;EACK;EACA;;AAGL;EACK;EACA;;AAGL;EACK;EACA;;AAgBL;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AArBA;EAUF;IAaI;;;;AAIJ;EACE;;AACA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA,OAvCM;EAwCN;EACA;EACA;EACA;EACA;EACA;;AAnDA;EA0CF;IAWI;;;;AAIJ;EACE;EACA;;AA3DA;EAyDF;IAII;;;AAGF;EACE;EACA;EACA;EACA;;AApEF;EAgEA;IAMI;IACA;IACA;IACA;IACA;;;AAGF;EACE;EACA;EACA;;AAhFJ;EA6EE;IAKI;IACA;IACA;;;AAGJ;EACE;EACA;EACA;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAzGA;EA+FF;IAYI;;;AAGF;EACE;EACA;EACA;EACA;EACA,YA7GI;EA8GJ;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAKF;EACE;;;AAGF;EACE,OAjIM;EAkIN;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;;AAMJ;EACE;IACE;IACA;IACA;;EAEF;IACE;IACA;IACA;;;AAKJ;EACE;IACE;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA","file":"styles.css"} \ No newline at end of file +{"version":3,"sourceRoot":"","sources":["styles.scss"],"names":[],"mappings":"AAAA;EACK;EACA;;AAGL;EACK;EACA;;AAGL;EACK;EACA;;AAgBL;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AArBA;EAUF;IAaI;;;;AAIJ;EACE;;AACA;EACE;EACA;;;AAIJ;EACE;EACA;EACA;;AAtCA;EAmCF;IAKI;;;;AAIJ;EACE;EACA;;AA9CA;EA4CF;IAII;;;AAGF;EACE;EACA;EACA;EACA;;AAvDF;EAmDA;IAMI;IACA;IACA;IACA;IACA;;;AAGF;EACE;EACA;EACA;;AAnEJ;EAgEE;IAKI;IACA;IACA;;;AAGJ;EACE;EACA;EACA;;;AAKN;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AA5FA;EAkFF;IAYI;;;AAGF;EACE;EACA;EACA;EACA;EACA,YAhGI;EAiGJ;;;AAIJ;EACE;EACA;EACA;EACA;EACA;;;AAKF;EACE;;;AAGF;EACE,OApHM;EAqHN;EACA;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;;;AAGF;EACE;EACA;EACA;;;AAGF;EACE;;;AAGF;EACE;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;;AAEA;EACE;;AAGF;EACE;EACA;EACA;EACA;;;AAMJ;EACE;IACE;IACA;IACA;;EAEF;IACE;IACA;IACA;;;AAKJ;EACE;IACE;IACA;IACA;IACA;;EAEF;IACE;IACA;IACA;IACA","file":"styles.css"} \ No newline at end of file diff --git a/css/styles.scss b/css/styles.scss index f2235f3..11aa601 100644 --- a/css/styles.scss +++ b/css/styles.scss @@ -51,23 +51,10 @@ $color2: #e8f380; } } -.sticky { - background-color: #fff; - opacity: 1; - top: 0px; - border-bottom: 1px solid lighten($color, 30%); -} - .logo { - width: 50px; - font-size: 25px; - color: $color; - text-transform: uppercase; + height: 40px; float: left; - display: block; - margin-top: 0; - line-height: 1; - margin-bottom: 10px; + margin-top: -15px; @include small { float: none; } diff --git a/index.html b/index.html index 7a424fe..3fa034c 100644 --- a/index.html +++ b/index.html @@ -19,7 +19,9 @@ <header class="main_h"> <div class="row"> - <a class="logo" href="#">L/F</a> + <a href="#"> + <img class="logo" src="./css/res/white_on_black.svg"> + </a> <div class="mobile-toggle"> <span></span>