Commit 7a962965 authored by alain's avatar alain 🐙
Browse files

add svg image loader

parent d2b7c849
......@@ -14,6 +14,15 @@ module.exports = {
path: `${__dirname}/src/images`,
},
},
{
resolve: 'gatsby-plugin-react-svg',
options: {
rule: {
include: /images/
}
}
},
{
resolve: 'gatsby-source-strapi',
options: {
......
......@@ -11,6 +11,7 @@
"gatsby-plugin-manifest": "^2.4.22",
"gatsby-plugin-offline": "^3.2.22",
"gatsby-plugin-react-helmet": "^3.3.6",
"gatsby-plugin-react-svg": "^3.0.0",
"gatsby-plugin-sass": "^2.3.12",
"gatsby-plugin-sharp": "^2.6.25",
"gatsby-source-filesystem": "^2.3.24",
......
......@@ -6,7 +6,7 @@ import "../styles/styles.scss"
import Header from "./header"
import Footer from "./footer"
import Blob from "../images/blob.svg"
const Layout = ({ children }) => {
const data = useStaticQuery(graphql`
......@@ -21,6 +21,7 @@ const Layout = ({ children }) => {
return (
<div id="page">
<Blob id="blob" />
<Header siteTitle={data.site.siteMetadata.title} />
<main>{children}</main>
<Footer />
......
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 967.15 1001.77"><path d="M586.78,456.85c26.45,15.27,43.34,53.61,28.07,80.06S593,540.6,566.54,525.33,513.12,513.44,528.39,487,560.33,441.57,586.78,456.85Z" transform="translate(-60.56 -55.73)" fill="none" stroke="#faa431" stroke-miterlimit="10"/><path d="M590.51,432.31c43,24.83,70.49,87.19,45.66,130.2s-35.55,6-78.57-18.83-86.88-19.33-62-62.35S547.5,407.47,590.51,432.31Z" transform="translate(-60.56 -55.73)" fill="none" stroke="#faa431" stroke-miterlimit="10"/><path d="M597.88,397.12c63.58,36.71,102.36,132,63.39,199.53s-53.58,10.67-117.16-26-129.63-26.47-90.67-94S534.3,360.42,597.88,397.12Z" transform="translate(-60.56 -55.73)" fill="none" stroke="#faa431" stroke-miterlimit="10"/><path d="M604.83,356.84c89.47,51.66,144,185.82,89.22,280.79s-75.41,15-164.89-36.64-182.43-37.26-127.6-132.23S515.35,305.18,604.83,356.84Z" transform="translate(-60.56 -55.73)" fill="none" stroke="#faa431" stroke-miterlimit="10" opacity="0.8"/><path d="M613.82,304.71c123,71,198,255.41,122.64,386S632.8,711.31,509.82,640.3,259.06,589.09,334.43,458.55,490.83,233.7,613.82,304.71Z" transform="translate(-60.56 -55.73)" fill="none" stroke="#faa431" stroke-miterlimit="10" opacity="0.6"/><path d="M635.64,249.44C805.92,347.75,909.78,603.07,805.43,783.8s-143.51,28.58-313.78-69.73-347.18-70.9-242.83-251.63S465.36,151.13,635.64,249.44Z" transform="translate(-60.56 -55.73)" fill="none" stroke="#faa431" stroke-miterlimit="10" opacity="0.4"/><path d="M702.52,108c261.3,150.86,420.67,542.64,260.55,820s-220.22,43.86-481.51-107S-51.19,712.15,108.94,434.81,441.23-42.9,702.52,108Z" transform="translate(-60.56 -55.73)" fill="none" stroke="#faa431" stroke-miterlimit="10" opacity="0.2"/></svg>
\ No newline at end of file
......@@ -4,7 +4,7 @@
display: flex;
align-items: flex-end;
margin-bottom: 20px;
background: #fff;
//background: #fff;
color: #000;
padding: 20px;
z-index: 1;
......@@ -31,6 +31,7 @@
}
.menu-container a {
display: block;
text-decoration: none;
color: #000;
transition: color 0.1s ease;
......
......@@ -9,6 +9,20 @@ body {
min-height: 100vh;
}
#blob {
position: absolute;
z-index: -1;
width: 75vw;
min-width: 768px;
top: 0;
right: 0;
transform: translate(35%, -25%);
path {
stroke-width: 0.8;
}
}
main {
flex: 1 0 auto;
width: 100%;
......
......@@ -3084,6 +3084,11 @@ better-queue@^3.8.10, better-queue@^3.8.7:
node-eta "^0.9.0"
uuid "^3.0.0"
 
big.js@^3.1.3:
version "3.2.0"
resolved "https://registry.yarnpkg.com/big.js/-/big.js-3.2.0.tgz#a5fc298b81b9e0dca2e458824784b65c52ba588e"
integrity sha512-+hN/Zh2D08Mx65pZ/4g5bsmNiZUuChDiQfTUQ7qJr4/kuopCr88xZsAXv6mBoZEsUI4OuGHlX59qE94K2mMW8Q==
big.js@^5.2.2:
version "5.2.2"
resolved "https://registry.yarnpkg.com/big.js/-/big.js-5.2.2.tgz#65f0af382f578bcdc742bd9c281e9cb2d7768328"
......@@ -4515,6 +4520,16 @@ css-what@^3.2.1:
resolved "https://registry.yarnpkg.com/css-what/-/css-what-3.3.0.tgz#10fec696a9ece2e591ac772d759aacabac38cd39"
integrity sha512-pv9JPyatiPaQ6pf4OvD/dbfm0o5LviWmwxNWzblYf/1u9QZd0ihV+PMwy5jdQWQ3349kZmKEx9WXuSka2dM4cg==
 
css@2.2.4:
version "2.2.4"
resolved "https://registry.yarnpkg.com/css/-/css-2.2.4.tgz#c646755c73971f2bba6a601e2cf2fd71b1298929"
integrity sha512-oUnjmWpy0niI3x/mPL8dVEI1l7MnG3+HHyRPHf+YFSbK+svOhXpmSOcDURUh2aOCgl2grzrOPt1nHLuCVFULLw==
dependencies:
inherits "^2.0.3"
source-map "^0.6.1"
source-map-resolve "^0.5.2"
urix "^0.1.0"
cssesc@^3.0.0:
version "3.0.0"
resolved "https://registry.yarnpkg.com/cssesc/-/cssesc-3.0.0.tgz#37741919903b868565e1c09ea747445cd18983ee"
......@@ -5240,6 +5255,11 @@ emoji-regex@^9.0.0:
resolved "https://registry.yarnpkg.com/emoji-regex/-/emoji-regex-9.0.0.tgz#48a2309cc8a1d2e9d23bc6a67c39b63032e76ea4"
integrity sha512-6p1NII1Vm62wni/VR/cUMauVQoxmLVb9csqQlvLz+hO2gk8U2UYDfXHQSUYIBKmZwAKz867IDqG7B+u0mj+M6w==
 
emojis-list@^2.0.0:
version "2.1.0"
resolved "https://registry.yarnpkg.com/emojis-list/-/emojis-list-2.1.0.tgz#4daa4d9db00f9819880c79fa457ae5b09a1fd389"
integrity sha1-TapNnbAPmBmIDHn6RXrlsJof04k=
emojis-list@^3.0.0:
version "3.0.0"
resolved "https://registry.yarnpkg.com/emojis-list/-/emojis-list-3.0.0.tgz#5570662046ad29e2e916e71aae260abdff4f6a78"
......@@ -6617,6 +6637,13 @@ gatsby-plugin-react-helmet@^3.3.6:
dependencies:
"@babel/runtime" "^7.10.3"
 
gatsby-plugin-react-svg@^3.0.0:
version "3.0.0"
resolved "https://registry.yarnpkg.com/gatsby-plugin-react-svg/-/gatsby-plugin-react-svg-3.0.0.tgz#67984bf350bce0532bef965fab094b0b461cdf68"
integrity sha512-myZl5NjVZwLLn4ovwSDM7cufa8yjaRiU5KoufJrz8FEalRroZ/hFSCCKNVna3blTwxcS0rZgISigYn9/xY7rkw==
dependencies:
svg-react-loader "^0.4.4"
gatsby-plugin-sass@^2.3.12:
version "2.3.12"
resolved "https://registry.yarnpkg.com/gatsby-plugin-sass/-/gatsby-plugin-sass-2.3.12.tgz#4ebdf2d541004e60a5d108eb1302a43b16ceeeaf"
......@@ -8874,7 +8901,7 @@ json3@^3.3.2:
resolved "https://registry.yarnpkg.com/json3/-/json3-3.3.3.tgz#7fc10e375fc5ae42c4705a5cc0aa6f62be305b81"
integrity sha512-c7/8mbUsKigAbLkD5B010BK4D9LZm7A1pNItkEwiUZRpIN66exu/e7YQWysGun+TRKaJp8MhemM+VkfWv42aCA==
 
json5@^0.5.1:
json5@^0.5.0, json5@^0.5.1:
version "0.5.1"
resolved "https://registry.yarnpkg.com/json5/-/json5-0.5.1.tgz#1eade7acc012034ad84e2396767ead9fa5495821"
integrity sha1-Hq3nrMASA0rYTiOWdn6tn6VJWCE=
......@@ -9071,6 +9098,15 @@ loader-runner@^2.4.0:
resolved "https://registry.yarnpkg.com/loader-runner/-/loader-runner-2.4.0.tgz#ed47066bfe534d7e84c4c7b9998c2a75607d9357"
integrity sha512-Jsmr89RcXGIwivFY21FcRrisYZfvLMTWx5kOLc+JTxtpBOG6xML0vzbc6SEQG2FO9/4Fc3wW4LVcB5DmGflaRw==
 
loader-utils@1.1.0:
version "1.1.0"
resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-1.1.0.tgz#c98aef488bcceda2ffb5e2de646d6a754429f5cd"
integrity sha1-yYrvSIvM7aL/teLeZG1qdUQp9c0=
dependencies:
big.js "^3.1.3"
emojis-list "^2.0.0"
json5 "^0.5.0"
loader-utils@^1.0.1, loader-utils@^1.0.2, loader-utils@^1.1.0, loader-utils@^1.2.3, loader-utils@^1.4.0:
version "1.4.0"
resolved "https://registry.yarnpkg.com/loader-utils/-/loader-utils-1.4.0.tgz#c579b5e34cb34b1a74edc6c1fb36bfa371d5a613"
......@@ -11627,6 +11663,11 @@ querystringify@^2.1.1:
resolved "https://registry.yarnpkg.com/querystringify/-/querystringify-2.1.1.tgz#60e5a5fd64a7f8bfa4d2ab2ed6fdf4c85bad154e"
integrity sha512-w7fLxIRCRT7U8Qu53jQnJyPkYZIaR4n5151KMfcJlO/A9397Wxb1amJvROTK6TOnp7PfoAmg/qXiNHI+08jRfA==
 
ramda@0.21.0:
version "0.21.0"
resolved "https://registry.yarnpkg.com/ramda/-/ramda-0.21.0.tgz#a001abedb3ff61077d4ff1d577d44de77e8d0a35"
integrity sha1-oAGr7bP/YQd9T/HVd9RN536NCjU=
randomatic@^3.0.0:
version "3.1.1"
resolved "https://registry.yarnpkg.com/randomatic/-/randomatic-3.1.1.tgz#b776efc59375984e36c537b2f51a1f0aff0da1ed"
......@@ -12455,6 +12496,11 @@ rx-lite@*, rx-lite@^4.0.8:
resolved "https://registry.yarnpkg.com/rx-lite/-/rx-lite-4.0.8.tgz#0b1e11af8bc44836f04a6407e92da42467b79444"
integrity sha1-Cx4Rr4vESDbwSmQH6S2kJGe3lEQ=
 
rx@4.1.0:
version "4.1.0"
resolved "https://registry.yarnpkg.com/rx/-/rx-4.1.0.tgz#a5f13ff79ef3b740fe30aa803fb09f98805d4782"
integrity sha1-pfE/957zt0D+MKqAP7CfmIBdR4I=
rxjs@^6.5.2, rxjs@^6.6.0:
version "6.6.2"
resolved "https://registry.yarnpkg.com/rxjs/-/rxjs-6.6.2.tgz#8096a7ac03f2cc4fe5860ef6e572810d9e01c0d2"
......@@ -13020,7 +13066,7 @@ source-list-map@^2.0.0:
resolved "https://registry.yarnpkg.com/source-list-map/-/source-list-map-2.0.1.tgz#3993bd873bfc48479cca9ea3a547835c7c154b34"
integrity sha512-qnQ7gVMxGNxsiL4lEuJwe/To8UnK7fAnmbGEEH8RpLouuKbeEm0lhbQVFIrNSuB+G7tVrAlVsZgETT5nljf+Iw==
 
source-map-resolve@^0.5.0:
source-map-resolve@^0.5.0, source-map-resolve@^0.5.2:
version "0.5.3"
resolved "https://registry.yarnpkg.com/source-map-resolve/-/source-map-resolve-0.5.3.tgz#190866bece7553e1f8f267a2ee82c606b5509a1a"
integrity sha512-Htz+RnsXWk5+P2slx5Jh3Q66vhQj1Cllm0zvnaY98+NFx+Dv2CF/f5O/t8x+KaNdrdIAsruNzoh/KpialbqAnw==
......@@ -13575,6 +13621,18 @@ supports-color@^7.1.0:
dependencies:
has-flag "^4.0.0"
 
svg-react-loader@^0.4.4:
version "0.4.6"
resolved "https://registry.yarnpkg.com/svg-react-loader/-/svg-react-loader-0.4.6.tgz#b263efb3e3d2fff4c682a729351aba5f185051a1"
integrity sha512-HVEypjWQsQuJdBIPzXGxpmQsQts7QwfQuYgK1rah6BVCMoLNSCh/ESKVNd7/tHq8DkWYHHTyaUMDA1FjqZYrgA==
dependencies:
css "2.2.4"
loader-utils "1.1.0"
ramda "0.21.0"
rx "4.1.0"
traverse "0.6.6"
xml2js "0.4.17"
svg-tag-names@^2.0.1:
version "2.0.1"
resolved "https://registry.yarnpkg.com/svg-tag-names/-/svg-tag-names-2.0.1.tgz#acf5655faaa2e4b173007599226b906be1b38a29"
......@@ -13884,6 +13942,11 @@ tough-cookie@~2.5.0:
psl "^1.1.28"
punycode "^2.1.1"
 
traverse@0.6.6:
version "0.6.6"
resolved "https://registry.yarnpkg.com/traverse/-/traverse-0.6.6.tgz#cbdf560fd7b9af632502fed40f918c157ea97137"
integrity sha1-y99WD9e5r2MlAv7UD5GMFX6pcTc=
tree-kill@^1.2.2:
version "1.2.2"
resolved "https://registry.yarnpkg.com/tree-kill/-/tree-kill-1.2.2.tgz#4ca09a9092c88b73a7cdc5e8a01b507b0790a0cc"
......@@ -14988,6 +15051,14 @@ xml-parse-from-string@^1.0.0:
resolved "https://registry.yarnpkg.com/xml-parse-from-string/-/xml-parse-from-string-1.0.1.tgz#a9029e929d3dbcded169f3c6e28238d95a5d5a28"
integrity sha1-qQKekp09vN7RafPG4oI42VpdWig=
 
xml2js@0.4.17:
version "0.4.17"
resolved "https://registry.yarnpkg.com/xml2js/-/xml2js-0.4.17.tgz#17be93eaae3f3b779359c795b419705a8817e868"
integrity sha1-F76T6q4/O3eTWceVtBlwWogX6Gg=
dependencies:
sax ">=0.6.0"
xmlbuilder "^4.1.0"
xml2js@^0.4.5:
version "0.4.23"
resolved "https://registry.yarnpkg.com/xml2js/-/xml2js-0.4.23.tgz#a0c69516752421eb2ac758ee4d4ccf58843eac66"
......@@ -14996,6 +15067,13 @@ xml2js@^0.4.5:
sax ">=0.6.0"
xmlbuilder "~11.0.0"
 
xmlbuilder@^4.1.0:
version "4.2.1"
resolved "https://registry.yarnpkg.com/xmlbuilder/-/xmlbuilder-4.2.1.tgz#aa58a3041a066f90eaa16c2f5389ff19f3f461a5"
integrity sha1-qlijBBoGb5DqoWwvU4n/GfP0YaU=
dependencies:
lodash "^4.0.0"
xmlbuilder@~11.0.0:
version "11.0.1"
resolved "https://registry.yarnpkg.com/xmlbuilder/-/xmlbuilder-11.0.1.tgz#be9bae1c8a046e76b31127726347d0ad7002beb3"
......
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment