Skip to content

Commit

Permalink
why does svg need to be jsx friendly?
Browse files Browse the repository at this point in the history
  • Loading branch information
@Vercin-G
Vercin-G committed Sep 19, 2023
1 parent 591afb0 commit 14eddd2
Show file tree
Hide file tree
Showing 3 changed files with 102 additions and 224 deletions.
9 changes: 4 additions & 5 deletions client/src/App.js
View file
Original file line number Diff line number Diff line change
Expand Up @@ -5,6 +5,7 @@ import lists from "./modules/Generic/BilletBank";
import ErrorMessage from "./errorMessage";
import Statistics from "./modules/Generic/Statistics";
import CombinedFunction from "./modules/Generic/CombinedFunction";
import Logo from "./style/themes/7cav/logo";

const CLIENT_TOKEN = process.env.REACT_APP_CLIENT_TOKEN;
const combatApiUrl = process.env.REACT_APP_COMBAT_API_URL;
Expand Down Expand Up @@ -91,14 +92,12 @@ function MilpacRequest() {
<div className="p-nav-scroller">
<div className="p-nav-logo">
<a href="https://7cav.us">
<img
<Logo
className="p-nav-svg"
src={require("./style/themes/7cav/logo.svg")}
alt="ADR Logo"
title="Return to the main website"
width="225em"
height=""
/>
width="17em"
height=""/>
</a>
</div>
{/* Data Age Warning */}
Expand Down
98 changes: 98 additions & 0 deletions client/src/style/themes/7cav/logo.js
View file
Original file line number Diff line number Diff line change
@@ -0,0 +1,98 @@
import * as React from "react";
const Logo = (props) => (
<svg
xmlns="http://www.w3.org/2000/svg"
width={780.728}
height={136.81}
viewBox="0 0 206.568 36.198"
{...props}
>
<defs>
<path id="d" d="M291.074 80.811h81.365v25.375h-81.365z" />
<path id="b" d="M293.787 70.152h76.547v11.046h-76.547z" />
<path id="c" d="M246.502 55.812h186.815v72.478H246.502z" />
<path id="a" d="M245.971 54.949h172.522v13.429H245.971z" />
</defs>
<path
d="M104.543 237.995c-10.615-2.72-23.351-18.944-37.272-47.473-27.143-55.63-35.76-110.02-20.383-128.662 15.79-19.143 90-21.805 116.547-4.18 7.977 5.295 11.403 14.127 11.77 30.34 1.226 54.346-46.721 156.113-70.662 149.975z"
style={{
fill: "#f9cc17",
strokeWidth: 0.259581,
}}
transform="matrix(.18495 0 0 .18495 -7.039 -8.16)"
/>
<path
d="M102.635 239.231c-11.907-4.24-28.638-29.032-43.844-64.965-22.025-52.048-27.067-98.621-12.399-114.52 18.32-19.856 96.368-21.113 120.293-1.936 18.473 14.807 9.863 75.094-19.087 133.646-17.16 34.708-33.351 51.91-44.963 47.775zm7.414-4.288c7.306-2.958 17.399-15.133 27.37-33.015 2.398-4.3 5.303-9.858 5.303-10.144 0-.155-95.215-94.18-98.796-97.563l-1.821-1.72.161 3.837c1.642 39.046 31.227 111.86 54.452 134.011 5.39 5.141 8.949 6.368 13.33 4.594zm48.754-80.728c13.888-39.22 17.32-71.512 9.382-88.294-6.822-14.424-52.079-22.066-90.02-15.202-8.513 1.54-21.417 5.569-21.082 6.582.106.322 100.265 99.87 100.495 99.882.094.005.645-1.33 1.225-2.968zm-18.278-38.244c-.252-9.44-1.338-12.79-6.786-20.939-1.418-2.12-2.777-4.24-3.022-4.714l-.444-.86-1.32.668c-2.088 1.058-5.925 2.25-7.813 2.425-1.686.158-1.774.204-3.376 1.776-.914.897-2.437 2.026-3.427 2.54-1.476.767-2.09 1.313-3.57 3.175-2.244 2.824-3.475 3.225-4.203 1.37-.466-1.186-1.322-1.481-3.453-1.189-1.11.152-1.228.103-2.363-1.003-3.004-2.923-2.75-5.004 1.092-8.968 1.358-1.4 2.038-2.455 3.666-5.688 1.346-2.675 2.499-4.557 3.534-5.773.844-.993 1.96-2.314 2.477-2.936.518-.622 1.647-2.727 2.508-4.678 1.591-3.602 3.2-5.795 4.252-5.795.94 0 .349-3.306-1.048-5.869-1.478-2.71-1.493-2.863-.295-2.863 1.351 0 2.742.662 4.02 1.915 1.213 1.187 1.27 1.194 1.522.187.125-.498-.113-1.208-.91-2.711l-1.078-2.036h1.224c2.496 0 4.77 1.67 7.09 5.21 1.609 2.456 1.387 2.322 11.142 6.764 15.721 7.16 24.066 14.227 27.292 23.115.719 1.98.705 2.03-.785 2.787-9.192 4.675-13.336 8.961-18.078 18.696-3.709 7.614-5.122 9.789-7.003 10.775l-.691.362z"
style={{
fill: "#000",
strokeWidth: 0.264583,
}}
transform="matrix(.18495 0 0 .18495 -7.039 -8.16)"
/>
<g
aria-label="7TH CAVALRY GAMING"
style={{
fontSize: "4.23333px",
lineHeight: 1.25,
fontFamily: "sans-serif",
textAlign: "center",
textAnchor: "middle",
whiteSpace: "pre",
shapeInside: "url(#c)",
stroke: "none",
}}
transform="translate(-221.124 -46.967)"
>
<path
d="M252.415 71.26h2.726l5.08-9.568v-2.286h-8.433v2.286h5.707zM260.899 61.692h3.437v9.568h2.625v-9.568h3.437v-2.286h-9.5zM278.238 71.26h2.625V59.406h-2.625v4.776h-4.2v-4.776h-2.624V71.26h2.625v-4.792h4.2zM297.424 63.64v-1.575c0-1.592-1.067-2.659-2.659-2.659h-4.149c-1.574 0-2.641 1.067-2.641 2.659V68.6c0 1.592 1.067 2.659 2.641 2.659h4.15c1.59 0 2.658-1.067 2.658-2.659v-1.575h-2.625v1.44c0 .338-.17.508-.508.508h-3.183c-.34 0-.508-.17-.508-.508V62.2c0-.338.169-.508.508-.508h3.183c.339 0 .508.17.508.508v1.44zM305.535 59.406h-3.218L298.44 71.26h2.675l.762-2.506h4.013l.762 2.506h2.76zm-1.66 2.794 1.304 4.268h-2.608zM312.274 71.26h3.048l3.878-11.854h-2.676l-2.692 8.586-2.676-8.586h-2.76zM325.279 59.406h-3.218l-3.877 11.854h2.675l.762-2.506h4.013l.762 2.506h2.76zm-1.66 2.794 1.304 4.268h-2.608zM330.173 71.26h8.263v-2.286h-5.639v-9.568h-2.624zM348.9 64.656v-2.591c0-1.592-1.066-2.659-2.658-2.659h-6.451V71.26h2.624v-3.946h1.914l1.693 3.946h2.879l-1.863-4.047c1.135-.288 1.863-1.253 1.863-2.557zm-2.624-.136c0 .339-.17.508-.508.508h-3.353v-3.336h3.353c.339 0 .508.17.508.508zM356.47 67.077l4.25-7.67h-2.963l-2.557 5.029-2.49-5.03h-3.132l4.267 7.671v4.183h2.625zM376.265 64.69h-5.13v2.286h2.505v1.49c0 .338-.17.508-.508.508h-3.183c-.339 0-.508-.17-.508-.508V62.2c0-.338.17-.508.508-.508h3.183c.339 0 .508.17.508.508v1.101h2.625v-1.236c0-1.592-1.067-2.659-2.659-2.659h-4.148c-1.575 0-2.642 1.067-2.642 2.659V68.6c0 1.592 1.067 2.659 2.642 2.659h2.455c.864 0 1.592-.322 2.049-.88l.372.88h1.93zM384.376 59.406h-3.217L377.28 71.26h2.675l.762-2.506h4.014l.762 2.506h2.76zm-1.66 2.794 1.304 4.268h-2.607zM397.448 71.26h2.625V59.406h-2.54l-2.862 5.453-2.861-5.453h-2.54V71.26h2.624V64.57l2.777 5.283 2.777-5.283zM402.105 71.26h2.625V59.406h-2.625zM413.755 71.26h2.456V59.406h-2.625v7.028l-4.369-7.028h-2.455V71.26h2.624v-7.028zM427.691 64.69h-5.13v2.286h2.506v1.49c0 .338-.17.508-.508.508h-3.184c-.339 0-.508-.17-.508-.508V62.2c0-.338.17-.508.508-.508h3.184c.338 0 .508.17.508.508v1.101h2.624v-1.236c0-1.592-1.067-2.659-2.658-2.659h-4.149c-1.575 0-2.642 1.067-2.642 2.659V68.6c0 1.592 1.067 2.659 2.642 2.659h2.455c.864 0 1.592-.322 2.05-.88l.372.88h1.93z"
style={{
fontStyle: "normal",
fontVariant: "normal",
fontWeight: 700,
fontStretch: "normal",
fontSize: "16.9333px",
fontFamily: "Purista",
InkscapeFontSpecification: "&quot",
fontVariantLigatures: "normal",
fontVariantCaps: "normal",
fontVariantNumeric: "normal",
fontVariantEastAsian: "normal",
fill: "#fff",
stroke: "none",
}}
/>
</g>
<g
aria-label="Active Duty Roster"
style={{
fontSize: "4.23333px",
lineHeight: 1.25,
fontFamily: "sans-serif",
textAlign: "center",
textAnchor: "middle",
whiteSpace: "pre",
shapeInside: "url(#d)",
}}
transform="translate(-216.325 -55.45)"
>
<path
d="M299.321 82.607h-.855l-2.193 5.927h.72l.559-1.524h2.658l.559 1.524h.737zm-.44.746 1.143 3.048h-2.286zM304.926 87.052v.23c0 .414-.262.685-.686.685h-.889c-.415 0-.677-.271-.677-.686v-1.905c0-.415.262-.677.677-.677h.89c.423 0 .685.262.685.677v.237h.652v-.22c0-.762-.5-1.262-1.262-1.262h-1.041c-.753 0-1.261.5-1.261 1.262v1.88c0 .753.508 1.261 1.261 1.261h1.041c.762 0 1.262-.508 1.262-1.261v-.22zM306.001 84.699h1.101v3.835h.66V84.7h1.101v-.568h-1.1v-1.54l-.661.186v1.354h-1.1zM309.456 88.534h.66v-4.403h-.66zm0-5.038h.66v-.956h-.66zM313.35 88.534l1.685-4.403h-.66l-1.397 3.667-1.397-3.667h-.703l1.685 4.403zM318.456 87.137v.144c0 .415-.263.686-.686.686h-.89c-.414 0-.676-.271-.676-.686v-.737h2.904v-1.151c0-.762-.5-1.262-1.262-1.262h-1.041c-.754 0-1.262.5-1.262 1.262v1.88c0 .753.508 1.261 1.262 1.261h1.041c.762 0 1.262-.508 1.262-1.261v-.136zm-2.252-1.76c0-.416.262-.678.677-.678h.889c.423 0 .686.262.686.677v.644h-2.252zM326.465 87.239c0 .415-.262.686-.677.686h-2.337v-4.708h2.337c.415 0 .677.263.677.677zm.703.034v-3.404c0-.762-.508-1.262-1.262-1.262h-3.158v5.927h3.158c.754 0 1.262-.508 1.262-1.261zM328.353 84.131v3.142c0 .753.508 1.261 1.262 1.261h.813c.38 0 .702-.127.922-.355l.06.355h.508v-4.403h-.652v3.218c-.026.38-.297.618-.686.618h-.889c-.415 0-.677-.263-.677-.686v-3.15zM332.51 84.699h1.101v3.835h.66V84.7h1.101v-.568h-1.1v-1.54l-.661.186v1.354h-1.1zM337.362 90.227l2.337-6.096h-.66l-1.398 3.675-1.397-3.675h-.703l1.685 4.403h.085l-.652 1.693zM347.25 85.029v-1.16c0-.762-.507-1.262-1.26-1.262H343v5.927h.703V86.29h1.787l.99 2.244h.77l-1.032-2.26c.626-.094 1.033-.568 1.033-1.245zm-.702-.025c0 .414-.262.677-.677.677h-2.168v-2.464h2.168c.415 0 .677.263.677.677zM351.095 87.281c0 .415-.263.686-.686.686h-.89c-.414 0-.676-.271-.676-.686v-1.905c0-.415.262-.677.677-.677h.889c.423 0 .686.262.686.677zm.652-.008v-1.88c0-.762-.5-1.262-1.262-1.262h-1.041c-.754 0-1.262.5-1.262 1.262v1.88c0 .753.508 1.261 1.262 1.261h1.041c.762 0 1.262-.508 1.262-1.261zM355.142 86.045h-1.067c-.373 0-.61-.237-.61-.618v-.119c0-.372.237-.61.61-.61h.94c.38 0 .618.238.618.61v.195h.652v-.178c0-.72-.474-1.194-1.194-1.194h-1.092c-.711 0-1.194.475-1.194 1.194v.051c0 .711.483 1.194 1.194 1.194h1.058c.381 0 .618.237.618.618v.16c0 .373-.237.619-.618.619h-1.024c-.373 0-.61-.237-.61-.618v-.195h-.66v.186c0 .712.482 1.194 1.193 1.194h1.186c.71 0 1.185-.482 1.185-1.194v-.101c0-.72-.474-1.194-1.185-1.194zM356.835 84.699h1.1v3.835h.661V84.7h1.1v-.568h-1.1v-1.54l-.66.186v1.354h-1.1zM363.117 87.137v.144c0 .415-.262.686-.685.686h-.89c-.414 0-.677-.271-.677-.686v-.737h2.904v-1.151c0-.762-.5-1.262-1.261-1.262h-1.042c-.753 0-1.261.5-1.261 1.262v1.88c0 .753.508 1.261 1.261 1.261h1.042c.762 0 1.261-.508 1.261-1.261v-.136zm-2.252-1.76c0-.416.263-.678.678-.678h.889c.423 0 .685.262.685.677v.644h-2.252zM367.24 84.131h-.88c-.381 0-.703.127-.923.356l-.06-.356h-.507v4.403h.66v-3.158c0-.415.263-.677.678-.677h1.033z"
style={{
fontStyle: "normal",
fontVariant: "normal",
fontWeight: 400,
fontStretch: "normal",
fontSize: "8.46667px",
fontFamily: "Purista",
InkscapeFontSpecification: "&quot",
fontVariantLigatures: "normal",
fontVariantCaps: "normal",
fontVariantNumeric: "normal",
fontVariantEastAsian: "normal",
fill: "#fff",
}}
/>
</g>
</svg>
);
export default Logo;
Loading

0 comments on commit 14eddd2

Please sign in to comment.