building out some other pages
This commit is contained in:
19
.github/workflows/staging.yml
vendored
Normal file
19
.github/workflows/staging.yml
vendored
Normal file
@@ -0,0 +1,19 @@
|
||||
name: build check (mikayla dot dev)
|
||||
|
||||
on:
|
||||
push:
|
||||
branches:
|
||||
- staging
|
||||
jobs:
|
||||
build:
|
||||
runs-on: ubuntu-latest
|
||||
|
||||
steps:
|
||||
- name: checkout
|
||||
uses: actions/checkout@v2
|
||||
with:
|
||||
ref: staging
|
||||
- name: install
|
||||
run: npm install
|
||||
- name: build check
|
||||
run: npm run build
|
||||
73
app/links/page.tsx
Normal file
73
app/links/page.tsx
Normal file
@@ -0,0 +1,73 @@
|
||||
import SocialMedia from "@/components/Links/SocialMedia";
|
||||
import Panel from "@/components/ui/Panel";
|
||||
import Image from "next/image";
|
||||
import { FaBandcamp, FaGithub, FaLinkedin, FaPatreon, FaSoundcloud, FaYoutube } from "react-icons/fa";
|
||||
import { RxArrowRight } from "react-icons/rx";
|
||||
|
||||
export default function LinksPage() {
|
||||
return (
|
||||
<article className="flex flex-col items-center">
|
||||
|
||||
<section className="flex flex-col flex-wrap w-11/12 m-12">
|
||||
<h1 className="text-3xl w-full my-8">Check out my work on...</h1>
|
||||
<Panel width="1/2">
|
||||
<div className="flex flex-col items-center p-8">
|
||||
<Image className="mb-8" width={120} height={48} alt="The word 'Dropper' in bold white lettering" src="/dropper.svg" />
|
||||
<a href="https://app.dropper.studio/store/innocuous-symmetry" target="_blank">Dropper</a>
|
||||
</div>
|
||||
</Panel>
|
||||
|
||||
<Panel width="1/2">
|
||||
<div className="flex flex-col items-center p-8">
|
||||
<RxArrowRight className="mb-8" />
|
||||
<a href="https://subsequent.media" target="_blank">Subsequent Media</a>
|
||||
</div>
|
||||
</Panel>
|
||||
</section>
|
||||
|
||||
<section id="social-media-gallery" className="w-3/5 my-12 flex flex-col items-center bg-black rounded">
|
||||
<h1 className="text-3xl w-full my-8">...or on your favorite social media platform:</h1>
|
||||
|
||||
<div className="flex flex-wrap">
|
||||
<SocialMedia
|
||||
label="LinkedIn"
|
||||
href="https://www.linkedin.com/in/mikayla-dobson"
|
||||
logo={<FaLinkedin />}
|
||||
/>
|
||||
|
||||
<SocialMedia
|
||||
label="GitHub"
|
||||
href="https://github.com/innocuous-symmetry"
|
||||
logo={<FaGithub />}
|
||||
/>
|
||||
|
||||
<SocialMedia
|
||||
label="SoundCloud"
|
||||
href="https://soundcloud.com/mikaylamusic"
|
||||
logo={<FaSoundcloud />}
|
||||
/>
|
||||
|
||||
<SocialMedia
|
||||
label="Bandcamp"
|
||||
href="https://mikaylaclaire.bandcamp.com/"
|
||||
logo={<FaBandcamp />}
|
||||
/>
|
||||
|
||||
<SocialMedia
|
||||
label="YouTube (coming soon)"
|
||||
href="youtube.com"
|
||||
logo={<FaYoutube />}
|
||||
disabled
|
||||
/>
|
||||
|
||||
<SocialMedia
|
||||
label="Patreon (coming soon)"
|
||||
href="patreon.com"
|
||||
logo={<FaPatreon />}
|
||||
disabled
|
||||
/>
|
||||
</div>
|
||||
</section>
|
||||
</article>
|
||||
)
|
||||
}
|
||||
0
app/listen/[collectionid]/page.tsx
Normal file
0
app/listen/[collectionid]/page.tsx
Normal file
0
app/listen/page.tsx
Normal file
0
app/listen/page.tsx
Normal file
0
app/read/[postid]/page.tsx
Normal file
0
app/read/[postid]/page.tsx
Normal file
0
app/read/page.tsx
Normal file
0
app/read/page.tsx
Normal file
15
components/Links/FeaturedLink.tsx
Normal file
15
components/Links/FeaturedLink.tsx
Normal file
@@ -0,0 +1,15 @@
|
||||
import type { LinkProps } from ".";
|
||||
import Image from "next/image";
|
||||
import Panel from "../ui/Panel";
|
||||
|
||||
export default function FeaturedLink({ href, label, logo, disabled = false}: LinkProps) {
|
||||
return (
|
||||
<Panel width="1/2">
|
||||
<div className="flex flex-col items-center p-8">
|
||||
{logo}
|
||||
<a aria-disabled={disabled} href="https://app.dropper.studio/store/innocuous-symmetry" target="_blank">{label}</a>
|
||||
</div>
|
||||
</Panel>
|
||||
|
||||
)
|
||||
}
|
||||
12
components/Links/SocialMedia.tsx
Normal file
12
components/Links/SocialMedia.tsx
Normal file
@@ -0,0 +1,12 @@
|
||||
import Link from "next/link";
|
||||
import type { LinkProps } from ".";
|
||||
|
||||
export default function SocialMedia({ href, label, logo, disabled = false }: LinkProps) {
|
||||
return (
|
||||
<div title={label} className="flex flex-col items-center p-8">
|
||||
<Link aria-disabled={disabled} passHref href={href}>
|
||||
{logo}
|
||||
</Link>
|
||||
</div>
|
||||
)
|
||||
}
|
||||
6
components/Links/index.tsx
Normal file
6
components/Links/index.tsx
Normal file
@@ -0,0 +1,6 @@
|
||||
export type LinkProps = {
|
||||
href: string,
|
||||
label: string,
|
||||
logo: JSX.Element,
|
||||
disabled?: boolean
|
||||
}
|
||||
@@ -1,79 +1,15 @@
|
||||
import Link from 'next/link'
|
||||
import { InlineLogo, useColorShift } from '../logo'
|
||||
import { useEffect, useState } from 'react';
|
||||
import { UseColorShiftReturnType } from '../logo/useColorShift';
|
||||
import { useState } from 'react';
|
||||
import { RxActivityLog } from "react-icons/rx";
|
||||
|
||||
interface HoverState {
|
||||
about: boolean
|
||||
projects: boolean
|
||||
contact: boolean
|
||||
}
|
||||
import { NavbarButton } from '../ui/Button';
|
||||
|
||||
const SHIFT_INTERVAL = 3000;
|
||||
|
||||
export default function Navbar({ pageIsScrolled = false }) {
|
||||
const navbarColorShift = useColorShift(SHIFT_INTERVAL);
|
||||
const { shift } = navbarColorShift;
|
||||
|
||||
const [colors, setColors] = useState<Partial<UseColorShiftReturnType>>({
|
||||
firstColor: 'bg-inherit',
|
||||
secondColor: 'bg-inherit',
|
||||
thirdColor: 'bg-inherit',
|
||||
});
|
||||
const [hoverState, setHoverState] = useState<HoverState>({
|
||||
about: false,
|
||||
projects: false,
|
||||
contact: false,
|
||||
})
|
||||
const [mobileMenuOpen, setMobileMenuOpen] = useState(false);
|
||||
|
||||
function mouseOver(source: keyof HoverState) {
|
||||
const { colorKeys, actualColorReferences, activeIndex } = identifyActiveButton();
|
||||
|
||||
setColors({ ...colors, [colorKeys[activeIndex]]: actualColorReferences[activeIndex] });
|
||||
setHoverState({ ...hoverState, [source]: true })
|
||||
}
|
||||
|
||||
function mouseOut(source: keyof HoverState) {
|
||||
setHoverState({ ...hoverState, [source]: false })
|
||||
setColors({ firstColor: 'bg-inherit', secondColor: 'bg-inherit', thirdColor: 'bg-inherit' });
|
||||
}
|
||||
|
||||
function identifyActiveButton() {
|
||||
const buttonKeys: (keyof HoverState)[] = ['about', 'projects', 'contact'];
|
||||
const { firstColor, secondColor, thirdColor } = navbarColorShift;
|
||||
const colorKeys = ['firstColor', 'secondColor', 'thirdColor'];
|
||||
const actualColorReferences = [firstColor, secondColor, thirdColor];
|
||||
|
||||
const activeButton = buttonKeys.find(key => hoverState[key]);
|
||||
const activeIndex = buttonKeys.indexOf(activeButton as keyof HoverState);
|
||||
|
||||
return { colorKeys, actualColorReferences, activeIndex };
|
||||
}
|
||||
|
||||
useEffect(() => {
|
||||
const interval = setInterval(shift, SHIFT_INTERVAL);
|
||||
return () => clearInterval(interval);
|
||||
}, [])
|
||||
|
||||
useEffect(() => {
|
||||
const interval = setInterval(() => {
|
||||
const { colorKeys, actualColorReferences, activeIndex } = identifyActiveButton();
|
||||
|
||||
for (const key in hoverState) {
|
||||
if (hoverState[key as keyof HoverState]) {
|
||||
setColors({
|
||||
...colors,
|
||||
[colorKeys[activeIndex]]: actualColorReferences[activeIndex]
|
||||
});
|
||||
}
|
||||
}
|
||||
}, 1000);
|
||||
|
||||
return () => clearInterval(interval);
|
||||
}, [shift])
|
||||
|
||||
return (
|
||||
<>
|
||||
<div id="navbar" className={"w-full z-50 fixed flex flex-nowrap items-baseline justify-apart bg-opacity-95 px-8 py-4 " + (mobileMenuOpen ? "bg-[#131313] " : pageIsScrolled ? "bg-black " : "bg-inherit ") + " text-white transition-all duration-200"}>
|
||||
@@ -82,17 +18,12 @@ export default function Navbar({ pageIsScrolled = false }) {
|
||||
</Link>
|
||||
|
||||
<div className="hidden md:inline-flex justify-end w-3/4">
|
||||
<Link passHref href="/about" onMouseOver={() => mouseOver('about')} onMouseOut={() => mouseOut('about')} className={`ml-2 ${colors.firstColor} rounded-lg transition-colors ease-quick-start duration-${hoverState.about ? '[5000ms]' : '0'}`}>
|
||||
<p className='text-lg text-white text-opacity-80 hover:text-opacity-100 uppercase border-white border-2 p-2 rounded-lg border-opacity-50 hover:border-opacity-75'>About</p>
|
||||
</Link>
|
||||
|
||||
<Link passHref href="/projects" onMouseOver={() => mouseOver("projects")} onMouseOut={() => mouseOut('projects')} className={`ml-2 ${colors.secondColor} rounded-lg transition-colors ease-quick-start duration-${hoverState.projects ? '[5000ms]' : '0'}`}>
|
||||
<p className='text-lg text-white text-opacity-80 hover:text-opacity-100 hover:border-opacity-75 uppercase border-white border-2 p-2 rounded-lg border-opacity-50'>Projects</p>
|
||||
</Link>
|
||||
|
||||
<Link passHref href="/contact" onMouseOver={() => mouseOver('contact')} onMouseOut={() => mouseOut('contact')} className={`ml-2 ${colors.thirdColor} rounded-lg transition-colors ease-quick-start duration-${hoverState.contact ? '[5000ms]' : '0'}`}>
|
||||
<p className='text-lg text-white text-opacity-80 hover:text-opacity-100 uppercase border-white border-2 p-2 rounded-lg border-opacity-50 hover:border-opacity-75'>Contact</p>
|
||||
</Link>
|
||||
<NavbarButton href="/about" label="About" />
|
||||
<NavbarButton href="/projects" label="Projects" />
|
||||
<NavbarButton href="/links" label="Links" />
|
||||
<NavbarButton href="/read" label="Read" />
|
||||
<NavbarButton href="/listen" label="Listen" />
|
||||
<NavbarButton href="/contact" label="Contact" />
|
||||
</div>
|
||||
|
||||
<div aria-expanded={mobileMenuOpen} aria-roledescription="mobile-only navbar" className="inline-flex md:hidden justify-end h-full w-3/4">
|
||||
|
||||
17
components/ui/Button.tsx
Normal file
17
components/ui/Button.tsx
Normal file
@@ -0,0 +1,17 @@
|
||||
import Link from "next/link";
|
||||
|
||||
export function NavbarButton({ href, label, children }: { href: string, label?: string, children?: React.ReactNode }) {
|
||||
return (
|
||||
<Link passHref href={href} /* onMouseOver={() => mouseOver('about')} onMouseOut={() => mouseOut('about')} */ className={`ml-2 ${/* colors.firstColor */ ''} rounded-lg transition-colors ease-quick-start duration-${/* hoverState.about ? '[5000ms]' : */ '0'}`}>
|
||||
{ label ? (
|
||||
<p className='text-lg text-white text-opacity-80 hover:text-opacity-100 uppercase border-white border-2 p-2 rounded-lg border-opacity-50 hover:border-opacity-75'>
|
||||
{ label }
|
||||
</p>
|
||||
) : children ? children : (
|
||||
<p className='text-lg text-white text-opacity-80 hover:text-opacity-100 uppercase border-white border-2 p-2 rounded-lg border-opacity-50 hover:border-opacity-75'>
|
||||
Button text
|
||||
</p>
|
||||
)}
|
||||
</Link>
|
||||
)
|
||||
}
|
||||
110
public/dropper.svg
Normal file
110
public/dropper.svg
Normal file
@@ -0,0 +1,110 @@
|
||||
<?xml version="1.0" encoding="utf-8"?>
|
||||
<!-- Generator: Adobe Illustrator 25.2.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
|
||||
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
|
||||
viewBox="0 0 952.17 292.03" style="enable-background:new 0 0 952.17 292.03;" xml:space="preserve">
|
||||
<style type="text/css">
|
||||
.st0{fill:#FFFFFF;}
|
||||
.st1{display:none;}
|
||||
.st2{display:inline;}
|
||||
</style>
|
||||
<g id="Layer_1">
|
||||
<g>
|
||||
<path class="st0" d="M924.66,88.77c0-2.61-1.24-3.81-3.92-3.81c-4.36-0.01-8.71,0-13.07,0c-6.09,0-12.05,0.98-17.85,2.74
|
||||
c-27.05,8.23-45.59,33.28-45.61,61.53c-0.01,9.31,0,18.62,0,27.92c0,10.76,0,21.52,0,32.27c0,3.01,1.15,4.18,4.13,4.18
|
||||
c7.86,0.01,15.73,0.01,23.59,0c3.49,0,4.47-1,4.47-4.54c0-19.82-0.03-39.65,0.04-59.47c0.01-2.52,0.23-5.1,0.79-7.55
|
||||
c3.32-14.58,16.37-24.89,31.4-24.94c4.05-0.01,8.11,0.01,12.16-0.01c2.66-0.01,3.88-1.21,3.89-3.85
|
||||
C924.68,105.09,924.68,96.93,924.66,88.77z"/>
|
||||
<path class="st0" d="M154.3,52.64c-6.23,0.57-12.5,0.48-18.74,0c-5.47-0.43-6.92,0.18-6.92,4.45c0,10.4,0,20.8,0,31.2
|
||||
c0,3.22-1.46,4.08-4.39,2.71c-17.07-7.96-34.46-8.56-51.91-1.63C41.85,101.49,25.59,135,34.56,166.63
|
||||
c7.82,27.56,32.99,46.67,61.61,46.72c20.03,0.04,40.06,0.01,60.09,0.01c3.61,0,4.55-0.97,4.55-4.65c0-25.27,0-50.55,0-75.82
|
||||
c0-25.33,0-50.67,0-76C160.81,52.94,159.3,52.19,154.3,52.64z M128.63,161.93c0,5.08,0.01,10.15,0,15.23
|
||||
c-0.01,2.86-1.2,4.04-4.09,4.04c-9.38,0.01-18.75,0.02-28.13,0c-15-0.05-28-10.43-31.37-25.02c-3.97-17.21,7.26-34.95,24.43-38.59
|
||||
c16.46-3.49,32.72,5.86,37.67,21.84c0.9,2.9,1.26,6.03,1.42,9.08C128.8,152.97,128.63,157.45,128.63,161.93z"/>
|
||||
<path class="st0" d="M619.92,84.71c-17.24-0.06-34.49-0.01-51.73-0.01c-3.21,0-6.41-0.02-9.62,0.01c-2.31,0.02-3.44,1.11-3.6,3.4
|
||||
c-0.05,0.78-0.03,1.57-0.03,2.36c0,24.85,0,49.7,0,74.55c0,25.33,0,50.66,0,76c0,3.6,0.94,4.52,4.52,4.52c7.62,0,15.25,0,22.87,0
|
||||
c3.94,0,4.8-0.85,4.8-4.78c0.01-10.34,0-20.68,0.02-31.02c0.01-3.21,1.4-4.08,4.24-2.73c5.09,2.43,10.39,4.16,15.95,5.21
|
||||
c12.41,2.36,24.49,1.21,36.12-3.55c33.21-13.59,48.83-50.89,35.37-84.13C669.23,100.81,645.59,84.79,619.92,84.71z M626.42,180.44
|
||||
c-17.21,3.96-34.71-7.08-38.42-24.32c-0.52-2.4-0.74-4.9-0.82-7.36c-0.03-1.06-0.05-2.11-0.06-3.17
|
||||
c-0.03-3.17,0.02-6.35,0.02-9.52c0-5.02-0.02-10.03,0.01-15.05c0.01-3.1,1.08-4.17,4.14-4.17c9.44-0.01,18.87-0.04,28.3,0.01
|
||||
c15.46,0.08,28.82,11.43,31.46,26.67C653.96,160.32,643.1,176.6,626.42,180.44z"/>
|
||||
<path class="st0" d="M475.19,84.71c-17.24-0.06-34.49-0.01-51.73-0.01c-3.21,0-6.41-0.02-9.62,0.01c-2.31,0.02-3.44,1.11-3.6,3.4
|
||||
c-0.05,0.78-0.03,1.57-0.03,2.36c0,24.85,0,49.7,0,74.55c0,25.33,0,50.66,0,76c0,3.6,0.94,4.52,4.52,4.52c7.62,0,15.25,0,22.87,0
|
||||
c3.94,0,4.8-0.85,4.8-4.78c0.01-10.34,0-20.68,0.02-31.02c0.01-3.21,1.4-4.08,4.24-2.73c5.09,2.43,10.39,4.16,15.95,5.21
|
||||
c12.41,2.36,24.49,1.21,36.12-3.55c33.21-13.59,48.83-50.89,35.37-84.13C524.5,100.81,500.86,84.79,475.19,84.71z M481.69,180.44
|
||||
c-17.21,3.96-34.71-7.08-38.42-24.32c-0.52-2.4-0.74-4.9-0.82-7.36c-0.03-1.06-0.05-2.11-0.06-3.17
|
||||
c-0.03-3.17,0.02-6.35,0.02-9.52c0-5.02-0.02-10.03,0.01-15.05c0.01-3.1,1.08-4.17,4.14-4.17c9.44-0.01,18.87-0.04,28.3,0.01
|
||||
c15.46,0.08,28.82,11.43,31.46,26.67C509.23,160.32,498.37,176.6,481.69,180.44z"/>
|
||||
<path class="st0" d="M329.93,83.03c-36.38-0.13-65.95,29.29-66.14,65.8c-0.19,36.42,29.28,66.02,65.91,66.2
|
||||
c36.2,0.18,65.84-29.31,66.05-65.71C395.95,112.87,366.45,83.16,329.93,83.03z M326.91,108.02c2.03-2.02,3.71-2.01,5.75,0.03
|
||||
c0.25,0.25,0.5,0.5,0.75,0.75c2.95,2.94,5.88,5.89,8.83,8.83c3.44,3.44,6.89,6.87,10.31,10.32c10.57,10.64,12.42,27.18,4.49,39.87
|
||||
c-5.82,9.32-15.95,14.62-26.31,14.99c-0.13,0-0.26,0.01-0.39,0.01c-0.29,0.01-0.58,0.01-0.87,0.01c-0.46,0-0.91-0.01-1.37-0.03
|
||||
c-0.03,0-0.05,0-0.08,0c-1.99-0.09-3.98-0.37-5.93-0.84c-3.35-0.8-6.6-2.16-9.62-4.12c-14.1-9.17-18.99-27.28-11.19-42.08
|
||||
c1.42-2.69,3.37-5.16,5.42-7.43c2.99-3.32,6.28-6.37,9.44-9.53c0.4-0.4,0.8-0.8,1.2-1.2c2.93-2.93,5.86-5.87,8.79-8.79
|
||||
C326.39,108.54,326.65,108.28,326.91,108.02z"/>
|
||||
<path class="st0" d="M253.43,84.7c-4.36-0.01-8.71,0-13.07,0c-6.09,0-12.05,0.98-17.85,2.74c-27.05,8.23-45.59,33.28-45.62,61.53
|
||||
c-0.01,9.31,0,18.62,0,27.92c0,10.76,0,21.52,0,32.27c0,3.01,1.15,4.18,4.13,4.18c7.86,0.01,15.73,0.01,23.59,0
|
||||
c3.49,0,4.47-1,4.47-4.54c0-19.82-0.03-39.65,0.04-59.47c0.01-2.52,0.23-5.1,0.79-7.55c3.32-14.58,16.37-24.89,31.4-24.94
|
||||
c4.05-0.01,8.11,0.01,12.16-0.01c2.66-0.01,3.88-1.21,3.89-3.85c0.01-8.16,0.01-16.32,0-24.48
|
||||
C257.35,85.91,256.12,84.71,253.43,84.7z"/>
|
||||
<g>
|
||||
<path class="st0" d="M826.43,154.33c0.17-35.48-29.09-68.71-64.28-70.46c-36.38-0.13-65.95,29.29-66.14,65.8
|
||||
c-0.19,36.42,29.28,66.02,65.91,66.2c28.47,0.14,52.87-18.07,62.1-43.56c0.66-1.83-0.68-3.76-2.62-3.76h-29.81
|
||||
c-0.9,0-1.73,0.45-2.26,1.18c-6.14,8.44-16.08,13.94-27.32,13.95c-13.49,0.01-29.31-11.89-31.41-26.11
|
||||
c-0.25-1.67,1.09-3.16,2.78-3.16c3.26,0,6.52,0,9.78,0c20.36,0,30.53,0,31.18,0c10.6-0.05,11.31,0,52.03,0
|
||||
c0.02,0,0.03-0.02,0.02-0.04l-0.01-0.01C826.4,154.36,826.43,154.35,826.43,154.33z M783.8,128.75c-1.86,1.2-6.47,0.75-9.02,0.76
|
||||
c-11.14,0.03-22.28,0.04-33.42,0.04c-1.93,0-3.24-1.92-3.18-3.45c-0.04-0.9,0.44-1.93,1.25-2.66c6.01-5.43,13.95-8.74,22.63-8.7
|
||||
c8.22,0.04,15.72,2.99,21.55,7.86c1.16,0.97,1.69,2.11,1.68,3.27C785.3,126.94,784.94,128.02,783.8,128.75z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
<g id="Layer_2" class="st1">
|
||||
<g class="st2">
|
||||
<path class="st1" d="M923.36,88.24c0-2.61-1.24-3.81-3.92-3.81c-4.36-0.01-8.71,0-13.07,0c-6.09,0-12.05,0.98-17.85,2.74
|
||||
c-27.05,8.23-45.59,33.28-45.61,61.53c-0.01,9.31,0,18.62,0,27.92c0,10.76,0,21.52,0,32.27c0,3.01,1.15,4.18,4.13,4.18
|
||||
c7.86,0.01,15.73,0.01,23.59,0c3.49,0,4.47-1,4.47-4.54c0-19.82-0.03-39.65,0.04-59.47c0.01-2.52,0.23-5.1,0.79-7.55
|
||||
c3.32-14.58,16.37-24.89,31.4-24.94c4.05-0.01,8.11,0.01,12.16-0.01c2.66-0.01,3.88-1.21,3.89-3.85
|
||||
C923.38,104.56,923.38,96.4,923.36,88.24z"/>
|
||||
<path d="M153,52.11c-6.23,0.57-12.5,0.48-18.74,0c-5.47-0.43-6.92,0.18-6.92,4.45c0,10.4,0,20.8,0,31.2
|
||||
c0,3.22-1.46,4.08-4.39,2.71c-17.07-7.96-34.46-8.56-51.91-1.63c-30.48,12.11-46.74,45.63-37.77,77.26
|
||||
c7.82,27.56,32.99,46.67,61.61,46.72c20.03,0.04,40.06,0.01,60.09,0.01c3.61,0,4.55-0.97,4.55-4.65c0-25.27,0-50.55,0-75.82
|
||||
c0-25.33,0-50.67,0-76C159.51,52.41,158,51.66,153,52.11z M127.33,161.4c0,5.08,0.01,10.15,0,15.23c-0.01,2.86-1.2,4.04-4.09,4.04
|
||||
c-9.38,0.01-18.75,0.02-28.13,0c-15-0.05-28-10.43-31.37-25.02c-3.97-17.21,7.26-34.95,24.43-38.59
|
||||
c16.46-3.49,32.72,5.86,37.67,21.84c0.9,2.9,1.26,6.03,1.42,9.08C127.5,152.44,127.33,156.93,127.33,161.4z"/>
|
||||
<path class="st1" d="M618.62,84.18c-17.24-0.06-34.49-0.01-51.73-0.01c-3.21,0-6.41-0.02-9.62,0.01c-2.31,0.02-3.44,1.11-3.6,3.4
|
||||
c-0.05,0.78-0.03,1.57-0.03,2.36c0,24.85,0,49.7,0,74.55c0,25.33,0,50.66,0,76c0,3.6,0.94,4.52,4.52,4.52c7.62,0,15.25,0,22.87,0
|
||||
c3.94,0,4.8-0.85,4.8-4.78c0.01-10.34,0-20.68,0.02-31.02c0.01-3.21,1.4-4.08,4.24-2.73c5.09,2.43,10.39,4.16,15.95,5.21
|
||||
c12.41,2.36,24.49,1.21,36.12-3.55c33.21-13.59,48.83-50.89,35.37-84.13C667.93,100.29,644.29,84.26,618.62,84.18z M625.11,179.91
|
||||
c-17.21,3.96-34.71-7.08-38.42-24.32c-0.52-2.4-0.74-4.9-0.82-7.36c-0.03-1.06-0.05-2.11-0.06-3.17
|
||||
c-0.03-3.17,0.02-6.35,0.02-9.52c0-5.02-0.02-10.03,0.01-15.05c0.01-3.1,1.08-4.17,4.14-4.17c9.44-0.01,18.87-0.04,28.3,0.01
|
||||
c15.46,0.08,28.82,11.43,31.46,26.67C652.66,159.79,641.8,176.07,625.11,179.91z"/>
|
||||
<path class="st1" d="M473.89,84.18c-17.24-0.06-34.49-0.01-51.73-0.01c-3.21,0-6.41-0.02-9.62,0.01c-2.31,0.02-3.44,1.11-3.6,3.4
|
||||
c-0.05,0.78-0.03,1.57-0.03,2.36c0,24.85,0,49.7,0,74.55c0,25.33,0,50.66,0,76c0,3.6,0.94,4.52,4.52,4.52c7.62,0,15.25,0,22.87,0
|
||||
c3.94,0,4.8-0.85,4.8-4.78c0.01-10.34,0-20.68,0.02-31.02c0.01-3.21,1.4-4.08,4.24-2.73c5.09,2.43,10.39,4.16,15.95,5.21
|
||||
c12.41,2.36,24.49,1.21,36.12-3.55c33.21-13.59,48.83-50.89,35.37-84.13C523.2,100.29,499.56,84.26,473.89,84.18z M480.39,179.91
|
||||
c-17.21,3.96-34.71-7.08-38.42-24.32c-0.52-2.4-0.74-4.9-0.82-7.36c-0.03-1.06-0.05-2.11-0.06-3.17
|
||||
c-0.03-3.17,0.02-6.35,0.02-9.52c0-5.02-0.02-10.03,0.01-15.05c0.01-3.1,1.08-4.17,4.14-4.17c9.44-0.01,18.87-0.04,28.3,0.01
|
||||
c15.46,0.08,28.82,11.43,31.46,26.67C507.93,159.79,497.07,176.07,480.39,179.91z"/>
|
||||
<path class="st1" d="M328.63,82.5c-36.38-0.13-65.95,29.29-66.14,65.8c-0.19,36.42,29.28,66.02,65.91,66.2
|
||||
c36.2,0.18,65.84-29.31,66.05-65.71C394.65,112.35,365.15,82.63,328.63,82.5z M325.61,107.49c2.03-2.02,3.71-2.01,5.75,0.03
|
||||
c0.25,0.25,0.5,0.5,0.75,0.75c2.95,2.94,5.88,5.89,8.83,8.83c3.44,3.44,6.89,6.87,10.31,10.32c10.57,10.64,12.42,27.18,4.49,39.87
|
||||
c-5.82,9.32-15.95,14.62-26.31,14.99c-0.13,0-0.26,0.01-0.39,0.01c-0.29,0.01-0.58,0.01-0.87,0.01c-0.46,0-0.91-0.01-1.37-0.03
|
||||
c-0.03,0-0.05,0-0.08,0c-1.99-0.09-3.98-0.37-5.93-0.84c-3.35-0.8-6.6-2.16-9.62-4.12c-14.1-9.17-18.99-27.28-11.19-42.08
|
||||
c1.42-2.69,3.37-5.16,5.42-7.43c2.99-3.32,6.28-6.37,9.44-9.53c0.4-0.4,0.8-0.8,1.2-1.2c2.93-2.93,5.86-5.87,8.79-8.79
|
||||
C325.09,108.01,325.35,107.75,325.61,107.49z"/>
|
||||
<path class="st1" d="M252.13,84.17c-4.36-0.01-8.71,0-13.07,0c-6.09,0-12.05,0.98-17.85,2.74c-27.05,8.23-45.59,33.28-45.62,61.53
|
||||
c-0.01,9.31,0,18.62,0,27.92c0,10.76,0,21.52,0,32.27c0,3.01,1.15,4.18,4.13,4.18c7.86,0.01,15.73,0.01,23.59,0
|
||||
c3.49,0,4.47-1,4.47-4.54c0-19.82-0.03-39.65,0.04-59.47c0.01-2.52,0.23-5.1,0.79-7.55c3.32-14.58,16.37-24.89,31.4-24.94
|
||||
c4.05-0.01,8.11,0.01,12.16-0.01c2.66-0.01,3.88-1.21,3.89-3.85c0.01-8.16,0.01-16.32,0-24.48
|
||||
C256.05,85.38,254.81,84.18,252.13,84.17z"/>
|
||||
<g class="st1">
|
||||
<path class="st2" d="M825.13,153.8c0.17-35.48-29.09-68.71-64.28-70.46c-36.38-0.13-65.95,29.29-66.14,65.8
|
||||
c-0.19,36.42,29.28,66.02,65.91,66.2c28.47,0.14,52.87-18.07,62.1-43.56c0.66-1.83-0.68-3.76-2.62-3.76h-29.81
|
||||
c-0.9,0-1.73,0.45-2.26,1.18c-6.14,8.44-16.08,13.94-27.32,13.95c-13.49,0.01-29.31-11.89-31.41-26.11
|
||||
c-0.25-1.67,1.09-3.16,2.78-3.16c3.26,0,6.52,0,9.78,0c20.36,0,30.53,0,31.18,0c10.6-0.05,11.31,0,52.03,0
|
||||
c0.02,0,0.03-0.02,0.02-0.04l-0.01-0.01C825.1,153.83,825.13,153.82,825.13,153.8z M782.5,128.23c-1.86,1.2-6.47,0.75-9.02,0.76
|
||||
c-11.14,0.03-22.28,0.04-33.42,0.04c-1.93,0-3.24-1.92-3.18-3.45c-0.04-0.9,0.44-1.93,1.25-2.66c6.01-5.43,13.95-8.74,22.63-8.7
|
||||
c8.22,0.04,15.72,2.99,21.55,7.86c1.16,0.97,1.69,2.11,1.68,3.27C784,126.42,783.64,127.49,782.5,128.23z"/>
|
||||
</g>
|
||||
</g>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 10 KiB |
Reference in New Issue
Block a user