start fadderuke plakat themplates
After Width: | Height: | Size: 479 KiB |
|
@ -0,0 +1,384 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>SVG Layout Generator</title>
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
font-family: Arial, sans-serif;
|
||||||
|
/* background-color: #334173; */
|
||||||
|
color: white;
|
||||||
|
margin: 0;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
height: 100vh;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="svgContainer"></div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
const screenWidth = screen.width || window.innerWidth || document.documentElement.clientWidth;
|
||||||
|
const screenHeight = screen.height || window.innerHeight || document.documentElement.clientHeight;
|
||||||
|
const screenPpi = Math.sqrt(screenWidth * screenWidth + screenHeight * screenHeight) / Math.sqrt(screen.width * screen.width + screen.height * screen.height) * 96;
|
||||||
|
const paper_size = "A3";
|
||||||
|
|
||||||
|
if (paper_size == "A4") {
|
||||||
|
width = 210 * screenPpi / 25.4;
|
||||||
|
height = 297 * screenPpi / 25.4;
|
||||||
|
} else if (paper_size == "A3") {
|
||||||
|
width = 297 * screenPpi / 25.4;
|
||||||
|
height = 420 * screenPpi / 25.4;
|
||||||
|
}
|
||||||
|
|
||||||
|
function createSVG() {
|
||||||
|
const svgNS = "http://www.w3.org/2000/svg";
|
||||||
|
|
||||||
|
// Create the SVG element
|
||||||
|
const svg = document.createElementNS(svgNS, "svg");
|
||||||
|
svg.setAttribute("width", width);
|
||||||
|
svg.setAttribute("height", height);
|
||||||
|
svg.setAttribute("viewBox", "0 0 " + width + " " + height);
|
||||||
|
|
||||||
|
|
||||||
|
const backgroundRect = document.createElementNS(svgNS, "rect");
|
||||||
|
backgroundRect.setAttribute("x", "0");
|
||||||
|
backgroundRect.setAttribute("y", "0");
|
||||||
|
backgroundRect.setAttribute("width", width);
|
||||||
|
backgroundRect.setAttribute("height", height);
|
||||||
|
backgroundRect.setAttribute("fill", "#334173");
|
||||||
|
svg.appendChild(backgroundRect);
|
||||||
|
|
||||||
|
// Header
|
||||||
|
const headerHeight = height * 0.07;
|
||||||
|
const path_width = width * 0.5;
|
||||||
|
const headerGroup = document.createElementNS(svgNS, "g");
|
||||||
|
|
||||||
|
const headerPath = document.createElementNS(svgNS, "path");
|
||||||
|
const pathData = `
|
||||||
|
M 0 0
|
||||||
|
H ${path_width}
|
||||||
|
C ${path_width * 0.75} 0 ${path_width * 0.75} ${headerHeight} ${path_width * 0.6} ${headerHeight * 0.95}
|
||||||
|
H 0
|
||||||
|
Z
|
||||||
|
`;
|
||||||
|
headerPath.setAttribute("d", pathData);
|
||||||
|
headerPath.setAttribute("fill", "#ffffff");
|
||||||
|
|
||||||
|
// Header text inside the path
|
||||||
|
const headerTextInside = document.createElementNS(svgNS, "text");
|
||||||
|
headerTextInside.setAttribute("x", `${path_width * 0.07}`);
|
||||||
|
headerTextInside.setAttribute("y", `${headerHeight * 0.6}`);
|
||||||
|
headerTextInside.setAttribute("fill", "#000");
|
||||||
|
headerTextInside.setAttribute("font-size", `${headerHeight * 0.38}`);
|
||||||
|
headerTextInside.textContent = "PVV fadderuke";
|
||||||
|
|
||||||
|
// Header text outside the path, tilted
|
||||||
|
const headerTextOutside = document.createElementNS(svgNS, "text");
|
||||||
|
headerTextOutside.setAttribute("x", `${path_width * 0.9}`);
|
||||||
|
headerTextOutside.setAttribute("y", `${headerHeight * 0.7}`);
|
||||||
|
headerTextOutside.setAttribute("fill", "#fff");
|
||||||
|
headerTextOutside.setAttribute("font-size", `${headerHeight * 0.3}`);
|
||||||
|
headerTextOutside.textContent = "Åpent for alle!";
|
||||||
|
const textCenterX = path_width * 0.8;
|
||||||
|
const textCenterY = headerHeight * 1.1;
|
||||||
|
headerTextOutside.setAttribute("transform", `rotate(-7 ${textCenterX},${textCenterY})`);
|
||||||
|
|
||||||
|
// Year text
|
||||||
|
const yearText = document.createElementNS(svgNS, "text");
|
||||||
|
yearText.setAttribute("x", `${width - headerHeight * 3}`);
|
||||||
|
yearText.setAttribute("y", `${headerHeight * 0.7}`);
|
||||||
|
yearText.setAttribute("fill", "#fff");
|
||||||
|
yearText.setAttribute("font-size", `${headerHeight * 0.56}`);
|
||||||
|
yearText.textContent = "2024";
|
||||||
|
|
||||||
|
// Invert the colors of the logo filter
|
||||||
|
const filter = document.createElementNS(svgNS, "filter");
|
||||||
|
filter.setAttribute("id", "invert");
|
||||||
|
const feColorMatrix = document.createElementNS(svgNS, "feColorMatrix");
|
||||||
|
feColorMatrix.setAttribute("type", "matrix");
|
||||||
|
feColorMatrix.setAttribute("values", "-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0");
|
||||||
|
filter.appendChild(feColorMatrix);
|
||||||
|
svg.appendChild(filter);
|
||||||
|
|
||||||
|
const headerLogo = document.createElementNS(svgNS, "image");
|
||||||
|
headerLogo.setAttributeNS("http://www.w3.org/1999/xlink", "xlink:href", "logo_black_thicc.svg");
|
||||||
|
headerLogo.setAttribute("x", `${width - headerHeight * 1.2}`);
|
||||||
|
headerLogo.setAttribute("y", "0");
|
||||||
|
headerLogo.setAttribute("width", `${headerHeight}`);
|
||||||
|
headerLogo.setAttribute("height", `${headerHeight}`);
|
||||||
|
headerLogo.setAttribute("filter", "url(#invert)");
|
||||||
|
|
||||||
|
// Append elements to the header group
|
||||||
|
headerGroup.appendChild(headerPath);
|
||||||
|
headerGroup.appendChild(headerTextInside);
|
||||||
|
headerGroup.appendChild(headerTextOutside);
|
||||||
|
headerGroup.appendChild(yearText);
|
||||||
|
headerGroup.appendChild(headerLogo);
|
||||||
|
|
||||||
|
svg.appendChild(headerGroup);
|
||||||
|
|
||||||
|
//Start of middle Event part.
|
||||||
|
// Constants for layout and styling
|
||||||
|
const eventBoxPadding = width * 0.03;
|
||||||
|
const eventBoxWidth = width * (1-(2*0.03));
|
||||||
|
const eventBoxHeight = height * 0.36;
|
||||||
|
const logoMargin = 10; // Margin between the border and the logo
|
||||||
|
const eventSpacing = eventBoxHeight * 0.015;
|
||||||
|
const lineColor = "#334173"; // Background color for the lines
|
||||||
|
const logoSize = eventBoxHeight / 10;
|
||||||
|
|
||||||
|
// Event descriptions with additional attributes
|
||||||
|
const eventsStartDate = 12;
|
||||||
|
const weekdays = ["Mandag", "Tirsdag", "Onsdag", "Torsdag", "Fredag", "Lørdag", "Søndag"];
|
||||||
|
const eventDescriptions = [
|
||||||
|
{ date: "Mandag 12.08", name: "Åpen dag", description: "Kom og møt oss! Utforsk lokalene våre, slå av en prat, og bli kjent med flotte folk!", time: "Hele dagen", location: "", icon: "åpendag.svg", signup: false },
|
||||||
|
{ date: "Tirsdag 13.08", name: "Åpen dag / Brettspill", description: "Kom og møt oss, slå av en prat, og spill brettspill fra vår store kollekjon!", time: "Hele dagen", location: "", icon: "brettspill.svg", signup: false },
|
||||||
|
{ date: "Onsdag 16.08", name: "Filmkveld", description: "Vi ser film som gjerne relaterer til PVVs interesseområder.", time: "kl. 17-22", location: "", icon: "movie.svg", signup: true },
|
||||||
|
{ date: "Torsdag 17.08", name: "Hackekveld", description: "Vi jobber med artige proggeprosjekter sammen!", time: "kl. 17-22", location: "", icon: "hackekveld.svg", signup: true },
|
||||||
|
{ date: "Fredag 18.08", name: "AbeLAN", description: "Vi samarbeider med AbelLAN om å holde det feteste LANet i hele fadderperioden!", time: "kl. 17-24", location: "Realfagsbygget, R2", icon: "abellan.svg", signup: true },
|
||||||
|
{ date: "Lørdag 19.08", name: "Anime", description: "Bli med på PVVs faste animekveld, der vi viser sesongens nyeste anime!", time: "kl. 19-23", location: "", icon: "anime.svg", signup: false },
|
||||||
|
{ date: "Søndag 20.08", name: "Guide & Grilling", description: "Omvisning rundt Gløshaugen, etterfulgt av grilling i Høgskoleparken!", time: "kl. 14-20", location: "", icon: "grill3.svg", signup: false },
|
||||||
|
{ date: "Mandag 21.08", name: "Quiz", description: "Konkurrér med og mot andre studenter, og test dine trivia-kunnskaper!", time: "kl. 18-21", location: "", icon: "quiz.svg", signup: false },
|
||||||
|
{ date: "Tirsdag 22.08", name: "Brettspill", description: "Vi spiller brettspill fra vår store in-house kollekjon.", time: "kl. 16-21", location: "", icon: "brettspill2.svg", signup: false },
|
||||||
|
{ date: "Onsdag 23.08", name: "Anime", description: "PVV går sammen med AnimeNTNU om å vise gamle anime-klassikere.", time: "kl. 19-22", location: "", icon: "anime2.svg", signup: false },
|
||||||
|
{ date: "Torsdag 24.08", name: "Bowling", description: "Vi drar til Centrum Bowling for å bowle!", time: "kl. 17:30-21", location: "Centrum Bowling", icon: "bowling.jpg", signup: true },
|
||||||
|
{ date: "Fredag 25.08", name: "Dungeons & Dragons", description: "Vi arrangerer en D&D oneshot for nye og gamle spillere.", time: "kl. 15:30-21", location: "", icon: "dnd.svg", signup: true },
|
||||||
|
{ date: "Lørdag 26.08", name: "Hackekveld / Skaperfest", description: "Vi jobber med proggeprosjekter og drar til Skaperfest sammen!", time: "kl. 17-22 /\n kl. 14:30-NaN", location: "Torget/PVV", icon: "hackekveld.svg", signup: true },
|
||||||
|
{ date: "Søndag 27.08", name: "Avslutning", description: "Avslutt fadderperioden med hygge, sosialt, og gratis pizza!", time: "kl. 16-21", location: "", icon: "avslutning.svg", signup: false }
|
||||||
|
];
|
||||||
|
|
||||||
|
// Function to create an event group
|
||||||
|
function createEventGroup(events, offsetY) {
|
||||||
|
const group = document.createElementNS(svgNS, "g");
|
||||||
|
const groupHeight = eventBoxHeight + eventSpacing * (events.length - 1);
|
||||||
|
|
||||||
|
// Create rounded rectangle for the group
|
||||||
|
const groupRect = document.createElementNS(svgNS, "rect");
|
||||||
|
groupRect.setAttribute("x", eventBoxPadding);
|
||||||
|
groupRect.setAttribute("y", offsetY);
|
||||||
|
groupRect.setAttribute("width", eventBoxWidth);
|
||||||
|
groupRect.setAttribute("height", groupHeight);
|
||||||
|
groupRect.setAttribute("rx", 20);
|
||||||
|
groupRect.setAttribute("ry", 20);
|
||||||
|
groupRect.setAttribute("fill", "#ffffff");
|
||||||
|
groupRect.setAttribute("stroke", "#334173");
|
||||||
|
groupRect.setAttribute("stroke-width", 3);
|
||||||
|
group.appendChild(groupRect);
|
||||||
|
|
||||||
|
events.forEach((event, index) => {
|
||||||
|
const boxGroup = document.createElementNS(svgNS, "g");
|
||||||
|
const boxX = eventBoxPadding + logoMargin;
|
||||||
|
const boxY = offsetY + index * (eventBoxHeight / 7 + eventSpacing);
|
||||||
|
|
||||||
|
// Logo image (actual icon)
|
||||||
|
const logoImage = document.createElementNS(svgNS, "image");
|
||||||
|
logoImage.setAttribute("href", `ikoner/${event.icon}`);
|
||||||
|
logoImage.setAttribute("x", boxX);
|
||||||
|
logoImage.setAttribute("y", boxY + logoMargin);
|
||||||
|
logoImage.setAttribute("width", logoSize);
|
||||||
|
logoImage.setAttribute("height", logoSize);
|
||||||
|
|
||||||
|
// Event header (title, location, date, time)
|
||||||
|
const headerX = boxX + logoSize + logoMargin * 2;
|
||||||
|
const headerY = boxY + logoMargin + logoSize / 2;
|
||||||
|
|
||||||
|
const eventHeaderText = document.createElementNS(svgNS, "text");
|
||||||
|
eventHeaderText.setAttribute("x", headerX);
|
||||||
|
eventHeaderText.setAttribute("y", headerY);
|
||||||
|
eventHeaderText.setAttribute("fill", "#000");
|
||||||
|
eventHeaderText.setAttribute("font-size", (eventBoxHeight / 14) * 0.8);
|
||||||
|
eventHeaderText.setAttribute("font-weight", "bold");
|
||||||
|
eventHeaderText.textContent = event.name;
|
||||||
|
const eventDateText = document.createElementNS(svgNS, "text");
|
||||||
|
if (event.location.length > 2) {
|
||||||
|
eventDateText.textContent = `${event.location} ${weekdays[(eventsStartDate + index +2) % 7]} ${eventsStartDate + index} ${event.time}`;
|
||||||
|
} else {
|
||||||
|
eventDateText.textContent = `${weekdays[(eventsStartDate + index +2) % 7]} ${eventsStartDate + index} ${event.time}`;
|
||||||
|
}
|
||||||
|
eventDateTextWidth = eventDateText.getComputedTextLength();
|
||||||
|
eventDateText.setAttribute("x", width - eventDateTextWidth - eventBoxPadding - logoMargin * 6);
|
||||||
|
eventDateText.setAttribute("y", headerY);
|
||||||
|
eventDateText.setAttribute("fill", "#545454");
|
||||||
|
eventDateText.setAttribute("text-anchor", "end"); // Right-align the text
|
||||||
|
eventDateText.setAttribute("font-size", (eventBoxHeight / 16) * 0.8);
|
||||||
|
|
||||||
|
const eventDateLines = eventDateText.textContent.split('\n');
|
||||||
|
eventDateText.textContent = ''; // Clear the textContent to append tspans
|
||||||
|
|
||||||
|
eventDateLines.forEach((line, index) => {
|
||||||
|
const tspan = document.createElementNS(svgNS, "tspan");
|
||||||
|
tspan.setAttribute("x", width - eventDateTextWidth - eventBoxPadding - logoMargin * 6);
|
||||||
|
tspan.setAttribute("dy", index === 0 ? 0 : "1.2em"); // Adjust dy for subsequent lines
|
||||||
|
tspan.textContent = line;
|
||||||
|
eventDateText.appendChild(tspan);
|
||||||
|
});
|
||||||
|
|
||||||
|
|
||||||
|
// Event description as body
|
||||||
|
const eventDescriptionText = document.createElementNS(svgNS, "text");
|
||||||
|
eventDescriptionText.setAttribute("x", headerX);
|
||||||
|
eventDescriptionText.setAttribute("y", headerY + logoSize/2);
|
||||||
|
eventDescriptionText.setAttribute("fill", "#000");
|
||||||
|
eventDescriptionText.setAttribute("font-size", (eventBoxHeight / 11.5) * 0.5);
|
||||||
|
eventDescriptionText.textContent = event.description;
|
||||||
|
|
||||||
|
// Padlock icon if signup is required
|
||||||
|
if (event.signup) {
|
||||||
|
const padlockImage = document.createElementNS(svgNS, "image");
|
||||||
|
padlockImage.setAttribute("href", "ikoner/lock.svg");
|
||||||
|
padlockImage.setAttribute("x", boxX + eventBoxWidth - logoSize / 1.5 - logoMargin * 2);
|
||||||
|
padlockImage.setAttribute("y", boxY + eventBoxHeight / 7 - logoSize / 1.5 - logoMargin);
|
||||||
|
padlockImage.setAttribute("width", logoSize / 1.5);
|
||||||
|
padlockImage.setAttribute("height", logoSize / 1.5);
|
||||||
|
boxGroup.appendChild(padlockImage);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Line separator
|
||||||
|
if (index < events.length - 1) {
|
||||||
|
const line = document.createElementNS(svgNS, "line");
|
||||||
|
line.setAttribute("x1", boxX);
|
||||||
|
line.setAttribute("y1", boxY + eventBoxHeight / 7 + eventSpacing / 2);
|
||||||
|
line.setAttribute("x2", boxX + eventBoxWidth - logoMargin * 2);
|
||||||
|
line.setAttribute("y2", boxY + eventBoxHeight / 7 + eventSpacing / 2);
|
||||||
|
line.setAttribute("stroke", lineColor);
|
||||||
|
line.setAttribute("stroke-width", 2);
|
||||||
|
boxGroup.appendChild(line);
|
||||||
|
}
|
||||||
|
|
||||||
|
boxGroup.appendChild(logoImage);
|
||||||
|
boxGroup.appendChild(eventHeaderText);
|
||||||
|
boxGroup.appendChild(eventDateText);
|
||||||
|
boxGroup.appendChild(eventDescriptionText);
|
||||||
|
|
||||||
|
group.appendChild(boxGroup);
|
||||||
|
});
|
||||||
|
|
||||||
|
return group;
|
||||||
|
}
|
||||||
|
|
||||||
|
// Adding the two event groups
|
||||||
|
const firstGroup = createEventGroup(eventDescriptions.slice(0, 7), headerHeight + eventBoxPadding/3);
|
||||||
|
const secondGroup = createEventGroup(eventDescriptions.slice(7), headerHeight + eventBoxPadding/3 + eventBoxHeight + eventSpacing * 7);
|
||||||
|
|
||||||
|
// Add a small information textbox on the bottom of the event boxes right aligned, describing what the padlock icon means
|
||||||
|
const infoEventPadlockText = document.createElementNS(svgNS, "text");
|
||||||
|
infoEventPadlockText.setAttribute("x", width - eventBoxPadding);
|
||||||
|
infoEventPadlockText.setAttribute("y", headerHeight + eventBoxPadding + eventBoxHeight + eventSpacing * 14 + eventBoxHeight + eventSpacing);
|
||||||
|
infoEventPadlockText.setAttribute("fill", "#fff");
|
||||||
|
infoEventPadlockText.setAttribute("font-size", `${eventBoxHeight * 0.05}`);
|
||||||
|
infoEventPadlockText.setAttribute("text-anchor", "end");
|
||||||
|
infoEventPadlockText.textContent = " = krever påmelding\n på pvv.ntnu.no.";
|
||||||
|
|
||||||
|
// Calculate the approximate width of the text using character count and font size
|
||||||
|
const textLength = infoEventPadlockText.textContent.length;
|
||||||
|
const fontSize = eventBoxHeight * 0.05;
|
||||||
|
const approxTextWidth = textLength * (fontSize * 0.45); // Approximate width calculation
|
||||||
|
|
||||||
|
const padlockEventTextImage = document.createElementNS(svgNS, "image");
|
||||||
|
padlockEventTextImage.setAttribute("href", "ikoner/lock.svg");
|
||||||
|
padlockEventTextImage.setAttribute("x", width - eventBoxPadding - approxTextWidth - (logoSize / 1.5) - 5); // Adjust position to the left of the text
|
||||||
|
padlockEventTextImage.setAttribute("y", headerHeight + eventBoxPadding + eventBoxHeight + eventSpacing * 14 + eventBoxHeight + eventSpacing - (logoSize / 3)); // Adjust position to align with the text
|
||||||
|
padlockEventTextImage.setAttribute("width", logoSize / 1.5);
|
||||||
|
padlockEventTextImage.setAttribute("height", logoSize / 1.5);
|
||||||
|
padlockEventTextImage.setAttribute("filter", "url(#invert)");
|
||||||
|
|
||||||
|
// Append elements to the SVG
|
||||||
|
svg.appendChild(padlockEventTextImage);
|
||||||
|
svg.appendChild(infoEventPadlockText);
|
||||||
|
svg.appendChild(firstGroup);
|
||||||
|
svg.appendChild(secondGroup);
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
|
||||||
|
// Footer
|
||||||
|
const footerHeight = height * 0.1;
|
||||||
|
const footerHeightPadding = height * 0.02;
|
||||||
|
const footerHeightStart = height - footerHeight;
|
||||||
|
|
||||||
|
const footerGroup = document.createElementNS(svgNS, "g");
|
||||||
|
const footerRect = document.createElementNS(svgNS, "rect");
|
||||||
|
footerRect.setAttribute("x", "0");
|
||||||
|
footerRect.setAttribute("y", footerHeightStart);
|
||||||
|
footerRect.setAttribute("width", width);
|
||||||
|
footerRect.setAttribute("height", footerHeight);
|
||||||
|
footerRect.setAttribute("fill", "#334173");
|
||||||
|
|
||||||
|
footerGroup.appendChild(footerRect);
|
||||||
|
|
||||||
|
const qrCodeDiscord = document.createElementNS(svgNS, "image");
|
||||||
|
qrCodeDiscord.setAttributeNS("http://www.w3.org/1999/xlink", "xlink:href", "ikoner/discord-qr-code.svg");
|
||||||
|
qrCodeDiscord.setAttribute("x", footerHeight * 0.1);
|
||||||
|
qrCodeDiscord.setAttribute("y", footerHeightStart);
|
||||||
|
qrCodeDiscord.setAttribute("width", footerHeight * 0.9);
|
||||||
|
qrCodeDiscord.setAttribute("height", footerHeight * 0.9);
|
||||||
|
|
||||||
|
const qrCodeMap = document.createElementNS(svgNS, "image");
|
||||||
|
qrCodeMap.setAttributeNS("http://www.w3.org/1999/xlink", "xlink:href", "ikoner/mazemap-qr-code.svg");
|
||||||
|
qrCodeMap.setAttribute("x", footerHeight * 1.1);
|
||||||
|
qrCodeMap.setAttribute("y", footerHeightStart);
|
||||||
|
qrCodeMap.setAttribute("width", footerHeight * 0.9);
|
||||||
|
qrCodeMap.setAttribute("height", footerHeight * 0.9);
|
||||||
|
|
||||||
|
// Location text
|
||||||
|
const locationText = document.createElementNS(svgNS, "text");
|
||||||
|
locationText.setAttribute("x", width * 0.6);
|
||||||
|
locationText.setAttribute("y", footerHeightStart + footerHeightPadding );
|
||||||
|
locationText.setAttribute("fill", "#ffffff");
|
||||||
|
locationText.setAttribute("font-size", `${footerHeight * 0.2}`);
|
||||||
|
locationText.setAttribute("text-anchor", "start");
|
||||||
|
const locationLines = "Oppmøte:\nOppredningen\nRom 247".split('\n');
|
||||||
|
locationLines.forEach((line, index) => {
|
||||||
|
const tspan = document.createElementNS(svgNS, "tspan");
|
||||||
|
tspan.setAttribute("x", width * 0.3);
|
||||||
|
tspan.setAttribute("dy", index === 0 ? 0 : "1.2em"); // Adjust dy for subsequent lines
|
||||||
|
tspan.textContent = line;
|
||||||
|
locationText.appendChild(tspan);
|
||||||
|
});
|
||||||
|
footerGroup.appendChild(locationText);
|
||||||
|
|
||||||
|
// English/Norwegian info text
|
||||||
|
const infoText = document.createElementNS(svgNS, "text");
|
||||||
|
infoText.setAttribute("x", width * 0.6);
|
||||||
|
infoText.setAttribute("y", footerHeightStart + footerHeight * 0.5);
|
||||||
|
infoText.setAttribute("fill", "#ffffff");
|
||||||
|
infoText.setAttribute("font-size", `${footerHeight * 0.2}`);
|
||||||
|
infoText.setAttribute("text-anchor", "middle");
|
||||||
|
const infoLines = "Mer info på /\nMore info at".split('\n');
|
||||||
|
infoLines.forEach((line, index) => {
|
||||||
|
const tspan = document.createElementNS(svgNS, "tspan");
|
||||||
|
tspan.setAttribute("x", width * 0.6);
|
||||||
|
tspan.setAttribute("dy", index === 0 ? 0 : "1.2em"); // Adjust dy for subsequent lines
|
||||||
|
tspan.textContent = line;
|
||||||
|
infoText.appendChild(tspan);
|
||||||
|
});
|
||||||
|
|
||||||
|
footerGroup.appendChild(infoText);
|
||||||
|
|
||||||
|
// URL text
|
||||||
|
const urlText = document.createElementNS(svgNS, "text");
|
||||||
|
urlText.setAttribute("x", width * 0.7);
|
||||||
|
urlText.setAttribute("y", footerHeightStart + footerHeight * 0.65);
|
||||||
|
urlText.setAttribute("fill", "#ffffff");
|
||||||
|
urlText.setAttribute("font-size", `${footerHeight * 0.4}`);
|
||||||
|
urlText.textContent = "pvv.ntnu.no";
|
||||||
|
footerGroup.appendChild(urlText);
|
||||||
|
|
||||||
|
footerGroup.appendChild(qrCodeDiscord);
|
||||||
|
footerGroup.appendChild(qrCodeMap);
|
||||||
|
// footerGroup.appendChild(footerText);
|
||||||
|
|
||||||
|
svg.appendChild(footerGroup);
|
||||||
|
|
||||||
|
document.getElementById("svgContainer").appendChild(svg);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Call the function to create the SVG
|
||||||
|
createSVG();
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
|
@ -0,0 +1,330 @@
|
||||||
|
<!DOCTYPE html>
|
||||||
|
<html lang="en">
|
||||||
|
<head>
|
||||||
|
<meta charset="UTF-8">
|
||||||
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||||
|
<title>SVG Layout Generator</title>
|
||||||
|
<style>
|
||||||
|
body {
|
||||||
|
font-family: Arial, sans-serif;
|
||||||
|
/* background-color: #334173; */
|
||||||
|
color: white;
|
||||||
|
margin: 0;
|
||||||
|
display: flex;
|
||||||
|
justify-content: center;
|
||||||
|
align-items: center;
|
||||||
|
height: 100vh;
|
||||||
|
}
|
||||||
|
</style>
|
||||||
|
</head>
|
||||||
|
<body>
|
||||||
|
<div id="svgContainer"></div>
|
||||||
|
|
||||||
|
<script>
|
||||||
|
const screenWidth = screen.width || window.innerWidth || document.documentElement.clientWidth;
|
||||||
|
const screenHeight = screen.height || window.innerHeight || document.documentElement.clientHeight;
|
||||||
|
const screenPpi = Math.sqrt(screenWidth * screenWidth + screenHeight * screenHeight) / Math.sqrt(screen.width * screen.width + screen.height * screen.height) * 96;
|
||||||
|
const paper_size = "A3";
|
||||||
|
|
||||||
|
if (paper_size == "A4") {
|
||||||
|
heigth = 210 * screenPpi / 25.4;
|
||||||
|
width = 297 * screenPpi / 25.4;
|
||||||
|
} else if (paper_size == "A3") {
|
||||||
|
height = 297 * screenPpi / 25.4;
|
||||||
|
width = 420 * screenPpi / 25.4;
|
||||||
|
}
|
||||||
|
|
||||||
|
function createSVG() {
|
||||||
|
const svgNS = "http://www.w3.org/2000/svg";
|
||||||
|
|
||||||
|
// Create the SVG element
|
||||||
|
const svg = document.createElementNS(svgNS, "svg");
|
||||||
|
svg.setAttribute("width", width);
|
||||||
|
svg.setAttribute("height", height);
|
||||||
|
svg.setAttribute("viewBox", "0 0 " + width + " " + height);
|
||||||
|
|
||||||
|
|
||||||
|
const backgroundRect = document.createElementNS(svgNS, "rect");
|
||||||
|
backgroundRect.setAttribute("x", "0");
|
||||||
|
backgroundRect.setAttribute("y", "0");
|
||||||
|
backgroundRect.setAttribute("width", width);
|
||||||
|
backgroundRect.setAttribute("height", height);
|
||||||
|
backgroundRect.setAttribute("fill", "#334173");
|
||||||
|
svg.appendChild(backgroundRect);
|
||||||
|
|
||||||
|
// Header
|
||||||
|
const headerHeight = height * 0.15;
|
||||||
|
const path_width = width * 0.5;
|
||||||
|
const headerGroup = document.createElementNS(svgNS, "g");
|
||||||
|
|
||||||
|
const headerPath = document.createElementNS(svgNS, "path");
|
||||||
|
const pathData = `
|
||||||
|
M 0 0
|
||||||
|
H ${path_width}
|
||||||
|
C ${path_width * 0.75} 0 ${path_width * 0.75} ${headerHeight} ${path_width * 0.6} ${headerHeight * 0.95}
|
||||||
|
H 0
|
||||||
|
Z
|
||||||
|
`;
|
||||||
|
headerPath.setAttribute("d", pathData);
|
||||||
|
headerPath.setAttribute("fill", "#ffffff");
|
||||||
|
|
||||||
|
// Header text inside the path
|
||||||
|
const headerTextInside = document.createElementNS(svgNS, "text");
|
||||||
|
headerTextInside.setAttribute("x", `${path_width * 0.07}`);
|
||||||
|
headerTextInside.setAttribute("y", `${headerHeight * 0.6}`);
|
||||||
|
headerTextInside.setAttribute("fill", "#000");
|
||||||
|
headerTextInside.setAttribute("font-size", `${headerHeight * 0.38}`);
|
||||||
|
headerTextInside.textContent = "PVV fadderuke";
|
||||||
|
|
||||||
|
// Header text outside the path, tilted
|
||||||
|
const headerTextOutside = document.createElementNS(svgNS, "text");
|
||||||
|
headerTextOutside.setAttribute("x", `${path_width * 0.9}`);
|
||||||
|
headerTextOutside.setAttribute("y", `${headerHeight * 0.7}`);
|
||||||
|
headerTextOutside.setAttribute("fill", "#fff");
|
||||||
|
headerTextOutside.setAttribute("font-size", `${headerHeight * 0.3}`);
|
||||||
|
headerTextOutside.textContent = "Åpent for alle!";
|
||||||
|
const textCenterX = path_width * 0.8;
|
||||||
|
const textCenterY = headerHeight * 1.1;
|
||||||
|
headerTextOutside.setAttribute("transform", `rotate(-7 ${textCenterX},${textCenterY})`);
|
||||||
|
|
||||||
|
// Year text
|
||||||
|
const yearText = document.createElementNS(svgNS, "text");
|
||||||
|
yearText.setAttribute("x", `${width - headerHeight * 3}`);
|
||||||
|
yearText.setAttribute("y", `${headerHeight * 0.7}`);
|
||||||
|
yearText.setAttribute("fill", "#fff");
|
||||||
|
yearText.setAttribute("font-size", `${headerHeight * 0.56}`);
|
||||||
|
yearText.textContent = "2024";
|
||||||
|
|
||||||
|
// Invert the colors of the logo filter
|
||||||
|
const filter = document.createElementNS(svgNS, "filter");
|
||||||
|
filter.setAttribute("id", "invert");
|
||||||
|
const feColorMatrix = document.createElementNS(svgNS, "feColorMatrix");
|
||||||
|
feColorMatrix.setAttribute("type", "matrix");
|
||||||
|
feColorMatrix.setAttribute("values", "-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0");
|
||||||
|
filter.appendChild(feColorMatrix);
|
||||||
|
svg.appendChild(filter);
|
||||||
|
|
||||||
|
const headerLogo = document.createElementNS(svgNS, "image");
|
||||||
|
headerLogo.setAttributeNS("http://www.w3.org/1999/xlink", "xlink:href", "logo_black_thicc.svg");
|
||||||
|
headerLogo.setAttribute("x", `${width - headerHeight * 1.2}`);
|
||||||
|
headerLogo.setAttribute("y", "0");
|
||||||
|
headerLogo.setAttribute("width", `${headerHeight}`);
|
||||||
|
headerLogo.setAttribute("height", `${headerHeight}`);
|
||||||
|
headerLogo.setAttribute("filter", "url(#invert)");
|
||||||
|
|
||||||
|
// Append elements to the header group
|
||||||
|
headerGroup.appendChild(headerPath);
|
||||||
|
headerGroup.appendChild(headerTextInside);
|
||||||
|
headerGroup.appendChild(headerTextOutside);
|
||||||
|
headerGroup.appendChild(yearText);
|
||||||
|
headerGroup.appendChild(headerLogo);
|
||||||
|
|
||||||
|
svg.appendChild(headerGroup);
|
||||||
|
|
||||||
|
//Start of middle Event part.
|
||||||
|
const eventHeight = height * 0.7;
|
||||||
|
const eventHeightStart = headerHeight;
|
||||||
|
// Events and icons
|
||||||
|
const events = [
|
||||||
|
{ name: "Åpen dag", date: "12.08", icon: "ikoner/åpendag.svg" },
|
||||||
|
{ name: "Åpen dag /\nBrettspill", date: "13.08", icon: "ikoner/brettspill.svg" },
|
||||||
|
{ name: "Filmkveld", date: "14.08", icon: "ikoner/movie.svg" },
|
||||||
|
{ name: "Hackekveld", date: "15.08", icon: "ikoner/hackekveld.svg" },
|
||||||
|
{ name: "AbeLAN", date: "16.08", icon: "ikoner/abellan.svg" },
|
||||||
|
{ name: "Anime", date: "17.08", icon: "ikoner/anime.svg" },
|
||||||
|
{ name: "Guide &\nBBQ", date: "18.08", icon: "ikoner/grill1.svg" },
|
||||||
|
{ name: "Quiz", date: "19.08", icon: "ikoner/quiz.svg" },
|
||||||
|
{ name: "Brettspill", date: "20.08", icon: "ikoner/brettspill3.svg" },
|
||||||
|
{ name: "Anime", date: "21.08", icon: "ikoner/anime2.svg" },
|
||||||
|
{ name: "Bowling", date: "22.08", icon: "ikoner/bowling.jpg" },
|
||||||
|
{ name: "D&D", date: "23.08", icon: "ikoner/dnd.svg" },
|
||||||
|
{ name: "Hackekveld /\nSkaperfest", date: "24.08", icon: "ikoner/hackekveld.svg" },
|
||||||
|
{ name: "Avslutning", date: "25.08", icon: "ikoner/avslutning.svg" }
|
||||||
|
];
|
||||||
|
|
||||||
|
const eventGroup = document.createElementNS(svgNS, "g");
|
||||||
|
const padding = width / ((events.length * 2)*1.5);
|
||||||
|
console.log(padding);
|
||||||
|
const eventHeightPadding = eventHeight / 50;
|
||||||
|
const circleRadius = (eventHeight / 7.5) - eventHeightPadding;
|
||||||
|
|
||||||
|
// Draw the lines connecting the circles
|
||||||
|
const line_stroke_width = "8";
|
||||||
|
const line = document.createElementNS(svgNS, "line");
|
||||||
|
line.setAttribute("x1", padding);
|
||||||
|
line.setAttribute("y1", eventHeightStart + circleRadius*2);
|
||||||
|
line.setAttribute("x2", padding + (events.length - 1) % 7 * (circleRadius * 2 + padding) + circleRadius);
|
||||||
|
line.setAttribute("y2", eventHeightStart + circleRadius*2);
|
||||||
|
line.setAttribute("stroke", "#ffffff");
|
||||||
|
line.setAttribute("stroke-width", line_stroke_width);
|
||||||
|
eventGroup.appendChild(line);
|
||||||
|
|
||||||
|
//end on first line, a dotted line after the last event to show that there are more events, This goes to the right, one more circle radius than the last circle
|
||||||
|
const line_end = document.createElementNS(svgNS, "line");
|
||||||
|
line_end.setAttribute("x1", padding + (events.length - 1) % 7 * (circleRadius * 2 + padding) + circleRadius);
|
||||||
|
line_end.setAttribute("y1", eventHeightStart + circleRadius*2);
|
||||||
|
line_end.setAttribute("x2", padding + (events.length - 1) % 7 * (circleRadius * 2 + padding) + circleRadius*2.5);
|
||||||
|
line_end.setAttribute("y2", eventHeightStart + circleRadius*2);
|
||||||
|
line_end.setAttribute("stroke", "#ffffff");
|
||||||
|
line_end.setAttribute("stroke-width", line_stroke_width);
|
||||||
|
line_end.setAttribute("stroke-dasharray", "10,10");
|
||||||
|
eventGroup.appendChild(line_end);
|
||||||
|
|
||||||
|
|
||||||
|
//dotted line start befor the second row, for a circle radius from the left
|
||||||
|
const line_start = document.createElementNS(svgNS, "line");
|
||||||
|
line_start.setAttribute("x1", padding*2);
|
||||||
|
line_start.setAttribute("y1", eventHeightStart + circleRadius*6);
|
||||||
|
line_start.setAttribute("x2", padding*2 - circleRadius*2);
|
||||||
|
line_start.setAttribute("y2", eventHeightStart + circleRadius*6);
|
||||||
|
line_start.setAttribute("stroke", "#ffffff");
|
||||||
|
line_start.setAttribute("stroke-width", line_stroke_width);
|
||||||
|
line_start.setAttribute("stroke-dasharray", "10,10");
|
||||||
|
eventGroup.appendChild(line_start);
|
||||||
|
|
||||||
|
const line2 = document.createElementNS(svgNS, "line");
|
||||||
|
line2.setAttribute("x1", padding*2);
|
||||||
|
line2.setAttribute("y1", eventHeightStart + circleRadius*6);
|
||||||
|
line2.setAttribute("x2", padding + (events.length - 8) % 7 * (circleRadius * 2 + padding) + circleRadius);
|
||||||
|
line2.setAttribute("y2", eventHeightStart + circleRadius*6);
|
||||||
|
line2.setAttribute("stroke", "#ffffff");
|
||||||
|
line2.setAttribute("stroke-width", line_stroke_width);
|
||||||
|
eventGroup.appendChild(line2);
|
||||||
|
|
||||||
|
events.forEach((event, index) => {
|
||||||
|
const cx = padding + circleRadius + index % 7 * (circleRadius * 2 + padding);
|
||||||
|
const cy = eventHeightStart + circleRadius*2 + Math.floor(index / 7) * (circleRadius*4);
|
||||||
|
|
||||||
|
const circle = document.createElementNS(svgNS, "circle");
|
||||||
|
circle.setAttribute("cx", cx);
|
||||||
|
circle.setAttribute("cy", cy);
|
||||||
|
circle.setAttribute("r", circleRadius);
|
||||||
|
circle.setAttribute("fill", "#ffffff");
|
||||||
|
|
||||||
|
const textName = document.createElementNS(svgNS, "text");
|
||||||
|
textName.setAttribute("x", cx);
|
||||||
|
textName.setAttribute("y", cy - circleRadius - padding);
|
||||||
|
textName.setAttribute("fill", "#ffffff");
|
||||||
|
textName.setAttribute("font-size", padding / 1.5);
|
||||||
|
textName.setAttribute("text-anchor", "middle");
|
||||||
|
textName.setAttribute("font-weight", "bold");
|
||||||
|
|
||||||
|
const lines = event.name.split('\n');
|
||||||
|
lines.forEach((line, index) => {
|
||||||
|
const tspan = document.createElementNS(svgNS, "tspan");
|
||||||
|
tspan.setAttribute("x", cx);
|
||||||
|
tspan.setAttribute("dy", index === 0 ? 0 : "1.2em"); // Adjust dy for subsequent lines
|
||||||
|
tspan.textContent = line;
|
||||||
|
textName.appendChild(tspan);
|
||||||
|
});
|
||||||
|
|
||||||
|
const textDate = document.createElementNS(svgNS, "text");
|
||||||
|
textDate.setAttribute("x", cx);
|
||||||
|
textDate.setAttribute("y", cy + circleRadius + padding);
|
||||||
|
textDate.setAttribute("fill", "#ffffff");
|
||||||
|
textDate.setAttribute("font-size", padding);
|
||||||
|
textDate.setAttribute("text-anchor", "middle");
|
||||||
|
textName.setAttribute("font-weight", "bold");
|
||||||
|
textDate.textContent = event.date;
|
||||||
|
|
||||||
|
const iconImage = document.createElementNS(svgNS, "image");
|
||||||
|
iconImage.setAttributeNS("http://www.w3.org/1999/xlink", "xlink:href", event.icon);
|
||||||
|
iconImage.setAttribute("x", cx - circleRadius/2);
|
||||||
|
iconImage.setAttribute("y", cy - circleRadius/2);
|
||||||
|
iconImage.setAttribute("width", circleRadius);
|
||||||
|
iconImage.setAttribute("height", circleRadius);
|
||||||
|
|
||||||
|
eventGroup.appendChild(circle);
|
||||||
|
eventGroup.appendChild(iconImage);
|
||||||
|
eventGroup.appendChild(textName);
|
||||||
|
eventGroup.appendChild(textDate);
|
||||||
|
});
|
||||||
|
|
||||||
|
svg.appendChild(eventGroup);
|
||||||
|
|
||||||
|
// Footer
|
||||||
|
const footerHeight = height * 0.2;
|
||||||
|
const footerHeightStart = height - footerHeight;
|
||||||
|
|
||||||
|
const footerGroup = document.createElementNS(svgNS, "g");
|
||||||
|
const footerRect = document.createElementNS(svgNS, "rect");
|
||||||
|
footerRect.setAttribute("x", "0");
|
||||||
|
footerRect.setAttribute("y", footerHeightStart);
|
||||||
|
footerRect.setAttribute("width", width);
|
||||||
|
footerRect.setAttribute("height", footerHeight);
|
||||||
|
footerRect.setAttribute("fill", "#334173");
|
||||||
|
|
||||||
|
footerGroup.appendChild(footerRect);
|
||||||
|
|
||||||
|
const qrCodeDiscord = document.createElementNS(svgNS, "image");
|
||||||
|
qrCodeDiscord.setAttributeNS("http://www.w3.org/1999/xlink", "xlink:href", "ikoner/discord-qr-code.svg");
|
||||||
|
qrCodeDiscord.setAttribute("x", footerHeight * 0.1);
|
||||||
|
qrCodeDiscord.setAttribute("y", footerHeightStart);
|
||||||
|
qrCodeDiscord.setAttribute("width", footerHeight * 0.9);
|
||||||
|
qrCodeDiscord.setAttribute("height", footerHeight * 0.9);
|
||||||
|
|
||||||
|
const qrCodeMap = document.createElementNS(svgNS, "image");
|
||||||
|
qrCodeMap.setAttributeNS("http://www.w3.org/1999/xlink", "xlink:href", "ikoner/mazemap-qr-code.svg");
|
||||||
|
qrCodeMap.setAttribute("x", footerHeight * 1.1);
|
||||||
|
qrCodeMap.setAttribute("y", footerHeightStart);
|
||||||
|
qrCodeMap.setAttribute("width", footerHeight * 0.9);
|
||||||
|
qrCodeMap.setAttribute("height", footerHeight * 0.9);
|
||||||
|
|
||||||
|
// Location text
|
||||||
|
const locationText = document.createElementNS(svgNS, "text");
|
||||||
|
locationText.setAttribute("x", width * 0.6);
|
||||||
|
locationText.setAttribute("y", footerHeightStart + footerHeight * 0.5);
|
||||||
|
locationText.setAttribute("fill", "#ffffff");
|
||||||
|
locationText.setAttribute("font-size", `${footerHeight * 0.2}`);
|
||||||
|
locationText.setAttribute("text-anchor", "start");
|
||||||
|
const locationLines = "Oppredningen\nRom 247".split('\n');
|
||||||
|
locationLines.forEach((line, index) => {
|
||||||
|
const tspan = document.createElementNS(svgNS, "tspan");
|
||||||
|
tspan.setAttribute("x", width * 0.3);
|
||||||
|
tspan.setAttribute("dy", index === 0 ? 0 : "1.2em"); // Adjust dy for subsequent lines
|
||||||
|
tspan.textContent = line;
|
||||||
|
locationText.appendChild(tspan);
|
||||||
|
});
|
||||||
|
footerGroup.appendChild(locationText);
|
||||||
|
|
||||||
|
// English/Norwegian info text
|
||||||
|
const infoText = document.createElementNS(svgNS, "text");
|
||||||
|
infoText.setAttribute("x", width * 0.6);
|
||||||
|
infoText.setAttribute("y", footerHeightStart + footerHeight * 0.5);
|
||||||
|
infoText.setAttribute("fill", "#ffffff");
|
||||||
|
infoText.setAttribute("font-size", `${footerHeight * 0.2}`);
|
||||||
|
infoText.setAttribute("text-anchor", "middle");
|
||||||
|
const infoLines = "Mer info på /\nMore info at".split('\n');
|
||||||
|
infoLines.forEach((line, index) => {
|
||||||
|
const tspan = document.createElementNS(svgNS, "tspan");
|
||||||
|
tspan.setAttribute("x", width * 0.6);
|
||||||
|
tspan.setAttribute("dy", index === 0 ? 0 : "1.2em"); // Adjust dy for subsequent lines
|
||||||
|
tspan.textContent = line;
|
||||||
|
infoText.appendChild(tspan);
|
||||||
|
});
|
||||||
|
|
||||||
|
footerGroup.appendChild(infoText);
|
||||||
|
|
||||||
|
// URL text
|
||||||
|
const urlText = document.createElementNS(svgNS, "text");
|
||||||
|
urlText.setAttribute("x", width * 0.7);
|
||||||
|
urlText.setAttribute("y", footerHeightStart + footerHeight * 0.65);
|
||||||
|
urlText.setAttribute("fill", "#ffffff");
|
||||||
|
urlText.setAttribute("font-size", `${footerHeight * 0.4}`);
|
||||||
|
urlText.textContent = "pvv.ntnu.no";
|
||||||
|
footerGroup.appendChild(urlText);
|
||||||
|
|
||||||
|
footerGroup.appendChild(qrCodeDiscord);
|
||||||
|
footerGroup.appendChild(qrCodeMap);
|
||||||
|
// footerGroup.appendChild(footerText);
|
||||||
|
|
||||||
|
svg.appendChild(footerGroup);
|
||||||
|
|
||||||
|
document.getElementById("svgContainer").appendChild(svg);
|
||||||
|
}
|
||||||
|
|
||||||
|
// Call the function to create the SVG
|
||||||
|
createSVG();
|
||||||
|
</script>
|
||||||
|
</body>
|
||||||
|
</html>
|
|
@ -0,0 +1 @@
|
||||||
|
<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill:currentColor; --darkreader-inline-stroke:currentColor;" data-darkreader-inline-fill="" data-darkreader-inline-stroke=""><path fill="none" stroke-miterlimit="10" stroke-width="32" d="M467.51 248.83c-18.4-83.18-45.69-136.24-89.43-149.17A91.5 91.5 0 00352 96c-26.89 0-48.11 16-96 16s-69.15-16-96-16a99.09 99.09 0 00-27.2 3.66C89 112.59 61.94 165.7 43.33 248.83c-19 84.91-15.56 152 21.58 164.88 26 9 49.25-9.61 71.27-37 25-31.2 55.79-40.8 119.82-40.8s93.62 9.6 118.66 40.8c22 27.41 46.11 45.79 71.42 37.16 41.02-14.01 40.44-79.13 21.43-165.04z" style="--darkreader-inline-fill:none;" data-darkreader-inline-fill=""/><circle cx="292" cy="224" r="20"/><path d="M336 288a20 20 0 1120-19.95A20 20 0 01336 288z"/><circle cx="336" cy="180" r="20"/><circle cx="380" cy="224" r="20"/><path fill="none" stroke-linecap="round" stroke-linejoin="round" stroke-width="32" d="M160 176v96m48-48h-96" style="--darkreader-inline-fill:none;" data-darkreader-inline-fill=""/></svg>
|
After Width: | Height: | Size: 1.1 KiB |
|
@ -0,0 +1 @@
|
||||||
|
<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill:currentColor; --darkreader-inline-stroke:currentColor;" data-darkreader-inline-fill="" data-darkreader-inline-stroke=""><path d="M336.375 22.123c.747 27.58 3.127 51.431-1.747 70.892h-20.54c-12.376 22.876-11.185 40.564-2.362 55.333l16.002-8.366c2.867-9.458-28.632-22.734 14.187-27.753 5.796 2.848 20.874 9.41 39.09 17.227 3.817-34.507 26.088-36.795 47.47-45.863l-14.343-29.667c-35.396 14.004-55.536-16.018-77.757-31.803zm4.879 127.87c-11.753 1.278-18.274 7.788-23.853 15.24-5.893 21.864-.11 43.726 1.325 65.59l-37.102 61.617c-21.8 17.135-20.912-.866-23.666-11.705-18.465 18.51-15.916 40.93-24.037 60.733l-68.241 5.963-54.99 45.715 32.795 13.25 6.294-13.913 48.365-19.875 19.215.661 1.986 21.202 14.576 17.227 33.127-29.815-8.613-17.889c16.54-9.194 16.06 3.64 23.19 6.626l16.998-6.808 7.994-14.583 6.718 12.634 13.5-23.52 13.34 13.01 15.654-25.787 13.13-123.6zM190.857 382.877l-11.263 12.258-14.576-1.325-15.405 20.208 14.742 20.868 33.127-18.55 15.9-20.54c-4.955-8.08-11.457-14.096-22.525-12.92zm-77.518 20.208c-10.171 4.3-20.488 7.123-29.813 19.877l24.514 20.538c-9.749 12.92-6.887 25.838-7.62 38.758l16.895 7.62 15.239-11.263c-2.385-18.249 3.108-35.186 11.263-51.68l-6.626-13.25z"/></svg>
|
After Width: | Height: | Size: 1.3 KiB |
|
@ -0,0 +1 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 100 125" enable-background="new 0 0 100 100" xml:space="preserve"><path fill="#000000" d="M74.902,65.634l20.051-11.192l-14.17-0.853l8.146-7.297l-18.137,1.417c0,0-0.389-2.868-4.109-6.589 c-2.267-2.267-7.367-3.755-7.367-3.755s0.726-9.244-4.446-17.463c-3.274-4.287-10.007-5.421-16.737-7.263 c5.172,14.736,3.259,20.546,3.259,20.546s-7.439-8.29-15.799-9.565c-4.887-0.284-15.09,5.101-20.564,8.714 c19.36,10.06,21.486,20.191,21.486,20.191c-7.156,0.637-19.696,8.076-19.696,8.076c15.444,2.976,20.617,6.659,20.617,6.659 l-8.572,4.96l17.335,1.739c-1.01-0.729-3.214-3.383-3.66-4.894c-0.468-1.586-0.282-6.684,1.31-6.996 c0.827-0.163,1.418,0.222,1.766,0.74c-0.035-0.367-0.05-0.729-0.05-1.088c0-7.582,7.298-12.98,14.864-12.98 c7.922,0,17.327,2.781,16.588,10.932c0.348-0.52-0.838,2.232-0.01,2.396c1.59,0.313,1.776,5.41,1.309,6.996 c-0.471,1.586-2.889,4.455-3.815,5.011c-0.44,0.26-0.763,0.313-0.981,0.297c-0.13,0.561-0.267,1.044-0.408,1.447l11.791-0.41 l-5.454-2.621l15.303-4.535L74.902,65.634z"/><path fill="#000000" d="M50.73,85.646c-0.146,0-0.251-0.004-0.304-0.006c-0.052,0.002-0.158,0.006-0.305,0.006 c-0.876,0-2.528-0.104-3.751-0.781c-3.847-2.137-8.516-7.17-8.997-8.082c-0.214-0.406-0.416-0.986-0.615-1.764 c-0.247-0.064-0.504-0.179-0.768-0.332c-1.075-0.642-3.618-3.677-4.134-5.418c-0.4-1.357-0.409-5.224,0.635-6.947 c0.323-0.531,0.732-0.852,1.217-0.947c0.401-0.078,0.793-0.064,1.148,0.035c0.093-3.656,1.806-7.043,4.848-9.564 c2.919-2.422,6.827-3.811,10.722-3.811c6.642,0,12.284,1.837,15.095,4.913c1.621,1.772,2.369,3.934,2.228,6.424 c0.089,0.231,0.021,0.476-0.075,0.823c-0.168,0.604-0.255,1.025-0.263,1.259c0.368,0.146,0.687,0.438,0.948,0.869 c1.043,1.721,1.035,5.59,0.637,6.944c-0.516,1.744-3.059,4.779-4.133,5.418c-0.266,0.156-0.522,0.271-0.771,0.334 c-0.199,0.777-0.4,1.357-0.613,1.763c-0.479,0.911-5.146,5.944-8.998,8.084C53.259,85.542,51.607,85.646,50.73,85.646z M50.428,84.223l0.035,0.002c0.009,0,0.105,0.004,0.268,0.004c0.465,0,2.058-0.043,3.062-0.603c3.664-2.035,8.068-6.834,8.432-7.504 c0.135-0.256,0.349-0.795,0.605-1.906l0.136-0.59l0.624,0.043c0.062,0,0.241-0.021,0.549-0.203c0.752-0.446,3.077-3.176,3.498-4.6 c0.355-1.205,0.245-4.599-0.49-5.812c-0.117-0.197-0.224-0.281-0.275-0.289c-0.282-0.057-0.523-0.225-0.676-0.471 c-0.014-0.021-0.025-0.043-0.037-0.066l-0.096,0.144l0.026-0.297c-0.204-0.568-0.03-1.353,0.196-2.177l0.025-0.289 c0.203-2.233-0.414-4.153-1.834-5.707c-2.547-2.788-7.799-4.452-14.05-4.452c-3.57,0-7.148,1.271-9.817,3.483 c-2.798,2.32-4.339,5.443-4.339,8.789c0,0.346,0.016,0.688,0.047,1.021l0.258,2.779l-1.552-2.318 c-0.255-0.381-0.601-0.527-1.04-0.439c-0.054,0.01-0.158,0.092-0.278,0.289c-0.735,1.215-0.845,4.605-0.488,5.812 c0.421,1.424,2.745,4.151,3.499,4.602c0.307,0.183,0.484,0.201,0.547,0.201h0.018l0.605-0.045l0.137,0.592 c0.257,1.111,0.471,1.65,0.605,1.906c0.362,0.67,4.77,5.471,8.432,7.504c1.006,0.56,2.599,0.603,3.062,0.603 c0.162,0,0.261-0.004,0.27-0.004L50.428,84.223z"/><path fill="#000000" d="M33.033,61.948l4.038,4.604l-0.426-3.684l3.33,3.117c0,0-0.708-4.252,0.142-6.637 c1.087-2.314,3.897-3.638,3.897-3.638s-0.328,8.358,0.354,11.902c2.221-4.275,8.998-12.398,12.683-13.816 c1.062,4.369-0.425,11.24-1.062,14.522c3.261-3.493,7.511-10.247,7.723-11.688c0,0,0.491,0.252,0.708,0.779 c0.372,0.903-0.991,5.881-1.698,7.864c0.99-0.592,2.905-2.055,2.905-2.055l-1.772,3.754c0,0,4.746-3.094,5.242-3.896 c1.016-1.438,2.977-12.47,2.977-12.47l-30.039-6.73l-11.194,8.432L33.033,61.948z"/><text x="0" y="115" fill="#000000" font-size="5px" font-weight="bold" font-family="'Helvetica Neue', Helvetica, Arial-Unicode, Arial, Sans-serif">Created by eric steltenpohl</text><text x="0" y="120" fill="#000000" font-size="5px" font-weight="bold" font-family="'Helvetica Neue', Helvetica, Arial-Unicode, Arial, Sans-serif">from the Noun Project</text></svg>
|
After Width: | Height: | Size: 3.8 KiB |
|
@ -0,0 +1 @@
|
||||||
|
<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill:currentColor; --darkreader-inline-stroke:currentColor;" data-darkreader-inline-fill="" data-darkreader-inline-stroke=""><path d="M122.7 23.32l1.7 21.87-16.7 14.25 21.4 5.17 8.4 20.25L149 66.18l21.8-1.75-14.2-16.71 5.1-21.32-20.3 8.35-18.7-11.43zM464 32a16 16 0 0 0-16 16 16 16 0 0 0 16 16 16 16 0 0 0 16-16 16 16 0 0 0-16-16zM239.8 42.5a16 16 0 0 0-16 16 16 16 0 0 0 16 16 16 16 0 0 0 16-16 16 16 0 0 0-16-16zm183.9 6.84c-9.2 1.74-17.7 7.18-25.9 14.28-7.6 6.53-14.7 14.66-20.7 23.45-18.8 3.01-37.6 10.67-50.2 21.13-16.1 13.2-30.4 35.8-38.2 59.1-7.4 3.1-14.4 6.8-20.1 10.8-15.5 10.9-23.5 31.8-29.4 50-5.9 18.3-8.8 34.3-8.8 34.3l17.8 3.2s2.7-15 8.1-31.9c5.5-16.9 14.8-35.3 22.7-40.8 1.3-.9 3-1.9 4.5-2.8-.6 5.7-.6 11.4.3 16.8 1.8 11.4 8 22.3 19 28.2 7.8 4.2 16.6 3.2 24 .2 7.4-3.1 14-8.2 19.7-14.2 5.7-6 10.4-13.1 13.2-20.6 2.8-7.5 3.8-16 .2-23.9h-.1c-3.9-8.4-11.4-13.8-19.4-16.1-8-2.3-16.6-2.2-25.2-.9-1.5.2-2.9.7-4.4 1 7.4-15.8 18-30.7 27.5-38.6 6.2-5.1 16.6-10 27.7-13.6-1.4 3.8-2.5 7.6-3 11.5-1.6 10.5.7 21.9 9.1 29.7 6.1 5.6 14.3 6.5 21.5 5.3 7.1-1.2 14-4.4 20.2-8.5 6.2-4.2 11.7-9.4 15.6-15.5 3.9-6.1 6.5-13.9 4-21.7v-.1c-3.3-10.07-11.5-16.99-20.6-20.27-3.9-1.4-8-2.19-12.2-2.66 2.9-3.26 5.9-6.31 8.9-8.92 6.8-5.84 13.7-9.5 17.6-10.23l-3.4-17.68zM174.8 84.39l-15.2 9.56 34.5 55.25-56.4 2.9 26.5 57.8 16.4-7.6-15.5-33.6 60.6-3.1-50.9-81.21zm216.4 19.31c6.1-.1 11.5.6 15.5 2.1 5.4 1.9 8.1 4.3 9.5 8.8.4 1.1.2 3.3-1.9 6.6-2.2 3.4-6.1 7.2-10.5 10.2-4.5 3-9.5 5.1-13.2 5.7-3.8.7-5.5 0-6.3-.7-3.5-3.2-4.5-7.2-3.5-13.9.8-5.4 3.3-11.9 7-18.6 1.2 0 2.3-.2 3.4-.2zM94.99 123a16 16 0 0 0-16 16 16 16 0 0 0 16 16A16 16 0 0 0 111 139a16 16 0 0 0-16.01-16zm356.11 37.2l-14.4 16.6-21.8-1.8 11.4 18.8-8.5 20.2 21.4-5 16.6 14.3 1.9-21.9 18.7-11.4-20.2-8.5-5.1-21.3zm-123.5 16.5c2.9.1 5.6.5 7.7 1.1 4.3 1.2 6.6 3 8.2 6.4.9 1.9 1 5.4-.7 10-1.7 4.7-5.2 10.1-9.4 14.6s-9.3 8.1-13.5 9.8c-4.2 1.7-6.8 1.6-8.5.7h-.1c-5.8-3.2-8.6-7.8-9.7-15.2-1-6.3-.3-14.3 1.8-22.9 4.9-1.7 9.8-3.1 14.5-3.8 3.5-.5 6.7-.7 9.7-.7zm-202.4 51.9c-7.2-.2-11.7 1.5-14.5 4.3-2.8 2.8-4.5 7.3-4.3 14.5.2 7.3 2.6 16.9 7.2 27.6 9.2 21.5 27.3 47.4 51.6 71.8 24.3 24.3 50.3 42.3 71.8 51.5 10.6 4.6 20.2 7 27.5 7.2 7.3.3 11.7-1.5 14.5-4.3 2.8-2.8 4.6-7.2 4.3-14.5-.2-7.3-2.6-16.9-7.2-27.6-9.2-21.4-27.2-47.4-51.5-71.7-24.3-24.4-50.3-42.4-71.8-51.6-10.7-4.6-20.3-7-27.6-7.2zm232 31.3l-33 54-29.1-27.9-12.4 13 45.1 43.3 33.8-55.2 38.7 32.3 89.3-38.2-7-16.6-79.3 34-46.1-38.7zM93.43 272.6l-17.64 57.9c41.41 49.1 89.71 76.7 142.11 94.7l21.6-6.6c-3.1-1.1-6.4-2.4-9.7-3.8-24.4-10.4-51.7-29.6-77.3-55.3-25.7-25.7-44.9-53-55.34-77.4-1.41-3.2-2.65-6.4-3.73-9.5zm-23.82 78.2l-14.01 46c28.89 27 59 39.2 90.6 50.2l43.4-13.2c-43.2-17.6-84-43.3-119.99-83zM368 352a16 16 0 0 0-16 16 16 16 0 0 0 16 16 16 16 0 0 0 16-16 16 16 0 0 0-16-16zM49.81 415.9l-20.29 66.6 88.28-26.9c-22.77-9.1-45.78-20.7-67.99-39.7z"/></svg>
|
After Width: | Height: | Size: 3.0 KiB |
After Width: | Height: | Size: 18 KiB |
|
@ -0,0 +1 @@
|
||||||
|
<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 384 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill:currentColor; --darkreader-inline-stroke:currentColor;" data-darkreader-inline-fill="" data-darkreader-inline-stroke=""><path d="M19 272.47l40.63 18.06a32 32 0 0 0 24.88.47l12.78-5.12a32 32 0 0 0 18.76-20.5l9.22-30.65a24 24 0 0 1 12.55-15.65L159.94 208v50.33a48 48 0 0 1-26.53 42.94l-57.22 28.65A80 80 0 0 0 32 401.48V416h319.86V224c0-106-85.92-192-191.92-192H12A12 12 0 0 0 0 44a16.9 16.9 0 0 0 1.79 7.58L16 80l-9 9a24 24 0 0 0-7 17v137.21a32 32 0 0 0 19 29.26zM52 128a20 20 0 1 1-20 20 20 20 0 0 1 20-20zm316 320H16a16 16 0 0 0-16 16v32a16 16 0 0 0 16 16h352a16 16 0 0 0 16-16v-32a16 16 0 0 0-16-16z"/></svg>
|
After Width: | Height: | Size: 788 B |
|
@ -0,0 +1 @@
|
||||||
|
<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill:currentColor; --darkreader-inline-stroke:currentColor;" data-darkreader-inline-fill="" data-darkreader-inline-stroke=""><path d="M255.76 44.764c-6.176 0-12.353 1.384-17.137 4.152L85.87 137.276c-9.57 5.536-9.57 14.29 0 19.826l152.753 88.36c9.57 5.536 24.703 5.536 34.272 0l152.753-88.36c9.57-5.535 9.57-14.29 0-19.825l-152.753-88.36c-4.785-2.77-10.96-4.153-17.135-4.153zm1.86 12.423a31.953 18.96 0 0 1 21.194 5.536 31.953 18.96 0 0 1-45.187 26.812 31.953 18.96 0 0 1 23.992-32.347zm-119.173 70.188a31.953 18.96 0 0 1 .002 0 31.953 18.96 0 0 1 21.195 5.535 31.953 18.96 0 0 1-45.19 26.813 31.953 18.96 0 0 1 23.992-32.348zm118.24.244a31.953 18.96 0 0 1 22.125 32.362 31.953 18.96 0 1 1-45.187-26.812 31.953 18.96 0 0 1 23.06-5.55zm119.663.015a31.953 18.96 0 0 1 .002 0 31.953 18.96 0 0 1 21.195 5.535 31.953 18.96 0 0 1-45.19 26.812 31.953 18.96 0 0 1 23.993-32.347zM75.67 173.84c-5.753-.155-9.664 4.336-9.664 12.28v157.696c0 11.052 7.57 24.163 17.14 29.69l146.93 84.848c9.57 5.526 17.14 1.156 17.14-9.895V290.76c0-11.052-7.57-24.16-17.14-29.688l-146.93-84.847c-2.69-1.555-5.225-2.327-7.476-2.387zm360.773.002c-2.25.06-4.783.83-7.474 2.385l-146.935 84.847c-9.57 5.527-17.14 18.638-17.14 29.69v157.7c0 11.05 7.57 15.418 17.14 9.89L428.97 373.51c9.57-5.527 17.137-18.636 17.137-29.688v-157.7c0-7.942-3.91-12.432-9.664-12.278zM89.297 195.77a31.236 18.008 58.094 0 1 33.818 41.183 31.236 18.008 58.094 1 1-45-25.98 31.236 18.008 58.094 0 1 11.182-15.203zm333.52 0A18.008 31.236 31.906 0 1 434 210.973a18.008 31.236 31.906 0 1-45 25.98 18.008 31.236 31.906 0 1 33.818-41.183zm-165.198 2.314a31.953 18.96 0 0 1 21.194 5.535 31.953 18.96 0 0 1-45.187 26.812 31.953 18.96 0 0 1 23.992-32.348zm109.198 30.018A18.008 31.236 31.906 0 1 378 243.305a18.008 31.236 31.906 0 1-45 25.98 18.008 31.236 31.906 0 1 33.818-41.183zm-165.52 32.332a31.236 18.008 58.094 0 1 33.817 41.183 31.236 18.008 58.094 1 1-45-25.98 31.236 18.008 58.094 0 1 11.182-15.203zm109.52 0A18.008 31.236 31.906 0 1 322 275.637a18.008 31.236 31.906 0 1-45 25.98 18.008 31.236 31.906 0 1 33.818-41.183zM89.298 318.48a31.236 18.008 58.094 0 1 33.817 41.184 31.236 18.008 58.094 1 1-45-25.98 31.236 18.008 58.094 0 1 11.182-15.204zm333.52 0A18.008 31.236 31.906 0 1 434 333.684a18.008 31.236 31.906 0 1-45 25.98 18.008 31.236 31.906 0 1 33.818-41.184zm-56 32.332A18.008 31.236 31.906 0 1 378 366.017a18.008 31.236 31.906 0 1-45 25.98 18.008 31.236 31.906 0 1 33.818-41.183zm-165.52 32.33a31.236 18.008 58.094 0 1 33.817 41.184 31.236 18.008 58.094 1 1-45-25.98 31.236 18.008 58.094 0 1 11.182-15.203zm109.52 0A18.008 31.236 31.906 0 1 322 398.347a18.008 31.236 31.906 0 1-45 25.98 18.008 31.236 31.906 0 1 33.818-41.183z"/></svg>
|
After Width: | Height: | Size: 2.8 KiB |
|
@ -0,0 +1 @@
|
||||||
|
<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill:currentColor; --darkreader-inline-stroke:currentColor;" data-darkreader-inline-fill="" data-darkreader-inline-stroke=""><path d="M138.798 35.342L28.73 114.268l95.777 29.095 111.305-87.09-97.014-20.93zm112.986 31.082l-118.047 89.96 51.07 131.102 8.534-7.455 4.23-15.708a18.338 13.102 76.863 0 1-9.08-20.45 18.338 13.102 76.863 0 1 10.997-13.727 18.338 13.102 76.863 0 1 3.62.53 18.338 13.102 76.863 0 1 3.113 1.544l7.94-29.48a9 9 0 0 1 .353-1.04 9 9 0 0 1 .058-.128 9 9 0 0 1 .32-.685 9 9 0 0 1 .09-.153 9 9 0 0 1 .37-.625 9 9 0 0 1 .534-.723 9 9 0 0 1 .066-.074 9 9 0 0 1 .54-.594 9 9 0 0 1 .65-.593 9 9 0 0 1 .004-.002 9 9 0 0 1 .46-.342 9 9 0 0 1 .266-.197 9 9 0 0 1 .502-.3 9 9 0 0 1 .27-.157 9 9 0 0 1 .44-.208 9 9 0 0 1 .38-.178 9 9 0 0 1 .437-.152 9 9 0 0 1 .41-.143 9 9 0 0 1 .404-.1 9 9 0 0 1 .47-.114 9 9 0 0 1 .51-.07 9 9 0 0 1 .37-.05 9 9 0 0 1 .01 0 9 9 0 0 1 .01-.003l33.624-2.873a18.338 13.102 76.863 0 1 10.326-9.777 18.338 13.102 76.863 0 1 3.622.53 18.338 13.102 76.863 0 1 8.527 7.327l13.043-1.113-39.442-123.783zM137.25 74.03a9.8 19.77 77.916 0 1 12.798 8.734 9.8 19.77 77.916 0 1-21.938 11.998 9.8 19.77 77.916 0 1-16.57-8.602 9.8 19.77 77.916 0 1 21.938-12 9.8 19.77 77.916 0 1 3.77-.13zm100.228 23.517a18.338 13.102 76.863 0 1 .002 0 18.338 13.102 76.863 0 1 3.62.53 18.338 13.102 76.863 0 1 12.112 21.94 18.338 13.102 76.863 0 1-14.617 13.196 18.338 13.102 76.863 0 1-12.114-21.94 18.338 13.102 76.863 0 1 10.998-13.726zM24.22 131.71l46.992 114.124 94.236 40.38-45.988-125.57-95.24-28.935zm147.886 17.43a18.338 13.102 76.863 0 1 3.622.528 18.338 13.102 76.863 0 1 12.11 21.94 18.338 13.102 76.863 0 1-14.616 13.197 18.338 13.102 76.863 0 1-12.112-21.94 18.338 13.102 76.863 0 1 10.996-13.726zm-75.123 13.016a19.454 9.134 59.254 0 1 16.955 15.078 19.454 9.134 59.254 0 1-.425 19.485A19.454 9.134 59.254 0 1 95.6 181.78a19.454 9.134 59.254 0 1 .424-19.48 19.454 9.134 59.254 0 1 .96-.144zm263.393 40.21l-112.102 9.577 113.762 79.926 113.598-16.956-115.258-72.55zM70.82 212.022A19.454 9.134 59.254 0 1 87.777 227.1a19.454 9.134 59.254 0 1-.425 19.484 19.454 9.134 59.254 0 1-17.913-14.938 19.454 9.134 59.254 0 1 .425-19.482 19.454 9.134 59.254 0 1 .96-.14zm157.378 7.813L186.66 374.023l115.616 99.454 47.147-168.47-121.225-85.17zm126.987 11.168a21.76 8.898 15.267 0 1 19.693 4.783 21.76 8.898 15.267 0 1 7.607 14.244 21.76 8.898 15.267 0 1-28.886-3.182 21.76 8.898 15.267 0 1-7.61-14.244 21.76 8.898 15.267 0 1 9.195-1.6zM487.78 291.3L366.9 309.343l-46.823 167.316 116.297-31.77L487.78 291.3zm-181.808 10.8a25.834 15.573 84.277 0 1 4.238.943 25.834 15.573 84.277 0 1 12.873 31.72 25.834 15.573 84.277 0 1-18.105 17.893 25.834 15.573 84.277 0 1-12.874-31.72 25.834 15.573 84.277 0 1 13.868-18.836zm154.086 11.636a13.237 21.96 28.62 0 1 7.673 4.13 13.237 21.96 28.62 0 1-6.176 28.435 13.237 21.96 28.62 0 1-21.287 3.878 13.237 21.96 28.62 0 1 6.175-28.434 13.237 21.96 28.62 0 1 13.616-8.008zM391.362 324.4a13.237 21.96 28.62 0 1 7.672 4.13 13.237 21.96 28.62 0 1-6.176 28.435 13.237 21.96 28.62 0 1-21.287 3.877 13.237 21.96 28.62 0 1 6.177-28.434 13.237 21.96 28.62 0 1 13.615-8.008zm-173.996 13.305a25.834 15.573 84.277 0 1 4.24.945 25.834 15.573 84.277 0 1 12.872 31.72 25.834 15.573 84.277 0 1-18.106 17.894 25.834 15.573 84.277 0 1-12.873-31.72 25.834 15.573 84.277 0 1 13.866-18.84zm212.278 60.87a13.237 21.96 28.62 0 1 7.67 4.13 13.237 21.96 28.62 0 1-6.174 28.434 13.237 21.96 28.62 0 1-21.287 3.876 13.237 21.96 28.62 0 1 6.175-28.434 13.237 21.96 28.62 0 1 13.616-8.008zm-70.332 19.488a13.237 21.96 28.62 0 1 7.67 4.132 13.237 21.96 28.62 0 1-6.174 28.434 13.237 21.96 28.62 0 1-21.287 3.874 13.237 21.96 28.62 0 1 6.176-28.434 13.237 21.96 28.62 0 1 13.616-8.007z"/></svg>
|
After Width: | Height: | Size: 3.8 KiB |
After Width: | Height: | Size: 19 KiB |
After Width: | Height: | Size: 70 KiB |
After Width: | Height: | Size: 4.0 MiB |
After Width: | Height: | Size: 7.0 KiB |
|
@ -0,0 +1 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.0" x="0px" y="0px" viewBox="0 0 100 125" enable-background="new 0 0 100 100" xml:space="preserve"><path d="M44.6218185,37.210495H27.4371147c-16.526968,0-24.8631306,20.0845566-13.1656122,31.782074 c3.3722582,3.372261,8.0200129,5.4472122,13.1656122,5.4472122c14.5355949,0,12.551487-10.4765282,22.5665092-10.4765282 c10.520134,0,8.4815178,10.4765282,22.5592422,10.4765282c16.5269699,0,24.8631287-20.0772858,13.1656113-31.7711716 c-3.372261-3.3722572-8.0200119-5.4581146-13.1656113-5.4581146H48.5355301c0-2.9797974-0.7049789-7.7293015,3.6193619-7.7293015 l7.5330696,0.1017494c2.5364609,0.6250305,4.2625618-4.0227261-0.8721352-4.0227261 C47.7978477,25.5602169,44.6218185,25.6510658,44.6218185,37.210495z M71.6253204,59.1410713 c4.9893417,0,4.9893417,7.6093788,0,7.6093788S66.6359787,59.1410713,71.6253204,59.1410713z M18.5631371,56.8916893 c-2.5837021,0-2.5837021-3.9137115,0-3.9137115l5.5017204-0.0036316v-5.5017242c0-2.5836983,3.9246101-2.5836983,3.9246101,0 v5.5017242h5.5053558c2.5800667,0,2.5800667,3.9173431,0,3.9173431h-5.5053558v5.5126228 c0,2.5727997-3.9209747,2.5727997-3.9209747,0v-5.5126228H18.5631371z M63.6416435,51.3499947 c4.9966087,0,4.9966087,7.5984802,0,7.5984802C58.6523018,58.9484749,58.6523018,51.3499947,63.6416435,51.3499947z M79.6017227,51.3499947c4.9857101,0,4.9857101,7.5984802,0,7.5984802 C74.612381,58.9484749,74.612381,51.3499947,79.6017227,51.3499947z M71.6253204,43.5589142 c4.9893417,0,4.9893417,7.598484,0,7.598484S66.6359787,43.5589142,71.6253204,43.5589142z"/><text x="0" y="115" fill="#000000" font-size="5px" font-weight="bold" font-family="'Helvetica Neue', Helvetica, Arial-Unicode, Arial, Sans-serif">Created by sofi</text><text x="0" y="120" fill="#000000" font-size="5px" font-weight="bold" font-family="'Helvetica Neue', Helvetica, Arial-Unicode, Arial, Sans-serif">from the Noun Project</text></svg>
|
After Width: | Height: | Size: 1.9 KiB |
|
@ -0,0 +1 @@
|
||||||
|
<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill:currentColor; --darkreader-inline-stroke:currentColor;" data-darkreader-inline-fill="" data-darkreader-inline-stroke=""><path d="M488.56 23.44a80 80 0 0 0-113.12 0l-352 352a80 80 0 1 0 113.12 113.12l352-352a80 80 0 0 0 0-113.12zm-49.93 95.19c-19.6 19.59-37.52 22.67-51.93 25.14C373.76 146 364.4 147.6 352 160s-14 21.76-16.23 34.71c-2.48 14.4-5.55 32.33-25.15 51.92s-37.52 22.67-51.92 25.15C245.75 274 236.4 275.6 224 288s-14 21.75-16.23 34.7c-2.47 14.4-5.54 32.33-25.14 51.92s-37.53 22.68-51.93 25.15C117.76 402 108.4 403.6 96 416a16 16 0 0 1-22.63-22.63c19.6-19.59 37.52-22.67 51.92-25.14 13-2.22 22.3-3.82 34.71-16.23s14-21.75 16.22-34.7c2.48-14.4 5.55-32.33 25.15-51.92s37.52-22.67 51.92-25.14c13-2.22 22.3-3.83 34.7-16.23s14-21.76 16.24-34.71c2.47-14.4 5.54-32.33 25.14-51.92s37.52-22.68 51.92-25.15C394.24 110 403.59 108.41 416 96a16 16 0 0 1 22.63 22.63zM31.44 322.18L322.18 31.44l-11.54-11.55c-25-25-63.85-26.66-86.79-3.72L16.17 223.85c-22.94 22.94-21.27 61.79 3.72 86.78zm449.12-132.36L189.82 480.56l11.54 11.55c25 25 63.85 26.66 86.79 3.72l207.68-207.68c22.94-22.94 21.27-61.79-3.72-86.79z"/></svg>
|
After Width: | Height: | Size: 1.3 KiB |
|
@ -0,0 +1 @@
|
||||||
|
<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill:currentColor; --darkreader-inline-stroke:currentColor;" data-darkreader-inline-fill="" data-darkreader-inline-stroke=""><path d="M464 256H48a48 48 0 0 0 0 96h416a48 48 0 0 0 0-96zm16 128H32a16 16 0 0 0-16 16v16a64 64 0 0 0 64 64h352a64 64 0 0 0 64-64v-16a16 16 0 0 0-16-16zM58.64 224h394.72c34.57 0 54.62-43.9 34.82-75.88C448 83.2 359.55 32.1 256 32c-103.54.1-192 51.2-232.18 116.11C4 180.09 24.07 224 58.64 224zM384 112a16 16 0 1 1-16 16 16 16 0 0 1 16-16zM256 80a16 16 0 1 1-16 16 16 16 0 0 1 16-16zm-128 32a16 16 0 1 1-16 16 16 16 0 0 1 16-16z"/></svg>
|
After Width: | Height: | Size: 733 B |
|
@ -0,0 +1 @@
|
||||||
|
<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" version="1.1" x="0px" y="0px" viewBox="0 0 100 125"><g transform="translate(0,-952.36218)"><path style="text-indent:0;text-transform:none;direction:ltr;block-progression:tb;baseline-shift:baseline;color:#000000;enable-background:accumulate;" d="m 20.300531,983.96067 c -1.198346,-0.0164 -2.300527,1.04244 -2.300527,2.21024 0,1.1678 1.102181,2.22676 2.300527,2.21024 l 3.614953,0 c 0.464386,7.00608 3.344492,12.60575 7.548945,16.50765 l -9.143752,33.4644 c -0.306213,1.1211 0.462012,2.4126 1.612523,2.7109 1.150512,0.2984 2.475922,-0.4502 2.782099,-1.5713 l 8.683016,-31.6685 c 3.721216,2.2536 7.987747,3.5221 12.333436,3.8334 l 0,32.4628 c -0.01687,1.1676 1.069796,2.2417 2.268213,2.2417 1.198453,0 2.285185,-1.0741 2.268248,-2.2417 l 0,-32.4628 c 4.244138,-0.3429 8.42811,-1.6022 12.085334,-3.7989 l 8.718449,31.7721 c 0.306178,1.1211 1.631622,1.8697 2.782134,1.5714 1.150511,-0.2984 1.918736,-1.5899 1.61256,-2.711 l -9.250087,-33.4989 c 4.291441,-3.9003 7.278945,-9.54391 7.83248,-16.61125 l 3.650386,0 c 1.198311,0.0164 2.300528,-1.04244 2.300528,-2.21024 0,-1.1678 -1.102217,-2.22676 -2.300528,-2.21024 -20.36622,-0.0567 -41.75153,-0.001 -59.398936,0 z" fill="#000000" fill-opacity="1" fill-rule="evenodd" stroke="none" marker="none" visibility="visible" display="inline" overflow="visible"/><path style="text-indent:0;text-transform:none;direction:ltr;block-progression:tb;baseline-shift:baseline;color:#000000;enable-background:accumulate;" d="m 50.104491,958.36314 a 2.2684445,2.210453 0 0 0 -1.62372,3.68203 c 1.434898,1.61082 1.430291,2.26446 1.295965,2.88787 -0.134256,0.62344 -0.781654,1.53574 -1.714146,2.69333 -0.932457,1.15757 -2.172579,2.5981 -2.442473,4.71849 -0.269929,2.12042 0.727229,4.43884 2.946048,6.66783 a 2.2684445,2.210453 0 1 0 3.254988,-3.07754 c -1.679138,-1.68679 -1.772008,-2.47284 -1.699051,-3.04576 0.07288,-0.57288 0.608456,-1.41576 1.509448,-2.53421 0.900957,-1.11848 2.1448,-2.47362 2.584382,-4.51417 0.439583,-2.04052 -0.30848,-4.44728 -2.309386,-6.69349 a 2.2684445,2.210453 0 0 0 -1.802055,-0.78438 z" fill="#000000" fill-opacity="1" fill-rule="evenodd" stroke="none" marker="none" visibility="visible" display="inline" overflow="visible"/><path style="text-indent:0;text-transform:none;direction:ltr;block-progression:tb;baseline-shift:baseline;color:#000000;enable-background:accumulate;" d="m 41.223653,958.36314 a 2.2684445,2.210453 0 0 0 -1.623756,3.68203 c 1.434898,1.61082 1.430256,2.26446 1.295965,2.88787 -0.134292,0.62344 -0.781689,1.53574 -1.714146,2.69333 -0.932457,1.15757 -2.172579,2.5981 -2.442472,4.71849 -0.269929,2.12042 0.727228,4.43884 2.946047,6.66783 a 2.2684445,2.210453 0 1 0 3.254988,-3.07754 c -1.679102,-1.68679 -1.772008,-2.47284 -1.699051,-3.04576 0.07289,-0.57288 0.608457,-1.41576 1.509449,-2.53421 0.900956,-1.11848 2.144763,-2.47362 2.584381,-4.51417 0.439583,-2.04052 -0.30848,-4.44728 -2.309421,-6.69349 a 2.2684445,2.210453 0 0 0 -1.801984,-0.78438 z" fill="#000000" fill-opacity="1" fill-rule="evenodd" stroke="none" marker="none" visibility="visible" display="inline" overflow="visible"/><path style="text-indent:0;text-transform:none;direction:ltr;block-progression:tb;baseline-shift:baseline;color:#000000;enable-background:accumulate;" d="m 58.985401,958.36314 a 2.2684445,2.210453 0 0 0 -1.623756,3.68203 c 1.434897,1.61082 1.430291,2.26446 1.295964,2.88787 -0.134291,0.62344 -0.781653,1.53574 -1.71411,2.69333 -0.932527,1.15757 -2.172579,2.5981 -2.442472,4.71849 -0.269929,2.12042 0.727193,4.43884 2.946011,6.66783 a 2.2684445,2.210453 0 1 0 3.254989,-3.07754 c -1.679103,-1.68679 -1.771973,-2.47284 -1.699052,-3.04576 0.07289,-0.57288 0.608493,-1.41576 1.509414,-2.53421 0.900992,-1.11848 2.144834,-2.47362 2.584452,-4.51417 0.439512,-2.04052 -0.30848,-4.44728 -2.309421,-6.69349 a 2.2684445,2.210453 0 0 0 -1.802019,-0.78438 z" fill="#000000" fill-opacity="1" fill-rule="evenodd" stroke="none" marker="none" visibility="visible" display="inline" overflow="visible"/></g><text x="0" y="115" fill="#000000" font-size="5px" font-weight="bold" font-family="'Helvetica Neue', Helvetica, Arial-Unicode, Arial, Sans-serif">Created by Danishicon</text><text x="0" y="120" fill="#000000" font-size="5px" font-weight="bold" font-family="'Helvetica Neue', Helvetica, Arial-Unicode, Arial, Sans-serif">from the Noun Project</text></svg>
|
After Width: | Height: | Size: 4.5 KiB |
|
@ -0,0 +1 @@
|
||||||
|
<svg stroke="currentColor" fill="currentColor" stroke-width="0" version="1.1" viewBox="0 0 32 32" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill:currentColor; --darkreader-inline-stroke:currentColor;" data-darkreader-inline-fill="" data-darkreader-inline-stroke=""><path d="M25.716 6.696h-19.296c-0.888 0-1.608 0.72-1.608 1.608v16.080c0 0.888 0.72 1.608 1.608 1.608h19.296c0.888 0 1.608-0.72 1.608-1.608v-16.080c0-0.888-0.72-1.608-1.608-1.608zM8.028 17.952l3.216-3.216-3.216-3.216 1.608-1.608 4.824 4.824-4.824 4.824-1.608-1.608zM20.892 19.56h-6.432v-1.608h6.432v1.608z"/></svg>
|
After Width: | Height: | Size: 623 B |
|
@ -0,0 +1 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 30" x="0px" y="0px"><path d="m6.567,13.003c-.861-1.166-1.317-2.55-1.317-4.003,0-1.924.827-3.763,2.269-5.045,1.439-1.28,3.368-1.887,5.294-1.657,2.934.345,5.396,2.708,5.853,5.617.301,1.916-.192,3.795-1.39,5.292-.668.834-1.11,1.887-1.332,3.042h-3.193v-5.217l1.733-1.459c.316-.267.357-.74.09-1.057-.265-.317-.741-.355-1.057-.091l-1.517,1.277-1.517-1.277c-.316-.267-.791-.227-1.057.091-.268.317-.227.79.09,1.057l1.733,1.459v5.217h-3.177c-.237-1.103-.735-2.205-1.505-3.247Zm9.216,4.747h-7.544l-.004,1.241c-.003.736.282,1.429.802,1.95s1.212.809,1.948.809h2.042c.738,0,1.432-.288,1.951-.811.52-.521.803-1.214.799-1.95l-.007-1.066c0-.059.011-.114.012-.173Z"/><text x="0" y="39" fill="#000000" font-size="5px" font-weight="bold" font-family="'Helvetica Neue', Helvetica, Arial-Unicode, Arial, Sans-serif">Created by Saepul Nahwan</text><text x="0" y="44" fill="#000000" font-size="5px" font-weight="bold" font-family="'Helvetica Neue', Helvetica, Arial-Unicode, Arial, Sans-serif">from the Noun Project</text></svg>
|
After Width: | Height: | Size: 1.0 KiB |
|
@ -0,0 +1 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 100 125" enable-background="new 0 0 100 100" xml:space="preserve"><g><path d="M77.569,42.953h-5.098V27.751C72.472,15.36,62.392,5.278,50,5.278c-12.393,0-22.474,10.082-22.474,22.474v15.201H22.43 c-3.373,0-6.104,2.734-6.104,6.107v39.557c0,3.372,2.731,6.105,6.104,6.105h55.14c3.372,0,6.105-2.733,6.105-6.105V49.06 C83.675,45.687,80.941,42.953,77.569,42.953z M36.018,27.751c0-7.71,6.272-13.982,13.982-13.982s13.982,6.272,13.982,13.982v15.201 H36.018V27.751z M52.122,69.756v6.578c0,1.172-0.951,2.122-2.122,2.122c-1.173,0-2.124-0.95-2.124-2.122v-6.578 c-1.973-0.827-3.36-2.78-3.36-5.056c0-3.029,2.455-5.481,5.484-5.481c3.027,0,5.482,2.452,5.482,5.481 C55.482,66.976,54.097,68.929,52.122,69.756z"/></g><text x="0" y="115" fill="#000000" font-size="5px" font-weight="bold" font-family="'Helvetica Neue', Helvetica, Arial-Unicode, Arial, Sans-serif">Created by Diego Naive</text><text x="0" y="120" fill="#000000" font-size="5px" font-weight="bold" font-family="'Helvetica Neue', Helvetica, Arial-Unicode, Arial, Sans-serif">from the Noun Project</text></svg>
|
After Width: | Height: | Size: 1.2 KiB |
After Width: | Height: | Size: 93 KiB |
After Width: | Height: | Size: 27 KiB |
After Width: | Height: | Size: 35 KiB |
|
@ -0,0 +1 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 100 125" enable-background="new 0 0 100 100" xml:space="preserve"><path d="M89.684,44.687C89.684,22.769,71.914,5,49.999,5C28.081,5,10.314,22.769,10.314,44.687 c0,21.916,17.767,39.682,39.685,39.682C71.914,84.368,89.684,66.603,89.684,44.687z M49.999,12.585c5.213,0,9.441,4.229,9.441,9.441 c0,5.215-4.229,9.441-9.441,9.441c-5.211,0-9.44-4.227-9.44-9.441C40.559,16.813,44.788,12.585,49.999,12.585z M19.473,34.765 c1.606-4.956,6.938-7.673,11.896-6.061c4.956,1.612,7.673,6.933,6.058,11.895c-1.608,4.961-6.935,7.673-11.895,6.064 C20.573,45.051,17.856,39.722,19.473,34.765z M44.314,68.558c-3.061,4.221-8.967,5.155-13.187,2.093 c-4.216-3.066-5.153-8.97-2.087-13.188c3.062-4.223,8.971-5.155,13.187-2.089C46.445,58.438,47.383,64.342,44.314,68.558z M40.559,44.687c0-5.216,4.229-9.439,9.44-9.439c5.213,0,9.441,4.224,9.441,9.439c0,5.211-4.229,9.439-9.441,9.439 C44.788,54.126,40.559,49.897,40.559,44.687z M68.865,70.646c-4.221,3.066-10.121,2.136-13.188-2.087 c-3.068-4.218-2.131-10.121,2.089-13.186c4.223-3.066,10.122-2.132,13.19,2.089C74.016,61.677,73.088,67.584,68.865,70.646z M74.467,46.655c-4.963,1.612-10.287-1.103-11.899-6.061c-1.608-4.96,1.104-10.284,6.062-11.893 c4.954-1.613,10.285,1.098,11.896,6.056C82.137,39.716,79.424,45.047,74.467,46.655z"/><path d="M67.969,59.753c-0.002-0.305,0.009-0.609,0.011-0.913c-0.554-0.618-1.198-1.133-1.937-1.488 c-0.075,0.768-0.147,1.537-0.203,2.32c-0.179,2.118-0.251,4.387-0.292,6.536c0.017,0.87,0.062,1.741,0.113,2.607 c0.475-0.181,0.938-0.401,1.357-0.708c0.52-0.377,0.944-0.836,1.319-1.334c-0.03-0.216-0.068-0.429-0.097-0.644 C68.035,63.952,67.949,61.896,67.969,59.753z"/><path d="M66.672,38.018c-0.26-0.622-0.525-1.187-0.843-1.673c-0.097-0.176-0.195-0.339-0.299-0.498 c-0.042,0.15-0.07,0.305-0.104,0.457c0.034,0.071,0.07,0.131,0.103,0.204c0.271,0.493,0.489,1.063,0.69,1.681 c0.396,1.106,0.635,2.421,0.776,3.839c0.281,0.294,0.588,0.562,0.918,0.798c-0.02-0.154-0.023-0.322-0.047-0.472 C67.606,40.724,67.219,39.244,66.672,38.018z"/><path d="M84.12,88.119c-0.402-0.12-0.847-0.253-1.331-0.396c-0.468-0.187-0.97-0.387-1.508-0.599 c-1.065-0.463-2.217-1.085-3.395-1.896c-0.599-0.399-1.147-0.9-1.759-1.381c-0.529-0.566-1.173-1.072-1.685-1.737 c-0.419-0.459-0.794-0.995-1.172-1.526c-1.222,0.795-2.493,1.524-3.8,2.195c0.412,0.746,0.832,1.486,1.321,2.157 c0.551,0.871,1.257,1.596,1.857,2.363c0.69,0.685,1.336,1.388,2.03,1.973c1.381,1.187,2.769,2.132,4.056,2.861 c0.651,0.343,1.261,0.682,1.84,0.96c0.587,0.249,1.125,0.472,1.616,0.678c0.974,0.429,1.778,0.604,2.312,0.798 c2.557,0.639,4.39,0.378,4.39,0.378l-2.873-6.391C86.021,88.557,84.905,88.381,84.12,88.119z"/><text x="0" y="115" fill="#000000" font-size="5px" font-weight="bold" font-family="'Helvetica Neue', Helvetica, Arial-Unicode, Arial, Sans-serif">Created by Yamini Ahluwalia</text><text x="0" y="120" fill="#000000" font-size="5px" font-weight="bold" font-family="'Helvetica Neue', Helvetica, Arial-Unicode, Arial, Sans-serif">from the Noun Project</text></svg>
|
After Width: | Height: | Size: 3.0 KiB |
|
@ -0,0 +1 @@
|
||||||
|
<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill:currentColor; --darkreader-inline-stroke:currentColor;" data-darkreader-inline-fill="" data-darkreader-inline-stroke=""><path d="M158.87.15c-16.16-1.52-31.2 8.42-35.33 24.12l-14.81 56.27c187.62 5.49 314.54 130.61 322.48 317l56.94-15.78c15.72-4.36 25.49-19.68 23.62-35.9C490.89 165.08 340.78 17.32 158.87.15zm-58.47 112L.55 491.64a16.21 16.21 0 0 0 20 19.75l379-105.1c-4.27-174.89-123.08-292.14-299.15-294.1zM128 416a32 32 0 1 1 32-32 32 32 0 0 1-32 32zm48-152a32 32 0 1 1 32-32 32 32 0 0 1-32 32zm104 104a32 32 0 1 1 32-32 32 32 0 0 1-32 32z"/></svg>
|
After Width: | Height: | Size: 728 B |
|
@ -0,0 +1 @@
|
||||||
|
<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill:currentColor; --darkreader-inline-stroke:currentColor;" data-darkreader-inline-fill="" data-darkreader-inline-stroke=""><g><path fill="none" d="M0 0h24v24H0z" style="--darkreader-inline-fill:none;" data-darkreader-inline-fill=""/><path d="M6.455 19L2 22.5V4a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v14a1 1 0 0 1-1 1H6.455zM11 14v2h2v-2h-2zM8.567 8.813l1.962.393A1.5 1.5 0 1 1 12 11h-1v2h1a3.5 3.5 0 1 0-3.433-4.187z"/></g></svg>
|
After Width: | Height: | Size: 594 B |
|
@ -0,0 +1 @@
|
||||||
|
<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://creativecommons.org/ns#" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" viewBox="0 0 8.4666667 10.583333625" version="1.1" x="0px" y="0px"><svg:g><svg:path style="color:#000000;font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:medium;line-height:normal;font-family:sans-serif;font-variant-ligatures:normal;font-variant-position:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-alternates:normal;font-feature-settings:normal;text-indent:0;text-align:start;text-decoration:none;text-decoration-line:none;text-decoration-style:solid;text-decoration-color:#000000;letter-spacing:normal;word-spacing:normal;text-transform:none;writing-mode:lr-tb;direction:ltr;text-orientation:mixed;dominant-baseline:auto;baseline-shift:baseline;text-anchor:start;white-space:normal;shape-padding:0;clip-rule:nonzero;display:inline;overflow:visible;visibility:visible;opacity:1;isolation:auto;mix-blend-mode:normal;color-interpolation:sRGB;color-interpolation-filters:linearRGB;solid-color:#000000;solid-opacity:1;vector-effect:none;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:0.52916664;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1;color-rendering:auto;image-rendering:auto;shape-rendering:auto;text-rendering:auto;enable-background:accumulate" d="M 0.37558237,-8.2318264e-5 A 0.26460979,0.26460979 0 0 0 0.13735418,0.26398468 V 8.2014847 a 0.26460979,0.26460979 0 0 0 0.26561785,0.265617 H 6.0925455 A 0.26460979,0.26460979 0 0 0 6.356097,8.2014847 V 6.6325887 L 5.2760599,7.7131427 C 5.124623,7.8654767 4.9172293,7.9501367 4.7024511,7.9472367 a 0.52921958,0.52921958 0 0 1 -0.00207,0 L 3.9433245,7.9338007 C 3.519724,7.9288597 3.1663756,7.5775657 3.1588746,7.1540037 a 0.52921958,0.52921958 0 0 1 0,-10e-4 l -0.011885,-0.759643 c -0.0033,-0.21531 0.081373,-0.423349 0.2340954,-0.575159 L 6.356097,2.8410887 V 0.26398468 A 0.26460979,0.26460979 0 0 0 6.0920296,-8.2318264e-5 H 0.40297203 a 0.26460979,0.26460979 0 0 0 -0.0273897,0 z M 1.972901,1.3714107 h 2.5471305 a 0.2646485,0.2646485 0 1 1 0,0.529167 H 1.972901 a 0.2646485,0.2646485 0 1 1 0,-0.529167 z m 5.3175058,1.390613 a 0.26460979,0.26460979 0 0 0 -0.028422,0.0016 0.26460979,0.26460979 0 0 0 -0.1560645,0.07648 l -0.6717929,0.672311 1.1451484,1.147733 0.673346,-0.67386 a 0.26460979,0.26460979 0 0 0 0,-0.372587 L 7.481092,2.8400547 A 0.26460979,0.26460979 0 0 0 7.2904068,2.7620237 Z M 1.972901,3.2286617 h 2.5471305 a 0.2646485,0.2646485 0 1 1 0,0.529167 H 1.972901 a 0.2646485,0.2646485 0 1 1 0,-0.529167 z m 4.0865716,0.658358 -2.3052855,2.306319 a 0.26460979,0.26460979 0 0 0 -0.078031,0.19172 l 0.011885,0.759643 a 0.26460979,0.26460979 0 0 0 0.2614824,0.259933 l 0.7601612,0.01343 a 0.26460979,0.26460979 0 0 0 0.1912037,-0.07803 l 2.3052855,-2.306319 z"/></svg:g><text x="0" y="23.4666669" fill="#000000" font-size="5px" font-weight="bold" font-family="'Helvetica Neue', Helvetica, Arial-Unicode, Arial, Sans-serif">Created by Larea</text><text x="0" y="28.4666669" fill="#000000" font-size="5px" font-weight="bold" font-family="'Helvetica Neue', Helvetica, Arial-Unicode, Arial, Sans-serif">from the Noun Project</text></svg>
|
After Width: | Height: | Size: 3.4 KiB |
|
@ -0,0 +1 @@
|
||||||
|
<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 640 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill: currentColor; --darkreader-inline-stroke: currentColor;" data-darkreader-inline-fill="" data-darkreader-inline-stroke=""><path d="M32,224H64V416H32A31.96166,31.96166,0,0,1,0,384V256A31.96166,31.96166,0,0,1,32,224Zm512-48V448a64.06328,64.06328,0,0,1-64,64H160a64.06328,64.06328,0,0,1-64-64V176a79.974,79.974,0,0,1,80-80H288V32a32,32,0,0,1,64,0V96H464A79.974,79.974,0,0,1,544,176ZM264,256a40,40,0,1,0-40,40A39.997,39.997,0,0,0,264,256Zm-8,128H192v32h64Zm96,0H288v32h64ZM456,256a40,40,0,1,0-40,40A39.997,39.997,0,0,0,456,256Zm-8,128H384v32h64ZM640,256V384a31.96166,31.96166,0,0,1-32,32H576V224h32A31.96166,31.96166,0,0,1,640,256Z"/></svg>
|
After Width: | Height: | Size: 814 B |
|
@ -0,0 +1 @@
|
||||||
|
<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 512 512" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg" style="--darkreader-inline-fill:currentColor; --darkreader-inline-stroke:currentColor;" data-darkreader-inline-fill="" data-darkreader-inline-stroke=""><path d="M211.313 21.094c-51.776 0-98.754 12.252-133.5 32.718C43.066 74.28 19.874 103.78 19.874 137.69c0 33.54 22.692 62.81 56.813 83.25L48.156 327.094l96.97-79.844c20.65 4.58 42.924 7.063 66.186 7.063 51.776 0 98.786-12.252 133.532-32.72 34.746-20.466 57.937-49.997 57.937-83.905s-23.19-63.41-57.936-83.875c-34.746-20.467-81.756-32.72-133.53-32.72zm0 18.687c48.8 0 92.866 11.77 124.03 30.126 31.165 18.357 48.75 42.447 48.75 67.78 0 25.338-17.585 49.457-48.75 67.814-31.164 18.357-75.23 30.125-124.03 30.125S118.445 223.857 87.28 205.5c-31.163-18.357-48.718-42.476-48.718-67.813 0-25.336 17.555-49.424 48.72-67.78C118.445 51.55 162.51 39.78 211.31 39.78zM96.53 89.938v18.688h93.126V89.937H96.53zm111.814 0v18.688h28.094V89.937h-28.094zm46.78 0v18.688h71.97V89.937h-71.97zM96.532 129.844v18.72h29.657v-18.72H96.53zm48.345 0v18.72h65.938v-18.72h-65.938zm84.656 0v18.72h38.095v-18.72H229.53zm56.782 0v18.72h40.782v-18.72h-40.78zM96.532 166.78v18.69h70.874v-18.69H96.53zm89.562 0v18.69h57.03v-18.69h-57.03zm75.72 0l-.002 18.69h65.282v-18.69h-65.28zm92.342 90.25c-74.88 0-135.594 41.762-135.594 93.283 0 51.52 60.716 93.28 135.594 93.28 18.23 0 35.623-2.48 51.5-6.968l68.53 51.156-24.873-71.03c24.947-16.918 40.437-40.432 40.437-66.438 0-51.518-60.714-93.28-135.594-93.28zm-70.344 42.345h32.907v18.688H283.81v-18.688zm51.594 0h90.344v18.688h-90.344v-18.688zm-78.97 41.75h78.314v18.688h-78.313v-18.688zm97.002 0h20.968v18.688h-20.97l.002-18.688zm39.656 0h51v18.688h-51v-18.688zm-109.28 39h79.06v18.688h-79.062v-18.688zm97.748 0h44.188v18.688h-44.188v-18.688z"/></svg>
|
After Width: | Height: | Size: 1.8 KiB |
|
@ -0,0 +1 @@
|
||||||
|
<svg xmlns:x="http://ns.adobe.com/Extensibility/1.0/" xmlns:i="http://ns.adobe.com/AdobeIllustrator/10.0/" xmlns:graph="http://ns.adobe.com/Graphs/1.0/" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" x="0px" y="0px" viewBox="0 0 100 125" style="enable-background:new 0 0 100 100;" xml:space="preserve"><switch><foreignObject requiredExtensions="http://ns.adobe.com/AdobeIllustrator/10.0/" x="0" y="0" width="1" height="1"/><g i:extraneous="self"><g><path d="M42.6,65.7c0.2-0.7,0.4-1.3,0.7-1.9c-3.1,0.4-6.1,0.5-7.6,0c-1.1-0.5-3.7-3.4-5.1-5c-1.4-1.5-2.6-2.8-3.8-4 c-2.1-2.1-3.7-3.5-6.7-4.2c-3.6-0.9-12.8-2-15.3,4C2,61,2.5,77.5,2.6,89.3c0,1,0.7,1.8,1.7,1.8h19.5c1.2,0,1.6-0.6,1.8-1.6 c0.1-0.6,0.7-11.9,1.1-19.8c1.9,1.8,3.7,3.3,5.8,3.9c1.9,0.6,4.2,0.8,6.6,0.8c2,0,4-0.2,5.8-0.4C42.8,71.8,42,68.8,42.6,65.7z"/><circle cx="16" cy="35.2" r="11.8"/><path d="M95.3,54.6c-2.6-6-11.7-5-15.4-4c-3,0.8-4.6,2.2-6.7,4.2c-1.2,1.1-2.5,2.4-3.8,4c-1.4,1.6-4.1,4.5-5.1,5 c-2.6,0.8-7.1-0.1-11.2-1c-2.8-0.6-5.6,1.1-6.2,3.9c-0.6,2.8,1.1,5.6,3.9,6.2c1.5,0.3,4.7,1.6,10.2,1.6c2.4,0,4.7-0.2,6.6-0.8 c2-0.7,3.9-2.1,5.8-3.9c0.4,8,1,19.2,1.1,19.8c0.1,1,0.6,1.6,1.7,1.6c1.2,0,17,0,19.5,0c1,0,1.7-0.8,1.7-1.8 C97.5,77.5,98,61,95.3,54.6z"/><circle cx="84" cy="35.2" r="11.8"/><path d="M39.1,31.1c-0.4,1.1-1.1,2.6-2.7,4.4c-1,1.1,0.2,2.8,1.6,2.3c2.9-1.1,6.2-2.6,9.2-4.1c0.9,0.1,1.9,0.2,2.8,0.2 c9.6,0,17.5-5.6,17.5-12.5c0-6.9-7.8-12.5-17.5-12.5s-17.5,5.6-17.5,12.5C32.5,25.3,35.1,28.8,39.1,31.1z M58.6,19 c1.3,0,2.3,1.1,2.3,2.3c0,1.3-1,2.3-2.3,2.3c-1.3,0-2.3-1-2.3-2.3C56.3,20.1,57.3,19,58.6,19z M50,19c1.3,0,2.3,1.1,2.3,2.3 c0,1.3-1,2.3-2.3,2.3s-2.3-1-2.3-2.3C47.7,20.1,48.7,19,50,19z M41.4,19c1.3,0,2.3,1.1,2.3,2.3c0,1.3-1,2.3-2.3,2.3 c-1.3,0-2.3-1-2.3-2.3C39,20.1,40.1,19,41.4,19z"/></g></g></switch><text x="0" y="115" fill="#000000" font-size="5px" font-weight="bold" font-family="'Helvetica Neue', Helvetica, Arial-Unicode, Arial, Sans-serif">Created by Adrien Coquet</text><text x="0" y="120" fill="#000000" font-size="5px" font-weight="bold" font-family="'Helvetica Neue', Helvetica, Arial-Unicode, Arial, Sans-serif">from the Noun Project</text></svg>
|
After Width: | Height: | Size: 2.2 KiB |
After Width: | Height: | Size: 38 KiB |
After Width: | Height: | Size: 10 KiB |
|
@ -0,0 +1 @@
|
||||||
|
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 127.14 96.36"><defs><style>.cls-1{fill:#5865f2;}</style></defs><g id="图层_2" data-name="图层 2"><g id="Discord_Logos" data-name="Discord Logos"><g id="Discord_Logo_-_Large_-_White" data-name="Discord Logo - Large - White"><path class="cls-1" d="M107.7,8.07A105.15,105.15,0,0,0,81.47,0a72.06,72.06,0,0,0-3.36,6.83A97.68,97.68,0,0,0,49,6.83,72.37,72.37,0,0,0,45.64,0,105.89,105.89,0,0,0,19.39,8.09C2.79,32.65-1.71,56.6.54,80.21h0A105.73,105.73,0,0,0,32.71,96.36,77.7,77.7,0,0,0,39.6,85.25a68.42,68.42,0,0,1-10.85-5.18c.91-.66,1.8-1.34,2.66-2a75.57,75.57,0,0,0,64.32,0c.87.71,1.76,1.39,2.66,2a68.68,68.68,0,0,1-10.87,5.19,77,77,0,0,0,6.89,11.1A105.25,105.25,0,0,0,126.6,80.22h0C129.24,52.84,122.09,29.11,107.7,8.07ZM42.45,65.69C36.18,65.69,31,60,31,53s5-12.74,11.43-12.74S54,46,53.89,53,48.84,65.69,42.45,65.69Zm42.24,0C78.41,65.69,73.25,60,73.25,53s5-12.74,11.44-12.74S96.23,46,96.12,53,91.08,65.69,84.69,65.69Z"/></g></g></g></svg>
|
After Width: | Height: | Size: 988 B |
After Width: | Height: | Size: 82 KiB |
After Width: | Height: | Size: 80 KiB |
|
@ -0,0 +1,59 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||||
|
<svg width="512px" height="512px" viewBox="0 0 512 512" version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
|
||||||
|
<!-- Generator: Sketch 39.1 (31720) - http://www.bohemiancoding.com/sketch -->
|
||||||
|
<title>mazemap logo symbol normal transparent</title>
|
||||||
|
<desc>Created with Sketch.</desc>
|
||||||
|
<defs>
|
||||||
|
<rect id="path-1" x="0" y="0" width="512" height="512"></rect>
|
||||||
|
<linearGradient x1="50.0084935%" y1="99.852335%" x2="50.0084935%" y2="-0.644339651%" id="linearGradient-3">
|
||||||
|
<stop stop-color="#EF4136" offset="0%"></stop>
|
||||||
|
<stop stop-color="#F15A29" offset="98.23%"></stop>
|
||||||
|
<stop stop-color="#F15A29" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="-0.102582763%" y1="49.9997792%" x2="100.004928%" y2="49.9997792%" id="linearGradient-4">
|
||||||
|
<stop stop-color="#EF4136" offset="0%"></stop>
|
||||||
|
<stop stop-color="#F15A29" offset="98.23%"></stop>
|
||||||
|
<stop stop-color="#F15A29" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="-9.77993914e-05%" y1="49.9990223%" x2="100.380206%" y2="49.9990223%" id="linearGradient-5">
|
||||||
|
<stop stop-color="#FFDE17" offset="0%"></stop>
|
||||||
|
<stop stop-color="#F7941E" offset="53.48%"></stop>
|
||||||
|
<stop stop-color="#F15A29" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="-2.15453888%" y1="63.4963026%" x2="116.323292%" y2="47.8363033%" id="linearGradient-6">
|
||||||
|
<stop stop-color="#F15A29" offset="0%"></stop>
|
||||||
|
<stop stop-color="#F15A29" offset="28.09%"></stop>
|
||||||
|
<stop stop-color="#EF4136" offset="52.87%"></stop>
|
||||||
|
<stop stop-color="#BE1E2D" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
<linearGradient x1="19.7457825%" y1="-12.0240964%" x2="79.9270846%" y2="111.347573%" id="linearGradient-7">
|
||||||
|
<stop stop-color="#EF4136" offset="0%"></stop>
|
||||||
|
<stop stop-color="#EF4136" offset="1.77%"></stop>
|
||||||
|
<stop stop-color="#F7941E" offset="100%"></stop>
|
||||||
|
</linearGradient>
|
||||||
|
</defs>
|
||||||
|
<g id="LOGO-variations" stroke="none" stroke-width="1" fill="none" fill-rule="evenodd">
|
||||||
|
<g id="mazemap-logo-symbol-normal-transparent">
|
||||||
|
<g id="MazeMap-Logo-symbol-composition">
|
||||||
|
<g>
|
||||||
|
<mask id="mask-2" fill="white">
|
||||||
|
<use xlink:href="#path-1"></use>
|
||||||
|
</mask>
|
||||||
|
<g id="Rectangle" opacity="0"></g>
|
||||||
|
<g id="MSYMBOL_MERGED_PATHS" mask="url(#mask-2)">
|
||||||
|
<g transform="translate(95.839996, 97.500000)" id="Shape">
|
||||||
|
<polygon fill="#F7941E" points="211.189847 144.91519 165.304738 167.248344 288.608453 227.657486 286.041311 180.92063"></polygon>
|
||||||
|
<polygon fill="#FBB040" points="268.901782 0.442863448 159.162849 53.9125274 48.4856246 0.44414711 0.8022321 24.3677589 159.162849 102.69169 317.355318 24.3677589"></polygon>
|
||||||
|
<polygon fill="url(#linearGradient-3)" points="96.2678521 121.947906 47.4921403 98.1834683 47.4921403 223.355934 49.5420038 223.355934 96.2678521 205.342302"></polygon>
|
||||||
|
<polygon fill="url(#linearGradient-4)" points="317.355318 24.3677589 159.162849 102.69169 159.162849 154.038177 271.263554 98.0923283 271.267404 110.934085 271.252001 110.941787 272.447006 269.769307 317.355318 247.297517 317.338631 170.031324 317.355318 170.022338 317.336064 75.6385096 317.355318 75.6308077"></polygon>
|
||||||
|
<polygon fill="url(#linearGradient-5)" points="47.4921403 223.355934 47.4921403 98.8407033 159.162849 154.038177 159.162849 102.69169 0.8022321 24.3677589 0.8022321 251.221672 159.162849 329.23624 159.162849 277.078479"></polygon>
|
||||||
|
<polygon fill="url(#linearGradient-6)" points="272.447006 221.322613 272.447006 220.311087 272.447006 211.494895 272.413633 97.4569155 226.341123 119.926138 226.359093 196.452942 165.304738 167.248344 165.303454 217.751465 272.447006 269.769307"></polygon>
|
||||||
|
<polygon fill="url(#linearGradient-7)" points="205.371418 254.163826 96.2678521 200.251298 47.4921403 223.355934 159.162849 277.271028"></polygon>
|
||||||
|
<polygon fill="#BE1E2D" points="205.371418 254.165109 205.371418 305.510313 159.162849 329.23624 159.162849 277.271028"></polygon>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</g>
|
||||||
|
</svg>
|
After Width: | Height: | Size: 4.5 KiB |
After Width: | Height: | Size: 1.1 MiB |