About section, and other changes
This commit is contained in:
1 parent
1d3c8b283d
commit
a4ec2586aa
3 files changed
+210
-16
No files matched your search
+35
-10
@@ -4,14 +4,13 @@
|
||||
<meta charset="UTF-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<link rel="stylesheet" href="res/css/main.css">
|
||||
<link rel="stylesheet" href="res/css/header-logo-anim.css">
|
||||
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.2/css/all.min.css">
|
||||
<title>Bellsworne - Home</title>
|
||||
</head>
|
||||
<body>
|
||||
|
||||
<header>
|
||||
<!-- Animated Bellsworne Logo -->
|
||||
<svg id="logo" width="100%" height="100%" version="1.1" viewBox="0 0 1672.9 782.92" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><g transform="translate(888.19 211.28)"><path d="m-639.08 205.37c-2.4325 0-4.3916 1.9591-4.3916 4.3916v65.876h-244.72l127.19 155.39-114.99 140.48h287.93c2.4334 0 4.3924-1.959 4.3924-4.3916v-65.876h1063.9v65.876c0 2.4326 1.9582 4.3916 4.3916 4.3916h287.93l-114.99-140.48 127.2-155.39h-244.72v-65.876c0-2.4325-1.9582-4.3916-4.3916-4.3916z" fill="#845b3f" stroke-width=".99998"></path><path d="m142.5 313.06a189.48 117.11 0 0 1-189.48 117.11 189.48 117.11 0 0 1-189.48-117.11 189.48 117.11 0 0 1 189.48-117.11 189.48 117.11 0 0 1 189.48 117.11z" fill="#f00" stroke-width=".78069"></path><path d="m404 269.17-145.11 83.779 7.9658-120.22 115.55-2.342z" fill="#b28261" stroke-width=".99998"></path><path d="m-507.48 91.17 125.07-72.205-4.9461 127.85-103.05-19.518-17.065-36.123" fill="#b28261" stroke-width=".99998"></path><path d="m291.87 361.7-343.84 181.53-343.84-181.53v-363.05l343.84-181.53 343.84 181.53z" fill="#2b2b2b" stroke-width="8.1638"></path><path d="m312.43 372.56-364.39 192.38-364.39-192.38v-384.76l364.39-192.38 364.39 192.38z" fill="#2b2b2b" stroke-width="11.845"></path><path d="m291.87 361.7-343.84 181.53-343.84-181.53v-363.05l343.84-181.53 343.84 181.53z" fill="none" stroke="#b28261" stroke-width="8.1638"></path><path d="m312.43 372.56-364.39 192.38-364.39-192.38v-384.76l364.39-192.38 364.39 192.38z" fill="none" stroke="#b28261" stroke-width="11.845"></path><g fill="#b28261"><path id="big-gear" d="m-57.992-48.327-7.5104 17.95-2.1148 12.917 0.39359 4.8449-19.386 2.5519-0.87388-4.78-5.3845-11.93-11.902-15.399-12.156 3.2588-2.6057 19.283 1.3003 13.024 1.6293 4.5754-18.064 7.4831-2.0826-4.3917-8.2872-10.127-15.485-11.789-10.894 6.2908 2.471 19.3 4.624 12.242 2.7623 4.0033-15.512 11.897-3.1453-3.7014-10.629-7.6341-18.005-7.3809-8.8969 8.897 7.3808 18.004 7.6345 10.629 3.7011 3.1454-11.897 15.512-4.0031-2.7624-12.242-4.6238-19.3-2.471-6.291 10.894 11.789 15.485 10.127 8.2872 4.392 2.0826-7.4832 18.064-4.5755-1.6348-13.024-1.2948-19.283 2.6059-3.2533 12.156 15.393 11.902 11.929 5.3845 4.7804 0.87397-2.552 19.38-4.845-0.38859-12.917 2.115-17.951 7.5102v12.582l17.951 7.5102 12.917 2.1204 4.845-0.39349 2.552 19.38-4.7804 0.87908-11.929 5.3845-15.393 11.902 3.2533 12.15 19.283 2.6114 13.024-1.3003 4.5755-1.6295 7.4832 18.059-4.392 2.0826-10.127 8.2927-11.789 15.48 6.291 10.899 19.3-2.471 12.242-4.6292 4.0031-2.757 11.897 15.507-3.7011 3.1507-7.6345 10.629-7.3808 18.005 8.8969 8.8969 18.005-7.3808 10.629-7.6398 3.1453-3.7011 15.512 11.902-2.7623 3.998-4.624 12.242-2.471 19.305 10.894 6.291 15.485-11.794 8.2872-10.127 2.0826-4.3864 18.064 7.4779-1.6293 4.5806-1.3003 13.019 2.6057 19.289 12.156 3.2533 11.902-15.393 5.3845-11.929 0.87388-4.7803 19.386 2.552-0.39359 4.845 2.1148 12.911 7.5104 17.956h12.582l7.5156-17.956 2.115-12.911-0.39359-4.845 19.381-2.552 0.87908 4.7803 5.3845 11.929 11.902 15.393 12.156-3.2533 2.6059-19.289-1.3003-13.019-1.6296-4.5806 18.059-7.4779 2.0882 4.3864 8.2872 10.127 15.48 11.794 10.899-6.291-2.471-19.305-4.6292-12.242-2.7568-3.998 15.507-11.902 3.1507 3.7011 10.629 7.6398 18.005 7.3808 8.8968-8.8969-7.3808-18.005-7.6397-10.629-3.7011-3.1507 11.902-15.507 3.9978 2.757 12.242 4.6292 19.305 2.471 6.2908-10.899-11.789-15.48-10.132-8.2927-4.3865-2.0826 7.4779-18.059 4.5806 1.6295 13.019 1.3003 19.289-2.6114 3.2532-12.15-15.393-11.902-11.929-5.3845-4.7804-0.87908 2.552-19.38 4.8451 0.39349 12.917-2.1204 17.95-7.5102v-12.582l-17.95-7.5102-12.917-2.115-4.8451 0.38859-2.552-19.38 4.7804-0.87397 11.929-5.3845 15.393-11.902-3.2532-12.156-19.289-2.6059-13.019 1.2948-4.5806 1.6348-7.4779-18.064 4.3865-2.0826 10.132-8.2872 11.789-15.485-6.2908-10.894-19.305 2.471-12.242 4.6238-3.9978 2.7624-11.902-15.512 3.7011-3.1454 7.6397-10.629 7.3808-18.004-8.8968-8.897-18.005 7.3809-10.629 7.6341-3.1507 3.7014-15.507-11.897 2.7568-4.0033 4.6292-12.242 2.471-19.3-10.899-6.2908-15.48 11.789-8.2872 10.127-2.0882 4.3917-18.059-7.4831 1.6296-4.5754 1.3003-13.024-2.6059-19.283-12.156-3.2588-11.902 15.399-5.3845 11.93-0.87908 4.78-19.381-2.5519 0.39359-4.8449-2.115-12.917-7.5156-17.95zm5.6489 56.651a171.89 171.89 0 0 1 0.64218 0 171.89 171.89 0 0 1 171.89 171.88 171.89 171.89 0 0 1-171.89 171.89 171.89 171.89 0 0 1-171.88-171.89 171.89 171.89 0 0 1 171.24-171.88zm0.64218 6.825a165.06 165.06 0 0 0-165.06 165.06 165.06 165.06 0 0 0 165.06 165.06 165.06 165.06 0 0 0 165.06-165.06 165.06 165.06 0 0 0-165.06-165.06zm-0.87398 8.7888a156.27 156.27 0 0 1 0.87398 0 156.27 156.27 0 0 1 107.5 42.85l-93.404 93.404a24.152 24.152 0 0 0-13.138-3.89 24.152 24.152 0 0 0-14.309 4.694l-94.176-94.181a156.27 156.27 0 0 1 106.65-42.877zm-112.52 48.742 94.305 94.305a24.152 24.152 0 0 0-4.111 13.472 24.152 24.152 0 0 0 3.8358 13.057l-94.122 94.116a156.27 156.27 0 0 1-42.785-107.42 156.27 156.27 0 0 1 42.877-107.53zm226.8 0.032a156.27 156.27 0 0 1 42.85 107.5 156.27 156.27 0 0 1-42.839 107.48l-92.972-92.97Line truncated
|
||||
<object id="logo" data="res/svg/header-logo.svg" type="image/svg+xml"></object>
|
||||
<div class="company-title">
|
||||
<h1>WELCOME TO BELLSWORNE</h1>
|
||||
<p>Rooted in technology, sworn to nature</p>
|
||||
@@ -19,12 +18,38 @@
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<div class="sections-container">
|
||||
|
||||
<div class="content-container" id="about">
|
||||
<h2>About Us</h2>
|
||||
<p>Hi! We're Bellsworne. We officially founded the company in 2025 with a strange idea: to create something that suits both our love for games and technology and our passion for farming and sustainability.</p>
|
||||
<p>The name Bellsworne is the heart and core of what we do. It merges our last name, 'Bell,' with 'Sworne'—an old spelling of 'Sworn'—to represent the vows we made to each other.</p>
|
||||
|
||||
<h3>OUR VALUES</h3>
|
||||
<ul class="checklist">
|
||||
<li>Integrity: Doing the right thing, especially when no one’s looking. No shortcuts, no nonsense.</li>
|
||||
<li>Sustainability: Leaving things a little better than we found them, from our code to our soil.</li>
|
||||
<li>Community: Looking out for our neighbors, both near and far. We’re all in this together, y’all.</li>
|
||||
<li>Creativity: Making things with soul and a little bit of sass.</li>
|
||||
</ul>
|
||||
|
||||
<h3>Socials</h3>
|
||||
<ul class="social-icons">
|
||||
<li><a href="https://youtube.com/@bellsworne" aria-label="Subscribe to our YouTube channel"><i class="fa-brands fa-youtube"></i></a></li>
|
||||
<li><a href="https://instagram.com/@bellsworne" aria-label="Follow us on Instagram"><i class="fa-brands fa-instagram"></i></a></li>
|
||||
<li><a href="https://x.com/bellsworne" aria-label="Follow us on X"><i class="fa-brands fa-x-twitter"></i></a></li>
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="divider">
|
||||
<h1>PAGES</h1>
|
||||
</div>
|
||||
|
||||
<div class="sections-container" id="pages">
|
||||
<!-- Tech Section -->
|
||||
<section class="section-card" onclick="location.href='https://bellsworne.tech';">
|
||||
<object class="section-logo" data="res/svg/bellsworne-tech-no-bg.svg" type="image/svg+xml"></object>
|
||||
<h2>Technologies</h2>
|
||||
<p>Developing software solutions that aren't corporate garbage.</p>
|
||||
<p>Developing software that isn't soulless corporate garbage.</p>
|
||||
</section>
|
||||
|
||||
<!-- Farm Section -->
|
||||
@@ -36,11 +61,11 @@
|
||||
</section>
|
||||
|
||||
<!-- Games Section-->
|
||||
<!-- <section class="section-card" onclick="location.href='games.html';">-->
|
||||
<!-- <object class="section-logo" data="res/svg/bellsworne-games-no-bg.svg" type="image/svg+xml"></object>-->
|
||||
<!--<!– <h2>Games</h2>–>-->
|
||||
<!-- <p>Creating immersive and engaging interactive entertainment experiences that captivate players and push the boundaries of fun.</p>-->
|
||||
<!-- </section>-->
|
||||
<section class="section-card" onclick="location.href='games.html';">
|
||||
<object class="section-logo" data="res/svg/bellsworne-games-no-bg.svg" type="image/svg+xml"></object>
|
||||
<h2>Games</h2>
|
||||
<p>Creating games with a passion for storytelling and a whole lotta heart.</p>
|
||||
</section>
|
||||
</div>
|
||||
</main>
|
||||
|
||||
|
||||
+109
-5
@@ -31,12 +31,12 @@ header {
|
||||
|
||||
#logo {
|
||||
width: 100%;
|
||||
max-width: 450px; /* Adjusted for the wider logo */
|
||||
max-width: 750px;
|
||||
height: auto;
|
||||
}
|
||||
|
||||
.company-title h1 {
|
||||
font-size: 3rem;
|
||||
font-size: 4rem;
|
||||
margin: 0.5rem 0 0 0;
|
||||
color: #ffffff;
|
||||
}
|
||||
@@ -58,7 +58,7 @@ main {
|
||||
flex-wrap: wrap;
|
||||
justify-content: center;
|
||||
gap: 2rem;
|
||||
max-width: 1200px;
|
||||
max-width: 1800px;
|
||||
margin: 0 auto;
|
||||
}
|
||||
|
||||
@@ -67,7 +67,7 @@ main {
|
||||
border-radius: 12px;
|
||||
padding: 2.5rem;
|
||||
text-align: center;
|
||||
flex: 1 1 300px; /* Flex properties for responsive columns */
|
||||
flex: 1 1 300px;
|
||||
max-width: 350px;
|
||||
transition: transform 0.3s ease, box-shadow 0.3s ease;
|
||||
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
|
||||
@@ -111,6 +111,110 @@ footer {
|
||||
color: #777;
|
||||
}
|
||||
|
||||
/* About Section Styling */
|
||||
.content-container {
|
||||
background-color: #333333;
|
||||
border-radius: 12px;
|
||||
padding: 2.5rem;
|
||||
margin: 2rem auto;
|
||||
max-width: 1200px;
|
||||
box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2);
|
||||
border: 1px solid #444;
|
||||
}
|
||||
|
||||
.content-container h2 {
|
||||
text-align: center;
|
||||
font-size: 2.5rem;
|
||||
color: #ffffff;
|
||||
margin-bottom: 1.5rem;
|
||||
}
|
||||
|
||||
.content-container h3 {
|
||||
font-size: 1.8rem;
|
||||
color: #ffffff;
|
||||
margin-top: 2rem;
|
||||
margin-bottom: 1rem;
|
||||
padding-bottom: 0.5rem;
|
||||
border-bottom: 1px solid #555;
|
||||
}
|
||||
|
||||
.content-container p {
|
||||
color: #c0c0c0;
|
||||
font-size: 1rem;
|
||||
line-height: 1.7;
|
||||
}
|
||||
|
||||
.content-container ul {
|
||||
list-style: none;
|
||||
padding-left: 0;
|
||||
margin-top: 1rem;
|
||||
}
|
||||
|
||||
.content-container li {
|
||||
color: #c0c0c0;
|
||||
padding-left: 1.8rem;
|
||||
position: relative;
|
||||
margin-bottom: 0.8rem;
|
||||
}
|
||||
|
||||
.content-container .checklist li::before {
|
||||
content: '✔';
|
||||
position: absolute;
|
||||
left: 0;
|
||||
top: 2px;
|
||||
color: #ffffff;
|
||||
font-size: 1.2rem;
|
||||
}
|
||||
|
||||
/* Social Media Icons Styling */
|
||||
.social-icons {
|
||||
list-style: none;
|
||||
padding: 0;
|
||||
display: flex;
|
||||
justify-content: center;
|
||||
gap: 1.5rem;
|
||||
}
|
||||
|
||||
.social-icons li {
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.social-icons a {
|
||||
color: #a0a0a0;
|
||||
font-size: 2rem;
|
||||
transition: color 0.3s ease, transform 0.3s ease;
|
||||
}
|
||||
|
||||
.social-icons a:hover {
|
||||
color: #ffffff;
|
||||
transform: scale(1.1);
|
||||
}
|
||||
|
||||
/* Divider Styling */
|
||||
.divider {
|
||||
text-align: center;
|
||||
margin: 4rem 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
justify-content: center;
|
||||
}
|
||||
|
||||
.divider h1 {
|
||||
font-size: 2.2rem;
|
||||
color: #ffffff;
|
||||
margin: 0 2rem;
|
||||
position: relative;
|
||||
display: inline-block;
|
||||
}
|
||||
|
||||
.divider::before,
|
||||
.divider::after {
|
||||
content: '';
|
||||
flex-grow: 1;
|
||||
height: 1px;
|
||||
background-color: #555;
|
||||
}
|
||||
|
||||
/* Responsive Design */
|
||||
@media (max-width: 768px) {
|
||||
.company-title h1 {
|
||||
@@ -118,7 +222,7 @@ footer {
|
||||
}
|
||||
|
||||
.section-card {
|
||||
flex-basis: 100%; /* Full width on smaller screens */
|
||||
flex-basis: 100%;
|
||||
max-width: none;
|
||||
}
|
||||
}
|
||||
+66
-1
@@ -1 +1,66 @@
|
||||
<svg width="100%" height="100%" version="1.1" viewBox="0 0 1672.9 782.92" xml:space="preserve" xmlns="http://www.w3.org/2000/svg"><g transform="translate(888.19 211.28)"><path d="m-639.08 205.37c-2.4325 0-4.3916 1.9591-4.3916 4.3916v65.876h-244.72l127.19 155.39-114.99 140.48h287.93c2.4334 0 4.3924-1.959 4.3924-4.3916v-65.876h1063.9v65.876c0 2.4326 1.9582 4.3916 4.3916 4.3916h287.93l-114.99-140.48 127.2-155.39h-244.72v-65.876c0-2.4325-1.9582-4.3916-4.3916-4.3916z" fill="#845b3f" stroke-width=".99998"></path><path d="m142.5 313.06a189.48 117.11 0 0 1-189.48 117.11 189.48 117.11 0 0 1-189.48-117.11 189.48 117.11 0 0 1 189.48-117.11 189.48 117.11 0 0 1 189.48 117.11z" fill="#f00" stroke-width=".78069"></path><path d="m404 269.17-145.11 83.779 7.9658-120.22 115.55-2.342z" fill="#b28261" stroke-width=".99998"></path><path d="m-507.48 91.17 125.07-72.205-4.9461 127.85-103.05-19.518-17.065-36.123" fill="#b28261" stroke-width=".99998"></path><path d="m291.87 361.7-343.84 181.53-343.84-181.53v-363.05l343.84-181.53 343.84 181.53z" fill="#2b2b2b" stroke-width="8.1638"></path><path d="m312.43 372.56-364.39 192.38-364.39-192.38v-384.76l364.39-192.38 364.39 192.38z" fill="#2b2b2b" stroke-width="11.845"></path><path d="m291.87 361.7-343.84 181.53-343.84-181.53v-363.05l343.84-181.53 343.84 181.53z" fill="none" stroke="#b28261" stroke-width="8.1638"></path><path d="m312.43 372.56-364.39 192.38-364.39-192.38v-384.76l364.39-192.38 364.39 192.38z" fill="none" stroke="#b28261" stroke-width="11.845"></path><g fill="#b28261"><path id="big-gear" d="m-57.992-48.327-7.5104 17.95-2.1148 12.917 0.39359 4.8449-19.386 2.5519-0.87388-4.78-5.3845-11.93-11.902-15.399-12.156 3.2588-2.6057 19.283 1.3003 13.024 1.6293 4.5754-18.064 7.4831-2.0826-4.3917-8.2872-10.127-15.485-11.789-10.894 6.2908 2.471 19.3 4.624 12.242 2.7623 4.0033-15.512 11.897-3.1453-3.7014-10.629-7.6341-18.005-7.3809-8.8969 8.897 7.3808 18.004 7.6345 10.629 3.7011 3.1454-11.897 15.512-4.0031-2.7624-12.242-4.6238-19.3-2.471-6.291 10.894 11.789 15.485 10.127 8.2872 4.392 2.0826-7.4832 18.064-4.5755-1.6348-13.024-1.2948-19.283 2.6059-3.2533 12.156 15.393 11.902 11.929 5.3845 4.7804 0.87397-2.552 19.38-4.845-0.38859-12.917 2.115-17.951 7.5102v12.582l17.951 7.5102 12.917 2.1204 4.845-0.39349 2.552 19.38-4.7804 0.87908-11.929 5.3845-15.393 11.902 3.2533 12.15 19.283 2.6114 13.024-1.3003 4.5755-1.6295 7.4832 18.059-4.392 2.0826-10.127 8.2927-11.789 15.48 6.291 10.899 19.3-2.471 12.242-4.6292 4.0031-2.757 11.897 15.507-3.7011 3.1507-7.6345 10.629-7.3808 18.005 8.8969 8.8969 18.005-7.3808 10.629-7.6398 3.1453-3.7011 15.512 11.902-2.7623 3.998-4.624 12.242-2.471 19.305 10.894 6.291 15.485-11.794 8.2872-10.127 2.0826-4.3864 18.064 7.4779-1.6293 4.5806-1.3003 13.019 2.6057 19.289 12.156 3.2533 11.902-15.393 5.3845-11.929 0.87388-4.7803 19.386 2.552-0.39359 4.845 2.1148 12.911 7.5104 17.956h12.582l7.5156-17.956 2.115-12.911-0.39359-4.845 19.381-2.552 0.87908 4.7803 5.3845 11.929 11.902 15.393 12.156-3.2533 2.6059-19.289-1.3003-13.019-1.6296-4.5806 18.059-7.4779 2.0882 4.3864 8.2872 10.127 15.48 11.794 10.899-6.291-2.471-19.305-4.6292-12.242-2.7568-3.998 15.507-11.902 3.1507 3.7011 10.629 7.6398 18.005 7.3808 8.8968-8.8969-7.3808-18.005-7.6397-10.629-3.7011-3.1507 11.902-15.507 3.9978 2.757 12.242 4.6292 19.305 2.471 6.2908-10.899-11.789-15.48-10.132-8.2927-4.3865-2.0826 7.4779-18.059 4.5806 1.6295 13.019 1.3003 19.289-2.6114 3.2532-12.15-15.393-11.902-11.929-5.3845-4.7804-0.87908 2.552-19.38 4.8451 0.39349 12.917-2.1204 17.95-7.5102v-12.582l-17.95-7.5102-12.917-2.115-4.8451 0.38859-2.552-19.38 4.7804-0.87397 11.929-5.3845 15.393-11.902-3.2532-12.156-19.289-2.6059-13.019 1.2948-4.5806 1.6348-7.4779-18.064 4.3865-2.0826 10.132-8.2872 11.789-15.485-6.2908-10.894-19.305 2.471-12.242 4.6238-3.9978 2.7624-11.902-15.512 3.7011-3.1454 7.6397-10.629 7.3808-18.004-8.8968-8.897-18.005 7.3809-10.629 7.6341-3.1507 3.7014-15.507-11.897 2.7568-4.0033 4.6292-12.242 2.471-19.3-10.899-6.2908-15.48 11.789-8.2872 10.127-2.0882 4.3917-18.059-7.4831 1.6296-4.5754 1.3003-13.024-2.6059-19.283-12.156-3.2588-11.902 15.399-5.3845 11.93-0.87908 4.78-19.381-2.5519 0.39359-4.8449-2.115-12.917-7.5156-17.95zm5.6489 56.651a171.89 171.89 0 0 1 0.64218 0 171.89 171.89 0 0 1 171.89 171.88 171.89 171.89 0 0 1-171.89 171.89 171.89 171.89 0 0 1-171.88-171.89 171.89 171.89 0 0 1 171.24-171.88zm0.64218 6.825a165.06 165.06 0 0 0-165.06 165.06 165.06 165.06 0 0 0 165.06 165.06 165.06 165.06 0 0 0 165.06-165.06 165.06 165.06 0 0 0-165.06-165.06zm-0.87398 8.7888a156.27 156.27 0 0 1 0.87398 0 156.27 156.27 0 0 1 107.5 42.85l-93.404 93.404a24.152 24.152 0 0 0-13.138-3.89 24.152 24.152 0 0 0-14.309 4.694l-94.176-94.181a156.27 156.27 0 0 1 106.65-42.877zm-112.52 48.742 94.305 94.305a24.152 24.152 0 0 0-4.111 13.472 24.152 24.152 0 0 0 3.8358 13.057l-94.122 94.116a156.27 156.27 0 0 1-42.785-107.42 156.27 156.27 0 0 1 42.877-107.53zm226.8 0.032a156.27 156.27 0 0 1 42.85 107.5 156.27 156.27 0 0 1-42.839 107.48l-92.972-92.972a24.152 24.15Line truncated
|
||||
|
||||
<svg width="100%" height="100%" version="1.1" viewBox="0 0 1672.9 782.92" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
|
||||
<style>
|
||||
#big-gear {
|
||||
animation: big-gear 10s linear infinite;
|
||||
transform-origin: center;
|
||||
transform-box: fill-box;
|
||||
}
|
||||
|
||||
#tr-gear {
|
||||
animation: gear-left 2s linear infinite;
|
||||
transform-origin: center;
|
||||
transform-box: fill-box;
|
||||
}
|
||||
|
||||
#br-gear {
|
||||
animation: gear-left 2s linear infinite;
|
||||
transform-origin: center;
|
||||
transform-box: fill-box;
|
||||
}
|
||||
|
||||
#tl-gear {
|
||||
animation: gear-left 2s linear infinite;
|
||||
transform-origin: center;
|
||||
transform-box: fill-box;
|
||||
}
|
||||
|
||||
#bl-gear {
|
||||
animation: gear-left 2s linear infinite;
|
||||
transform-origin: center;
|
||||
transform-box: fill-box;
|
||||
}
|
||||
|
||||
@keyframes big-gear {
|
||||
from {
|
||||
rotate: 0deg;
|
||||
}
|
||||
|
||||
to {
|
||||
rotate: 180deg;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes gear-right {
|
||||
from {
|
||||
rotate: 0deg;
|
||||
}
|
||||
|
||||
to {
|
||||
rotate: 180deg;
|
||||
}
|
||||
}
|
||||
|
||||
@keyframes gear-left {
|
||||
from {
|
||||
rotate: 0deg;
|
||||
}
|
||||
|
||||
to {
|
||||
rotate: -180deg;
|
||||
}
|
||||
}
|
||||
</style>
|
||||
|
||||
<g transform="translate(888.19 211.28)"><path d="m-639.08 205.37c-2.4325 0-4.3916 1.9591-4.3916 4.3916v65.876h-244.72l127.19 155.39-114.99 140.48h287.93c2.4334 0 4.3924-1.959 4.3924-4.3916v-65.876h1063.9v65.876c0 2.4326 1.9582 4.3916 4.3916 4.3916h287.93l-114.99-140.48 127.2-155.39h-244.72v-65.876c0-2.4325-1.9582-4.3916-4.3916-4.3916z" fill="#845b3f" stroke-width=".99998"></path><path d="m142.5 313.06a189.48 117.11 0 0 1-189.48 117.11 189.48 117.11 0 0 1-189.48-117.11 189.48 117.11 0 0 1 189.48-117.11 189.48 117.11 0 0 1 189.48 117.11z" fill="#f00" stroke-width=".78069"></path><path d="m404 269.17-145.11 83.779 7.9658-120.22 115.55-2.342z" fill="#b28261" stroke-width=".99998"></path><path d="m-507.48 91.17 125.07-72.205-4.9461 127.85-103.05-19.518-17.065-36.123" fill="#b28261" stroke-width=".99998"></path><path d="m291.87 361.7-343.84 181.53-343.84-181.53v-363.05l343.84-181.53 343.84 181.53z" fill="#2b2b2b" stroke-width="8.1638"></path><path d="m312.43 372.56-364.39 192.38-364.39-192.38v-384.76l364.39-192.38 364.39 192.38z" fill="#2b2b2b" stroke-width="11.845"></path><path d="m291.87 361.7-343.84 181.53-343.84-181.53v-363.05l343.84-181.53 343.84 181.53z" fill="none" stroke="#b28261" stroke-width="8.1638"></path><path d="m312.43 372.56-364.39 192.38-364.39-192.38v-384.76l364.39-192.38 364.39 192.38z" fill="none" stroke="#b28261" stroke-width="11.845"></path><g fill="#b28261"><path id="big-gear" d="m-57.992-48.327-7.5104 17.95-2.1148 12.917 0.39359 4.8449-19.386 2.5519-0.87388-4.78-5.3845-11.93-11.902-15.399-12.156 3.2588-2.6057 19.283 1.3003 13.024 1.6293 4.5754-18.064 7.4831-2.0826-4.3917-8.2872-10.127-15.485-11.789-10.894 6.2908 2.471 19.3 4.624 12.242 2.7623 4.0033-15.512 11.897-3.1453-3.7014-10.629-7.6341-18.005-7.3809-8.8969 8.897 7.3808 18.004 7.6345 10.629 3.7011 3.1454-11.897 15.512-4.0031-2.7624-12.242-4.6238-19.3-2.471-6.291 10.894 11.789 15.485 10.127 8.2872 4.392 2.0826-7.4832 18.064-4.5755-1.6348-13.024-1.2948-19.283 2.6059-3.2533 12.156 15.393 11.902 11.929 5.3845 4.7804 0.87397-2.552 19.38-4.845-0.38859-12.917 2.115-17.951 7.5102v12.582l17.951 7.5102 12.917 2.1204 4.845-0.39349 2.552 19.38-4.7804 0.87908-11.929 5.3845-15.393 11.902 3.2533 12.15 19.283 2.6114 13.024-1.3003 4.5755-1.6295 7.4832 18.059-4.392 2.0826-10.127 8.2927-11.789 15.48 6.291 10.899 19.3-2.471 12.242-4.6292 4.0031-2.757 11.897 15.507-3.7011 3.1507-7.6345 10.629-7.3808 18.005 8.8969 8.8969 18.005-7.3808 10.629-7.6398 3.1453-3.7011 15.512 11.902-2.7623 3.998-4.624 12.242-2.471 19.305 10.894 6.291 15.485-11.794 8.2872-10.127 2.0826-4.3864 18.064 7.4779-1.6293 4.5806-1.3003 13.019 2.6057 19.289 12.156 3.2533 11.902-15.393 5.3845-11.929 0.87388-4.7803 19.386 2.552-0.39359 4.845 2.1148 12.911 7.5104 17.956h12.582l7.5156-17.956 2.115-12.911-0.39359-4.845 19.381-2.552 0.87908 4.7803 5.3845 11.929 11.902 15.393 12.156-3.2533 2.6059-19.289-1.3003-13.019-1.6296-4.5806 18.059-7.4779 2.0882 4.3864 8.2872 10.127 15.48 11.794 10.899-6.291-2.471-19.305-4.6292-12.242-2.7568-3.998 15.507-11.902 3.1507 3.7011 10.629 7.6398 18.005 7.3808 8.8968-8.8969-7.3808-18.005-7.6397-10.629-3.7011-3.1507 11.902-15.507 3.9978 2.757 12.242 4.6292 19.305 2.471 6.2908-10.899-11.789-15.48-10.132-8.2927-4.3865-2.0826 7.4779-18.059 4.5806 1.6295 13.019 1.3003 19.289-2.6114 3.2532-12.15-15.393-11.902-11.929-5.3845-4.7804-0.87908 2.552-19.38 4.8451 0.39349 12.917-2.1204 17.95-7.5102v-12.582l-17.95-7.5102-12.917-2.115-4.8451 0.38859-2.552-19.38 4.7804-0.87397 11.929-5.3845 15.393-11.902-3.2532-12.156-19.289-2.6059-13.019 1.2948-4.5806 1.6348-7.4779-18.064 4.3865-2.0826 10.132-8.2872 11.789-15.485-6.2908-10.894-19.305 2.471-12.242 4.6238-3.9978 2.7624-11.902-15.512 3.7011-3.1454 7.6397-10.629 7.3808-18.004-8.8968-8.897-18.005 7.3809-10.629 7.6341-3.1507 3.7014-15.507-11.897 2.7568-4.0033 4.6292-12.242 2.471-19.3-10.899-6.2908-15.48 11.789-8.2872 10.127-2.0882 4.3917-18.059-7.4831 1.6296-4.5754 1.3003-13.024-2.6059-19.283-12.156-3.2588-11.902 15.399-5.3845 11.93-0.87908 4.78-19.381-2.5519 0.39359-4.8449-2.115-12.917-7.5156-17.95zm5.6489 56.651a171.89 171.89 0 0 1 0.64218 0 171.89 171.89 0 0 1 171.89 171.88 171.89 171.89 0 0 1-171.89 171.89 171.89 171.89 0 0 1-171.88-171.89 171.89 171.89 0 0 1 171.24-171.88zm0.64218 6.825a165.06 165.06 0 0 0-165.06 165.06 165.06 165.06 0 0 0 165.06 165.06 165.06 165.06 0 0 0 165.06-165.06 165.06 165.06 0 0 0-165.06-165.06zm-0.87398 8.7888a156.27 156.27 0 0 1 0.87398 0 156.27 156.27 0 0 1 107.5 42.85l-93.404 93.404a24.152 24.152 0 0 0-13.138-3.89 24.152 24.152 0 0 0-14.309 4.694l-94.176-94.181a156.27 156.27 0 0 1 106.65-42.877zm-112.52 48.742 94.305 94.305a24.152 24.152 0 0 0-4.111 13.472 24.152 24.152 0 0 0 3.8358 13.057l-94.122 94.116a156.27 156.27 0 0 1-42.785-107.42 156.27 156.27 0 0 1 42.877-107.53zm226.8 0.032a156.27 156.27 0 0 1 42.85 107.5 156.27 156.27 0 0 1-42.839 107.48l-92.972-92.972a24.152 24.152 0 0 0 4.6561-14.26 24.152 24.152 0 0 0-4.8881-14.562zm-126.94 127.08a24.152 24.152 0 0 0 14.481 4.8287 24.152 24.152 0 0 0 1Line truncated
|
||||
</svg>
|
||||
|
Before Width: | Height: | Size: 21 KiB After Width: | Height: | Size: 23 KiB |
Reference in new issue
Block a user