MainNav&SubNav UI

client/.eslintcache

-[{"C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\index.js":"1","C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\reportWebVitals.js":"2","C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\App.js":"3"},{"size":500,"mtime":499162500000,"results":"4","hashOfConfig":"5"},{"size":362,"mtime":499162500000,"results":"6","hashOfConfig":"5"},{"size":528,"mtime":499162500000,"results":"7","hashOfConfig":"5"},{"filePath":"8","messages":"9","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"zu2uto",{"filePath":"10","messages":"11","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"12","messages":"13","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},"C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\index.js",[],"C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\reportWebVitals.js",[],"C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\App.js",[]]
+[{"C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\index.js":"1","C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\reportWebVitals.js":"2","C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\App.js":"3","C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\Pages\\Login.js":"4","C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\Pages\\Admin.js":"5","C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\Pages\\Signup.js":"6","C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\Pages\\Home.js":"7","C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\Pages\\ShoppingCart.js":"8","C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\Pages\\Payment.js":"9","C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\Components\\MainNav.js":"10","C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\Components\\SubNav.js":"11"},{"size":1111,"mtime":1608984426449,"results":"12","hashOfConfig":"13"},{"size":362,"mtime":499162500000,"results":"14","hashOfConfig":"13"},{"size":528,"mtime":499162500000,"results":"15","hashOfConfig":"13"},{"size":299,"mtime":1608990331905,"results":"16","hashOfConfig":"13"},{"size":347,"mtime":1608990317155,"results":"17","hashOfConfig":"13"},{"size":349,"mtime":1608990352583,"results":"18","hashOfConfig":"13"},{"size":299,"mtime":1608990328892,"results":"19","hashOfConfig":"13"},{"size":361,"mtime":1608990350408,"results":"20","hashOfConfig":"13"},{"size":305,"mtime":1608990335736,"results":"21","hashOfConfig":"13"},{"size":1105,"mtime":1608994411660,"results":"22","hashOfConfig":"13"},{"size":1130,"mtime":1608994516868,"results":"23","hashOfConfig":"13"},{"filePath":"24","messages":"25","errorCount":0,"warningCount":3,"fixableErrorCount":0,"fixableWarningCount":0,"source":"26","usedDeprecatedRules":"27"},"zu2uto",{"filePath":"28","messages":"29","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0,"usedDeprecatedRules":"27"},{"filePath":"30","messages":"31","errorCount":0,"warningCount":0,"fixableErrorCount":0,"fixableWarningCount":0},{"filePath":"32","messages":"33","errorCount":0,"warningCount":3,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"34","messages":"35","errorCount":0,"warningCount":4,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"36","messages":"37","errorCount":0,"warningCount":4,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"38","messages":"39","errorCount":0,"warningCount":3,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"40","messages":"41","errorCount":0,"warningCount":4,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"42","messages":"43","errorCount":0,"warningCount":3,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"44","messages":"45","errorCount":0,"warningCount":6,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},{"filePath":"46","messages":"47","errorCount":0,"warningCount":5,"fixableErrorCount":0,"fixableWarningCount":0,"source":null},"C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\index.js",["48","49","50"],"import React from 'react';\nimport ReactDOM from 'react-dom';\nimport { BrowserRouter as Router, Route, Redirect, Switch } from 'react-router-dom';\nimport Home from './Pages/Home';\nimport Login from './Pages/Login';\nimport Signup from './Pages/Signup';\nimport Admin from './Pages/Admin';\nimport ShoppingCart from './Pages/ShoppingCart';\nimport Payment from './Pages/Payment';\nimport reportWebVitals from './reportWebVitals';\nimport 'bootstrap/dist/css/bootstrap.min.css';\n\nReactDOM.render(\n  <React.StrictMode>\n    <Router>\n      <Switch>\n        <Route exact path=\"/\" component={Home} />\n        <Route path=\"/login\" component={Login} />\n        <Route path=\"/signup\" component={Signup} />\n        <Route path=\"/shoppingcart\" component={ShoppingCart} />\n        <Redirect path=\"/\" to=\"/\" />\n      </Switch>\n    </Router>\n  </React.StrictMode>,\n  document.getElementById('root')\n);\n\n// If you want to start measuring performance in your app, pass a function\n// to log results (for example: reportWebVitals(console.log))\n// or send to an analytics endpoint. Learn more: https://bit.ly/CRA-vitals\nreportWebVitals();",["51","52"],"C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\reportWebVitals.js",[],"C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\App.js",[],"C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\Pages\\Login.js",["53","54","55"],"C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\Pages\\Admin.js",["56","57","58","59"],"C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\Pages\\Signup.js",["60","61","62","63"],"C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\Pages\\Home.js",["64","65","66"],"C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\Pages\\ShoppingCart.js",["67","68","69","70"],"C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\Pages\\Payment.js",["71","72","73"],"C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\Components\\MainNav.js",["74","75","76","77","78","79"],"C:\\Users\\MathUser\\Desktop\\Code\\shopping-mall\\client\\src\\Components\\SubNav.js",["80","81","82","83","84"],{"ruleId":"85","severity":1,"message":"86","line":4,"column":8,"nodeType":"87","messageId":"88","endLine":4,"endColumn":11},{"ruleId":"85","severity":1,"message":"89","line":8,"column":8,"nodeType":"87","messageId":"88","endLine":8,"endColumn":13},{"ruleId":"85","severity":1,"message":"90","line":10,"column":8,"nodeType":"87","messageId":"88","endLine":10,"endColumn":15},{"ruleId":"91","replacedBy":"92"},{"ruleId":"93","replacedBy":"94"},{"ruleId":"85","severity":1,"message":"95","line":1,"column":17,"nodeType":"87","messageId":"88","endLine":1,"endColumn":25},{"ruleId":"85","severity":1,"message":"96","line":1,"column":27,"nodeType":"87","messageId":"88","endLine":1,"endColumn":36},{"ruleId":"85","severity":1,"message":"97","line":1,"column":38,"nodeType":"87","messageId":"88","endLine":1,"endColumn":44},{"ruleId":"85","severity":1,"message":"95","line":1,"column":17,"nodeType":"87","messageId":"88","endLine":1,"endColumn":25},{"ruleId":"85","severity":1,"message":"96","line":1,"column":27,"nodeType":"87","messageId":"88","endLine":1,"endColumn":36},{"ruleId":"85","severity":1,"message":"97","line":1,"column":38,"nodeType":"87","messageId":"88","endLine":1,"endColumn":44},{"ruleId":"85","severity":1,"message":"98","line":2,"column":10,"nodeType":"87","messageId":"88","endLine":2,"endColumn":18},{"ruleId":"85","severity":1,"message":"95","line":1,"column":17,"nodeType":"87","messageId":"88","endLine":1,"endColumn":25},{"ruleId":"85","severity":1,"message":"96","line":1,"column":27,"nodeType":"87","messageId":"88","endLine":1,"endColumn":36},{"ruleId":"85","severity":1,"message":"97","line":1,"column":38,"nodeType":"87","messageId":"88","endLine":1,"endColumn":44},{"ruleId":"85","severity":1,"message":"98","line":2,"column":10,"nodeType":"87","messageId":"88","endLine":2,"endColumn":18},{"ruleId":"85","severity":1,"message":"95","line":1,"column":17,"nodeType":"87","messageId":"88","endLine":1,"endColumn":25},{"ruleId":"85","severity":1,"message":"96","line":1,"column":27,"nodeType":"87","messageId":"88","endLine":1,"endColumn":36},{"ruleId":"85","severity":1,"message":"97","line":1,"column":38,"nodeType":"87","messageId":"88","endLine":1,"endColumn":44},{"ruleId":"85","severity":1,"message":"95","line":1,"column":17,"nodeType":"87","messageId":"88","endLine":1,"endColumn":25},{"ruleId":"85","severity":1,"message":"96","line":1,"column":27,"nodeType":"87","messageId":"88","endLine":1,"endColumn":36},{"ruleId":"85","severity":1,"message":"97","line":1,"column":38,"nodeType":"87","messageId":"88","endLine":1,"endColumn":44},{"ruleId":"85","severity":1,"message":"98","line":2,"column":10,"nodeType":"87","messageId":"88","endLine":2,"endColumn":18},{"ruleId":"85","severity":1,"message":"95","line":1,"column":17,"nodeType":"87","messageId":"88","endLine":1,"endColumn":25},{"ruleId":"85","severity":1,"message":"96","line":1,"column":27,"nodeType":"87","messageId":"88","endLine":1,"endColumn":36},{"ruleId":"85","severity":1,"message":"97","line":1,"column":38,"nodeType":"87","messageId":"88","endLine":1,"endColumn":44},{"ruleId":"85","severity":1,"message":"95","line":1,"column":17,"nodeType":"87","messageId":"88","endLine":1,"endColumn":25},{"ruleId":"85","severity":1,"message":"96","line":1,"column":27,"nodeType":"87","messageId":"88","endLine":1,"endColumn":36},{"ruleId":"85","severity":1,"message":"97","line":1,"column":38,"nodeType":"87","messageId":"88","endLine":1,"endColumn":44},{"ruleId":"99","severity":1,"message":"100","line":12,"column":17,"nodeType":"101","endLine":12,"endColumn":58},{"ruleId":"99","severity":1,"message":"100","line":19,"column":21,"nodeType":"101","endLine":19,"endColumn":62},{"ruleId":"99","severity":1,"message":"100","line":23,"column":21,"nodeType":"101","endLine":23,"endColumn":64},{"ruleId":"85","severity":1,"message":"95","line":1,"column":17,"nodeType":"87","messageId":"88","endLine":1,"endColumn":25},{"ruleId":"85","severity":1,"message":"96","line":1,"column":27,"nodeType":"87","messageId":"88","endLine":1,"endColumn":36},{"ruleId":"85","severity":1,"message":"97","line":1,"column":38,"nodeType":"87","messageId":"88","endLine":1,"endColumn":44},{"ruleId":"85","severity":1,"message":"102","line":2,"column":10,"nodeType":"87","messageId":"88","endLine":2,"endColumn":16},{"ruleId":"85","severity":1,"message":"103","line":5,"column":14,"nodeType":"87","messageId":"88","endLine":5,"endColumn":30},"no-unused-vars","'Nav' is defined but never used.","Identifier","unusedVar","'Admin' is defined but never used.","'Payment' is defined but never used.","no-native-reassign",["104"],"no-negated-in-lhs",["105"],"'useState' is defined but never used.","'useEffect' is defined but never used.","'useRef' is defined but never used.","'Redirect' is defined but never used.","jsx-a11y/alt-text","img elements must have an alt prop, either with meaningful text, or an empty string for decorative images.","JSXOpeningElement","'Navbar' is defined but never used.","'handleMouseEnter' is defined but never used.","no-global-assign","no-unsafe-negation"]
\ No newline at end of file

client/.gitignore

@@ -23,3 +23,4 @@ yarn-debug.log*
 yarn-error.log*
 
 package-lock.json
+.eslintcache
\ No newline at end of file

client/package.json

@@ -10,6 +10,7 @@
     "react": "^17.0.1",
     "react-bootstrap": "^1.4.0",
     "react-dom": "^17.0.1",
+    "react-router-dom": "^5.2.0",
     "react-scripts": "4.0.1",
     "web-vitals": "^0.2.4"
   },

client/public/index.html

@@ -2,7 +2,7 @@
 <html lang="en">
   <head>
     <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/favicon.ico" />
+    <link rel="icon" href="%PUBLIC_URL%/footprint.ico" />
     <meta name="viewport" content="width=device-width, initial-scale=1" />
     <meta name="theme-color" content="#000000" />
     <meta

client/src/Components/MainNav.js

 import React, { useState, useEffect, useRef } from 'react';
-import { Link } from 'react-router-dom';
+import { Navbar, Nav } from 'react-bootstrap';
+import logo from '../../public/img/footprint.ico';
+import cart from '../cart.svg';
+import option from '../option.svg';
 
 function MainNav() {
 
     return (
-        <div>
-        </div>
+        <Navbar bg="dark" variant="dark">
+            <Navbar.Brand href="/home">
+                <img src={logo} width="30" height="30" />
+                {' '}KU#
+            </Navbar.Brand>
+            <Nav className="justify-content-end">
+                <Nav.Link href="/login">Login</Nav.Link>
+                <Nav.Link href="/signup">Signup</Nav.Link>
+                <Nav.Link href="/shoppingcart">
+                    <img src={cart} width="30" height="30" />
+                </Nav.Link>
+                <Nav.Link onClick={() => { alert('로그아웃이 완료되었습니다.') }}>Logout</Nav.Link>
+                <Nav.Link href="/admin/:id">
+                    <img src={option} width="30" height="30" />
+                </Nav.Link>
+            </Nav>
+        </Navbar>
     )
 }
 

client/src/Components/SubNav.js

 import React, { useState, useEffect, useRef } from 'react';
-import { Link } from 'react-router-dom';
+import { Navbar, Nav } from 'react-bootstrap';
 
 function SubNav() {
+    function handleMouseEnter(e) {
+        console.log(e.target)
+    }
 
     return (
-        <div>
-        </div>
+        <Nav>
+            <Nav.Item eventKey="1">
+                <Nav.Link href="/dress">DRESS</Nav.Link>
+            </Nav.Item>
+            <Nav.Item eventKey="2">
+                <Nav.Link href="/outer">OUTER</Nav.Link>
+            </Nav.Item>
+            <Nav.Item eventKey="3">
+                <Nav.Link href="/top">TOP</Nav.Link>
+            </Nav.Item>
+            <Nav.Item eventKey="4">
+                <Nav.Link href="/bottom">BOTTOM</Nav.Link>
+            </Nav.Item>
+            <Nav.Item eventKey="5">
+                <Nav.Link href="/training">TRAINING</Nav.Link>
+            </Nav.Item>
+            <Nav.Item eventKey="6">
+                <Nav.Link href="/inner">INNER</Nav.Link>
+            </Nav.Item>
+            <Nav.Item eventKey="7">
+                <Nav.Link href="/shoes">SHOES</Nav.Link>
+            </Nav.Item>
+        </Nav>
     )
 }
 

client/src/Pages/Admin.js

 import React, { useState, useEffect, useRef } from 'react';
-import { Redirect } from 'react-router';
-import Nav1 from '../Components/MainNav';
-import Nav2 from '../Components/SubNav';
+import { Redirect } from 'react-router-dom';
+import MainNav from '../Components/MainNav';
+import SubNav from '../Components/SubNav';
 
 function Admin() {
 
     return (
         <div>
-            <Nav1 />
-            <Nav2 />
-            
+            <MainNav />
+            <SubNav />
         </div>
     )
 }

client/src/Pages/Home.js

 import React, { useState, useEffect, useRef } from 'react';
-import Nav1 from '../Components/MainNav';
-import Nav2 from '../Components/SubNav';
+import MainNav from '../Components/MainNav';
+import SubNav from '../Components/SubNav';
 
 function Home() {
 
     return (
         <div>
-            <Nav1 />
-            <Nav2 />
-            
+            <MainNav />
+            <SubNav />
         </div>
     )
 }

client/src/Pages/Login.js

 import React, { useState, useEffect, useRef } from 'react';
-import Nav1 from '../Components/MainNav';
-import Nav2 from '../Components/SubNav';
-
+import MainNav from '../Components/MainNav';
+import SubNav from '../Components/SubNav';
 function Login() {
 
     return (
         <div>
-            <Nav1 />
-            <Nav2 />
-            
+            <MainNav />
+            <SubNav />
         </div>
     )
 }

client/src/Pages/Payment.js

 import React, { useState, useEffect, useRef } from 'react';
-import Nav1 from '../Components/MainNav';
-import Nav2 from '../Components/SubNav';
+import MainNav from '../Components/MainNav';
+import SubNav from '../Components/SubNav';
 
 function Payment() {
 
     return (
         <div>
-            <Nav1 />
-            <Nav2 />
-            
+            <MainNav />
+            <SubNav />
         </div>
     )
 }

client/src/Pages/Products.js

 import React, { useState, useEffect, useRef } from 'react';
-import Nav1 from '../Components/MainNav';
-import Nav2 from '../Components/SubNav';
+import MainNav from '../Components/MainNav';
+import SubNav from '../Components/SubNav';
 
 function Products() {
 
     return (
         <div>
-            <Nav1 />
-            <Nav2 />
-            
+            <MainNav />
+            <SubNav />
         </div>
     )
 }

client/src/Pages/ProductsList.js

 import React, { useState, useEffect, useRef } from 'react';
-import Nav1 from '../Components/MainNav';
-import Nav2 from '../Components/SubNav';
+import MainNav from '../Components/MainNav';
+import SubNav from '../Components/SubNav';
 import Products from './Products';
 
 function ProductsList() {
 
     return (
         <div>
-            <Nav1 />
-            <Nav2 />
-            
+            <MainNav />
+            <SubNav />
         </div>
     )
 }

client/src/Pages/ProductsRegist.js

 import React, { useState, useEffect, useRef } from 'react';
-import Nav1 from '../Components/MainNav';
-import Nav2 from '../Components/SubNav';
+import MainNav from '../Components/MainNav';
+import SubNav from '../Components/SubNav';
 
 function ProductsRegist() {
 
     return (
         <div>
-            <Nav1 />
-            <Nav2 />
-            
+            <MainNav />
+            <SubNav />
         </div>
     )
 }

client/src/Pages/ShoppingCart.js

 import React, { useState, useEffect, useRef } from 'react';
-import { Redirect } from 'react-router';
-import Nav1 from '../Components/MainNav';
-import Nav2 from '../Components/SubNav';
+import { Redirect } from 'react-router-dom';
+import MainNav from '../Components/MainNav';
+import SubNav from '../Components/SubNav';
 
 function ShoppingCart() {
 
     return (
         <div>
-            <Nav1 />
-            <Nav2 />
-            
+            <MainNav />
+            <SubNav />
         </div>
     )
 }

client/src/Pages/Signup.js

 import React, { useState, useEffect, useRef } from 'react';
-import { Redirect } from 'react-router';
-import Nav1 from '../Components/MainNav';
-import Nav2 from '../Components/SubNav';
+import { Redirect } from 'react-router-dom';
+import MainNav from '../Components/MainNav';
+import SubNav from '../Components/SubNav';
 
 function Signup() {
 
     return (
         <div>
-            <Nav1 />
-            <Nav2 />
-            
+            <MainNav />
+            <SubNav />
         </div>
     )
 }

client/src/cart.svg

+<?xml version="1.0" ?><svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><defs><style>.cls-1{fill:none;}</style></defs><title/><g data-name="Layer 2" id="Layer_2"><path d="M23.52,29h-15a5.48,5.48,0,0,1-5.31-6.83L6.25,9.76a1,1,0,0,1,1-.76H24a1,1,0,0,1,1,.7l3.78,12.16a5.49,5.49,0,0,1-.83,4.91A5.41,5.41,0,0,1,23.52,29ZM8,11,5.11,22.65A3.5,3.5,0,0,0,8.48,27h15a3.44,3.44,0,0,0,2.79-1.42,3.5,3.5,0,0,0,.53-3.13L23.28,11Z"/><path d="M20,17a1,1,0,0,1-1-1V8a3,3,0,0,0-6,0v8a1,1,0,0,1-2,0V8A5,5,0,0,1,21,8v8A1,1,0,0,1,20,17Z"/></g><g id="frame"><rect class="cls-1" height="32" width="32"/></g></svg>
\ No newline at end of file

client/src/index.js

@@ -17,6 +17,7 @@ ReactDOM.render(
         <Route exact path="/" component={Home} />
         <Route path="/login" component={Login} />
         <Route path="/signup" component={Signup} />
+        <Route path="/shoppingcart" component={ShoppingCart} />
         <Redirect path="/" to="/" />
       </Switch>
     </Router>

client/src/option.svg

+<?xml version="1.0" ?><svg viewBox="0 0 32 32" xmlns="http://www.w3.org/2000/svg"><title/><g id="setting"><path d="M19.06,32H12.94A1.94,1.94,0,0,1,11,30.06V28.38c-.19-.08-.38-.15-.57-.24L9.21,29.37a1.92,1.92,0,0,1-2.68,0l-3.9-3.9a1.92,1.92,0,0,1,0-2.68l1.24-1.23c-.09-.19-.16-.38-.24-.57H1.94A1.94,1.94,0,0,1,0,19.06V12.94A1.94,1.94,0,0,1,1.94,11H3.62c.08-.19.15-.38.24-.57L2.63,9.21a1.92,1.92,0,0,1,0-2.68l3.9-3.9a1.92,1.92,0,0,1,2.68,0l1.23,1.24c.19-.09.38-.16.57-.24V1.94A1.94,1.94,0,0,1,12.94,0h6.12A1.94,1.94,0,0,1,21,1.94V3.62l.57.24,1.22-1.23a1.92,1.92,0,0,1,2.68,0l3.9,3.9a1.92,1.92,0,0,1,0,2.68l-1.24,1.23c.09.19.16.38.24.57h1.68A1.94,1.94,0,0,1,32,12.94v6.12A1.94,1.94,0,0,1,30.06,21H28.38c-.08.19-.15.38-.24.57l1.23,1.22a1.92,1.92,0,0,1,0,2.68l-3.9,3.9a1.92,1.92,0,0,1-2.68,0l-1.23-1.24c-.19.09-.38.16-.57.24v1.68A1.94,1.94,0,0,1,19.06,32Zm-9-7,.63.32a10.57,10.57,0,0,0,1.6.66l.67.22V30l5.62-.06-.06-3.05.7-.22A11.36,11.36,0,0,0,20.93,26l.65-.32,2.29,2.2L27.81,24,25.52,21.9l.31-.59a10.72,10.72,0,0,0,.73-1.71l.21-.6H30l-.06-6H26.89l-.2-.62A11.72,11.72,0,0,0,26,10.71l-.31-.61,2.2-2.2L24,4.11,21.9,6.31,21.27,6a10.57,10.57,0,0,0-1.6-.66L19,5.11V2l-6.06.06L13,5.11l-.67.22a10.57,10.57,0,0,0-1.6.66l-.63.32L7.9,4.11,4.11,8l2.2,2.12L6,10.73a10.57,10.57,0,0,0-.66,1.6L5.11,13H2l.06,5.41,3.05-.06.22.67A10.57,10.57,0,0,0,6,20.62l.32.63-2.2,2.2L8,27.24Z"/><path d="M16,24a8,8,0,1,1,8-8A8,8,0,0,1,16,24Zm0-14a6,6,0,1,0,6,6A6,6,0,0,0,16,10Z"/></g></svg>
\ No newline at end of file