Changed main page vector graphic and trying new name.

This commit is contained in:
Harrison Deng 2021-07-12 12:39:48 -05:00
parent c597d65256
commit 0e93992beb
4 changed files with 211 additions and 144 deletions

View File

@ -2,7 +2,7 @@
<div id="content" class="theme-light">
<nav class="navbar" id="nav">
<div class="container-fluid">
<router-link class="navbar-brand" to="/">SHAID</router-link>
<router-link class="navbar-brand" to="/">Props</router-link>
<button
class="navbar-toggler"
type="button"

Binary file not shown.

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 21 KiB

View File

@ -2,9 +2,9 @@
<!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg
width="186.61642mm"
height="47.499893mm"
viewBox="0 0 186.61642 47.499893"
width="130.02815mm"
height="183.73235mm"
viewBox="0 0 130.02815 183.73235"
version="1.1"
id="svg5"
inkscape:version="1.1 (c68e22c387, 2021-05-23)"
@ -14,7 +14,6 @@
inkscape:export-ydpi="96"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
xmlns:xlink="http://www.w3.org/1999/xlink"
xmlns="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview
@ -27,10 +26,10 @@
inkscape:pagecheckerboard="0"
inkscape:document-units="mm"
showgrid="false"
inkscape:snap-global="false"
inkscape:zoom="5.4018823"
inkscape:cx="266.29606"
inkscape:cy="117.8293"
inkscape:snap-global="true"
inkscape:zoom="1.0607991"
inkscape:cx="181.46697"
inkscape:cy="340.78083"
inkscape:window-width="1920"
inkscape:window-height="1027"
inkscape:window-x="-8"
@ -38,149 +37,213 @@
inkscape:window-maximized="1"
inkscape:current-layer="layer1" />
<defs
id="defs2">
<linearGradient
inkscape:collect="always"
id="linearGradient1315">
<stop
style="stop-color:#00ffff;stop-opacity:1;"
offset="0"
id="stop1311" />
<stop
style="stop-color:#ffffff;stop-opacity:1"
offset="1"
id="stop1313" />
</linearGradient>
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient1315"
id="linearGradient1317"
x1="117.81236"
y1="107.2304"
x2="117.10689"
y2="280.4216"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(0.89332164,0,0,0.82821258,-29.168943,-41.151269)" />
<linearGradient
inkscape:collect="always"
xlink:href="#linearGradient1315"
id="linearGradient2544"
gradientUnits="userSpaceOnUse"
gradientTransform="matrix(0.89332164,0,0,0.82821258,-29.168943,-41.151269)"
x1="117.81236"
y1="107.2304"
x2="117.10689"
y2="280.4216" />
</defs>
id="defs2" />
<g
inkscape:label="Layer 1"
inkscape:groupmode="layer"
id="layer1"
transform="translate(-11.640143,-126.98337)">
transform="translate(-40.717182,-65.583996)">
<rect
style="fill:#51b6bf;fill-opacity:1;stroke:none;stroke-width:0.394384"
id="rect846"
width="130.02815"
height="180.11604"
x="40.717182"
y="69.200294"
ry="7.2278728" />
<rect
style="fill:#ffffff;fill-opacity:1;stroke:none;stroke-width:0.355205"
id="rect6139"
width="114.73653"
height="165.58026"
x="48.362995"
y="76.468185"
ry="6.6445661" />
<g
id="g2360"
transform="matrix(0.93199451,0,0,0.91607485,0.79159364,10.657098)">
id="g20855"
transform="translate(0,-4.5861139)">
<rect
style="fill:#000000;stroke-width:0.264583"
id="rect175"
width="90.652023"
height="51.85154"
x="11.640143"
y="126.98337"
ry="10.934684" />
style="fill:none;fill-opacity:1;stroke:#3b3485;stroke-width:1.465;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect4822-1"
width="8.1061144"
height="8.1061144"
x="56.92775"
y="113.97274"
ry="1.3718038" />
<rect
style="fill:url(#linearGradient1317);fill-opacity:1;stroke-width:0.227581"
id="rect517"
width="80.981415"
height="42.944096"
x="16.52096"
y="131.50153"
ry="9.0562429" />
style="fill:#8383bc;fill-opacity:1;stroke:none;stroke-width:1.86051;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect5136-7"
width="42.169209"
height="3.4690557"
x="69.150803"
y="116.29127"
ry="1.7345278" />
</g>
<g
id="g2542"
transform="matrix(0.93199451,0,0,0.91607485,102.92083,10.657098)">
id="g20859"
transform="translate(0,-7.0555611)">
<rect
style="fill:#000000;stroke-width:0.264583"
id="rect2538"
width="90.652023"
height="51.85154"
x="11.640143"
y="126.98337"
ry="10.934684" />
style="fill:none;fill-opacity:1;stroke:#3b3485;stroke-width:1.465;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect4822-14"
width="8.1061144"
height="8.1061144"
x="56.92775"
y="127.76641"
ry="1.3718038" />
<rect
style="fill:url(#linearGradient2544);fill-opacity:1;stroke-width:0.227581"
id="rect2540"
width="80.981415"
height="42.944096"
x="16.52096"
y="131.50153"
ry="9.0562429" />
style="fill:#8383bc;fill-opacity:1;stroke:none;stroke-width:1.43107;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect5136-7-2"
width="21.986813"
height="3.9363635"
x="68.953468"
y="129.85129"
ry="1.9681817" />
</g>
<g
id="g20845"
transform="translate(0,-2.1166667)">
<rect
style="fill:none;fill-opacity:1;stroke:#3b3485;stroke-width:1.465;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect4822"
width="8.1061144"
height="8.1061144"
x="56.92775"
y="100.17907"
ry="1.3718038" />
<rect
style="fill:#8383bc;fill-opacity:1;stroke:none;stroke-width:1.59414;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect5136"
width="28.571259"
height="3.7589138"
x="69.028404"
y="102.35267"
ry="1.8794569" />
<rect
style="fill:#8383bc;fill-opacity:1;stroke:none;stroke-width:1.50408;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect5136-5"
width="24.788029"
height="3.8569105"
x="102.89133"
y="102.30367"
ry="1.9284552" />
</g>
<g
id="g20863"
transform="translate(0,-9.5250005)">
<rect
style="fill:none;fill-opacity:1;stroke:#3b3485;stroke-width:1.465;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect4822-1-4"
width="8.1061144"
height="8.1061144"
x="56.92775"
y="141.56007"
ry="1.3718038" />
<rect
style="fill:#8383bc;fill-opacity:1;stroke:none;stroke-width:1.57172;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect5728"
width="27.594185"
height="3.7833092"
x="69.018089"
y="143.72148"
ry="1.8916546" />
</g>
<rect
style="fill:#202042;fill-opacity:1;stroke:none;stroke-width:0.23824"
id="rect1392"
width="53.152565"
height="18.233921"
x="-132.30754"
y="-83.817917"
ry="3.4788733"
transform="scale(-1)" />
<rect
style="fill:#8383bc;fill-opacity:1;stroke:none;stroke-width:2.22336;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect6412"
width="73.657707"
height="2.8362327"
x="56.336582"
y="201.33577"
ry="1.4181163" />
<rect
style="fill:#8383bc;fill-opacity:1;stroke:none;stroke-width:2.23876;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect6414"
width="69.712616"
height="3.0383809"
x="56.344284"
y="209.24466"
ry="1.5191904" />
<rect
style="fill:#8383bc;fill-opacity:1;stroke:none;stroke-width:2.42357;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect6416"
width="86.988022"
height="2.8535743"
x="56.436687"
y="217.23825"
ry="1.4267871" />
<rect
style="fill:#8383bc;fill-opacity:1;stroke:none;stroke-width:2.38882;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect6418"
width="83.495445"
height="2.8883159"
x="56.419315"
y="225.12207"
ry="1.444158" />
<rect
style="fill:#2f3898;fill-opacity:1;stroke:none;stroke-width:3.0459;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect6295-8"
width="57.490276"
height="6.8199105"
x="76.986122"
y="87.608482"
ry="3.4099553" />
<rect
style="fill:#2f3898;fill-opacity:1;stroke:none;stroke-width:2.58155;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect6490"
width="41.297459"
height="6.8199105"
x="85.082527"
y="188.09093"
ry="3.4099553" />
<rect
style="fill:#2f3898;fill-opacity:1;stroke:none;stroke-width:1.87563;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect6490-3"
width="21.8001"
height="6.8199105"
x="94.831207"
y="151.63762"
ry="3.4099553" />
<rect
style="opacity:1;fill:#2bc8d7;fill-opacity:1;stroke:none;stroke-width:1.63579;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect6492"
width="16.931116"
height="13.580167"
x="132.27409"
y="201.23309"
ry="2.6454868" />
<rect
style="opacity:1;fill:#dcf8f6;fill-opacity:1;stroke:none;stroke-width:1.465;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect6932"
width="79.717339"
height="19.929335"
x="65.872589"
y="161.02196"
ry="5.6437054" />
<path
id="rect2628"
style="stroke:#ffffff;stroke-width:0.0995092;stroke-opacity:0"
d="m 93.109077,139.05008 c 0,0 7.864313,-0.96341 11.874443,-0.96341 4.01013,0 11.87443,0.96341 11.87443,0.96341 v 5.49142 c 0,0 -3.2637,-1.59183 -12.06751,-1.63779 -7.71231,-0.0403 -11.681363,1.63779 -11.681363,1.63779 z"
sodipodi:nodetypes="czccscc" />
<rect
style="fill:#00ccff;fill-opacity:1;stroke:#ffffff;stroke-width:0.264583;stroke-opacity:0"
id="rect6290"
width="24.659342"
height="1.6318681"
x="24.032583"
y="137.63632" />
<rect
style="fill:#00ccff;fill-opacity:1;stroke:#ffffff;stroke-width:0.235812;stroke-opacity:0"
id="rect6372"
width="19.248552"
height="1.6606394"
x="23.836878"
y="140.70435" />
<rect
style="fill:#00ccff;fill-opacity:1;stroke:#ffffff;stroke-width:0.233739;stroke-opacity:0"
id="rect6374"
width="18.887989"
height="1.6627127"
x="23.835844"
y="143.96704" />
<rect
style="fill:#00ccff;fill-opacity:1;stroke:#ffffff;stroke-width:0.254497;stroke-opacity:0"
id="rect6376"
width="22.674923"
height="1.6419544"
x="23.664904"
y="147.96643" />
<rect
style="fill:#80e5ff;fill-opacity:1;stroke:#ffffff;stroke-width:0.264583;stroke-opacity:0"
id="rect10988"
width="6.7231407"
height="5.9991097"
x="44.577168"
y="140.42627" />
<rect
style="fill:#37abc8;stroke:#ffffff;stroke-width:0.361158;stroke-opacity:0"
id="rect1551"
width="26.792999"
height="13.813699"
x="54.398849"
y="152.10934"
ry="4.9966311" />
style="fill:none;stroke:#3d39a9;stroke-width:1.265;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 67.636283,179.27583 17.812943,-8.46556 24.779394,3.96823 34.12678,-11.19923"
id="path7699"
sodipodi:nodetypes="cccc" />
<path
id="path1311"
style="opacity:1;fill:#acffff;fill-opacity:0.487903;stroke:#94ffff;stroke-width:0.170309;stroke-opacity:1"
inkscape:transform-center-x="0.06880683"
inkscape:transform-center-y="-0.28235695"
d="m 60.111575,165.85476 14.856233,0.003 -0.705711,-3.87812 -2.364044,-3.41939 -9.633197,3.82801 z"
sodipodi:nodetypes="cccccc" />
<path
id="rect930"
style="fill:#80e5ff;stroke:#ffffff;stroke-width:0.264583;stroke-opacity:0"
d="m 152.60612,151.03884 h 22.29295 c 2.83971,0 6.34194,3.11517 5.12583,6.51119 l -1.5875,4.43315 c -0.95736,2.67346 -2.28612,5.12583 -5.12583,5.12583 h -19.11795 c -2.83971,0 -4.16847,-2.45237 -5.12583,-5.12583 l -1.5875,-4.43315 c -1.21611,-3.39602 2.28509,-6.51119 5.12583,-6.51119 z"
sodipodi:nodetypes="sssssssss" />
<path
style="color:#000000;fill:#80e5ff;stroke-width:0.264583;-inkscape-stroke:none"
d="m 157.1353,146.3653 c 1.76818,-1.68839 3.80293,-3.39797 6.50177,-3.39427 2.91472,0.004 4.72115,1.76736 6.49336,3.46354 1.54915,1.48269 3.27342,4.65534 3.27342,5.53796 0,0.88261 -1.09719,1.51856 -1.76633,1.17755 -1.38639,-0.70654 -1.34279,-2.563 -2.92656,-4.41509 -1.58376,-1.85208 -3.20069,-3.06251 -5.03926,-3.06251 -1.83856,0 -3.58183,1.52021 -5.02245,2.77949 -1.33955,1.17093 -2.30845,3.48838 -3.1858,4.2825 -0.49857,0.45128 -1.59316,0.12067 -1.59316,-0.76194 0,-0.88262 1.70076,-4.11356 3.26501,-5.60723 z"
id="path2430"
sodipodi:nodetypes="asassssassa" />
style="fill:none;stroke:#6f78b2;stroke-width:0.765;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
d="m 65.872624,169.39934 37.918646,0.17637 17.98931,5.20279 23.63302,-7.14281"
id="path8022" />
<rect
style="opacity:1;fill:none;fill-opacity:1;stroke:#b8edf3;stroke-width:1.465;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect9952"
width="79.717339"
height="19.929335"
x="65.872589"
y="161.02196"
ry="5.6437054" />
</g>
</svg>

Before

Width:  |  Height:  |  Size: 6.7 KiB

After

Width:  |  Height:  |  Size: 8.5 KiB

View File

@ -8,12 +8,12 @@
/>
</div>
<div id="description" class="text-center px-3 my-2">
<h1 class="my-2">SHAID</h1>
<h1 class="my-2">Props</h1>
<p>
Also known as Shopping Aid, is a site designed to help with the
online electronic component searching experience. Create project
component lists and search across multiple commonly used online
retail stores to find the ideal purchase.
Props is a site designed to help with the online project
component shopping experience. Create project component lists
and search across multiple commonly used online retail stores to
find the ideal purchase.
</p>
</div>
</div>
@ -33,4 +33,8 @@ h1 {
#description {
max-width: 540px;
}
.img-fluid {
max-height: 450px;
}
</style>