ydeng/props
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Changed main page vector graphic and trying new name.

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
MultiShop/client/src/App.vue
View File

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

BIN
MultiShop/client/src/assets/images/logo.png
View File

Binary file not shown.
Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 12 KiB

After

Width:  |  Height:  |  Size: 21 KiB

339
MultiShop/client/src/assets/images/logo.svg
View File

@ -2,9 +2,9 @@
<!-- Created with Inkscape (http://www.inkscape.org/) --> <!-- Created with Inkscape (http://www.inkscape.org/) -->
<svg <svg
width="186.61642mm" width="130.02815mm"
height="47.499893mm" height="183.73235mm"
viewBox="0 0 186.61642 47.499893" viewBox="0 0 130.02815 183.73235"
version="1.1" version="1.1"
id="svg5" id="svg5"
inkscape:version="1.1 (c68e22c387, 2021-05-23)" inkscape:version="1.1 (c68e22c387, 2021-05-23)"
@ -14,7 +14,6 @@
inkscape:export-ydpi="96" inkscape:export-ydpi="96"
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" 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="http://www.w3.org/2000/svg"
xmlns:svg="http://www.w3.org/2000/svg"> xmlns:svg="http://www.w3.org/2000/svg">
<sodipodi:namedview <sodipodi:namedview
@ -27,10 +26,10 @@
inkscape:pagecheckerboard="0" inkscape:pagecheckerboard="0"
inkscape:document-units="mm" inkscape:document-units="mm"
showgrid="false" showgrid="false"
inkscape:snap-global="false" inkscape:snap-global="true"
inkscape:zoom="5.4018823" inkscape:zoom="1.0607991"
inkscape:cx="266.29606" inkscape:cx="181.46697"
inkscape:cy="117.8293" inkscape:cy="340.78083"
inkscape:window-width="1920" inkscape:window-width="1920"
inkscape:window-height="1027" inkscape:window-height="1027"
inkscape:window-x="-8" inkscape:window-x="-8"
@ -38,149 +37,213 @@
inkscape:window-maximized="1" inkscape:window-maximized="1"
inkscape:current-layer="layer1" /> inkscape:current-layer="layer1" />
<defs <defs
id="defs2"> 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>
<g <g
inkscape:label="Layer 1" inkscape:label="Layer 1"
inkscape:groupmode="layer" inkscape:groupmode="layer"
id="layer1" 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 <g
id="g2360" id="g20855"
transform="matrix(0.93199451,0,0,0.91607485,0.79159364,10.657098)"> transform="translate(0,-4.5861139)">
<rect <rect
style="fill:#000000;stroke-width:0.264583" style="fill:none;fill-opacity:1;stroke:#3b3485;stroke-width:1.465;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect175" id="rect4822-1"
width="90.652023" width="8.1061144"
height="51.85154" height="8.1061144"
x="11.640143" x="56.92775"
y="126.98337" y="113.97274"
ry="10.934684" /> ry="1.3718038" />
<rect <rect
style="fill:url(#linearGradient1317);fill-opacity:1;stroke-width:0.227581" style="fill:#8383bc;fill-opacity:1;stroke:none;stroke-width:1.86051;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect517" id="rect5136-7"
width="80.981415" width="42.169209"
height="42.944096" height="3.4690557"
x="16.52096" x="69.150803"
y="131.50153" y="116.29127"
ry="9.0562429" /> ry="1.7345278" />
</g> </g>
<g <g
id="g2542" id="g20859"
transform="matrix(0.93199451,0,0,0.91607485,102.92083,10.657098)"> transform="translate(0,-7.0555611)">
<rect <rect
style="fill:#000000;stroke-width:0.264583" style="fill:none;fill-opacity:1;stroke:#3b3485;stroke-width:1.465;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect2538" id="rect4822-14"
width="90.652023" width="8.1061144"
height="51.85154" height="8.1061144"
x="11.640143" x="56.92775"
y="126.98337" y="127.76641"
ry="10.934684" /> ry="1.3718038" />
<rect <rect
style="fill:url(#linearGradient2544);fill-opacity:1;stroke-width:0.227581" style="fill:#8383bc;fill-opacity:1;stroke:none;stroke-width:1.43107;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
id="rect2540" id="rect5136-7-2"
width="80.981415" width="21.986813"
height="42.944096" height="3.9363635"
x="16.52096" x="68.953468"
y="131.50153" y="129.85129"
ry="9.0562429" /> ry="1.9681817" />
</g> </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 <path
id="rect2628" style="fill:none;stroke:#3d39a9;stroke-width:1.265;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
style="stroke:#ffffff;stroke-width:0.0995092;stroke-opacity:0" d="m 67.636283,179.27583 17.812943,-8.46556 24.779394,3.96823 34.12678,-11.19923"
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" id="path7699"
sodipodi:nodetypes="czccscc" /> sodipodi:nodetypes="cccc" />
<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" />
<path <path
id="path1311" style="fill:none;stroke:#6f78b2;stroke-width:0.765;stroke-linecap:butt;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
style="opacity:1;fill:#acffff;fill-opacity:0.487903;stroke:#94ffff;stroke-width:0.170309;stroke-opacity:1" d="m 65.872624,169.39934 37.918646,0.17637 17.98931,5.20279 23.63302,-7.14281"
inkscape:transform-center-x="0.06880683" id="path8022" />
inkscape:transform-center-y="-0.28235695" <rect
d="m 60.111575,165.85476 14.856233,0.003 -0.705711,-3.87812 -2.364044,-3.41939 -9.633197,3.82801 z" style="opacity:1;fill:none;fill-opacity:1;stroke:#b8edf3;stroke-width:1.465;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
sodipodi:nodetypes="cccccc" /> id="rect9952"
<path width="79.717339"
id="rect930" height="19.929335"
style="fill:#80e5ff;stroke:#ffffff;stroke-width:0.264583;stroke-opacity:0" x="65.872589"
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" y="161.02196"
sodipodi:nodetypes="sssssssss" /> ry="5.6437054" />
<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" />
</g> </g>
</svg> </svg>

Side by Side Swipe Overlay

Before

Width:  |  Height:  |  Size: 6.7 KiB

After

Width:  |  Height:  |  Size: 8.5 KiB

14
MultiShop/client/src/views/Home.vue
View File

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