YourWishes/domsPlace
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Cleaned and preparring for gatsby.

Browse Source
This commit is contained in:
Dominic Masters
2020-01-26 18:34:39 +10:00
parent 50822ebe66
commit 39ba9cf3ad
168 changed files with 5 additions and 17435 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
.gitignore vendored
View File

@ -57,6 +57,7 @@ typings/
# dotenv environment variables file
.env
# custom
dist/
/package-lock.json
/dist

2
LICENSE
View File

@ -1,6 +1,6 @@
MIT License
Copyright (c) 2018 Dominic Masters
Copyright (c) 2012-2020 Dominic Masters
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal

24
package.json
View File

@ -1,14 +1,8 @@
{
"name": "domsplace",
"version": "6.0.1",
"description": "Personal website for Dominic \"YouWish\" Masters.",
"main": "dist/private/",
"version": "7.0.0",
"description": "Personal website for Dominic \"YourWishes\" Masters.",
"scripts": {
"test": "jest",
"start": "node dist/private/",
"build": "tsc -p . && webpack -p --env.production",
"watch": "cross-env NODE_ENV=DEVELOPMENT npm run start",
"heroku-postbuild": "tsc -p . && webpack -p --env.production"
},
"repository": {
"type": "git",
@ -25,21 +19,9 @@
"bugs": {
"url": "https://github.com/YourWishes/domsPlaceNew/issues"
},
"homepage": "https://github.com/YourWishes/domsPlaceNew#readme",
"homepage": "https://domsplace.com",
"dependencies": {
"@types/animejs": "^2.0.2",
"@yourwishes/app-email": "^1.0.3",
"@yourwishes/app-simple-react": "^2.8.7",
"animejs": "^3.0.1",
"react-helmet": "^5.2.1"
},
"devDependencies": {
"@types/jest": "^24.0.15",
"cross-env": "^5.2.0",
"jest": "^24.1.0",
"typescript": "^3.5.3",
"webpack-cli": "^3.3.5",
"webpack-dev-middleware": "^3.6.1",
"webpack-hot-middleware": "^2.24.3"
}
}

78
src/private/api/contact/index.ts
View File

@ -1,78 +0,0 @@
// Copyright (c) 2019 Dominic Masters
//
// MIT License
//
// Permission is hereby granted, free of charge, to any person obtaining
// a copy of this software and associated documentation files (the
// "Software"), to deal in the Software without restriction, including
// without limitation the rights to use, copy, modify, merge, publish,
// distribute, sublicen se, and/or sell copies of the Software, and to
// permit persons to whom the Software is furnished to do so, subject to
// the following conditions:
//
// The above copyright notice and this permission notice shall be
// included in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
import { RESPONSE_OK, RESPONSE_BAD_REQUEST, RESPONSE_INTERNAL_ERROR } from '@yourwishes/app-api';
import { ServerAPIRequest, ServerAPIResponse, ServerAPIHandler } from '@yourwishes/app-server';
import { isValidEmail } from '@yourwishes/app-email';
import { domsPlaceApp } from './../../app/';
export const EMAIL_MAXLENGTH = 256;
export const NAME_MAXLENGTH = 128;
export const MESSAGE_MAXLENGTH = 8192;
export class sendContact extends ServerAPIHandler {
constructor() {
super('POST', '/contact/send');
}
async onRequest(request:ServerAPIRequest):Promise<ServerAPIResponse> {
if(!request.hasString('email', EMAIL_MAXLENGTH)) return { code: RESPONSE_BAD_REQUEST, data: 'Missing or invalid email' };
if(!request.hasString('name', NAME_MAXLENGTH)) return { code: RESPONSE_BAD_REQUEST, data: 'Missing or invalid name' };
if(!request.hasString('message', MESSAGE_MAXLENGTH)) return { code: RESPONSE_BAD_REQUEST, data: 'Missing or invalid message' };
let email = request.getString('email', EMAIL_MAXLENGTH);
if(!isValidEmail(email)) return { code: RESPONSE_BAD_REQUEST, data: 'Missing or invalid email' };
let name = request.getString('name', NAME_MAXLENGTH);
let message = request.getString('message', MESSAGE_MAXLENGTH);
//Prepare to send email
let app:domsPlaceApp = request.owner.app as domsPlaceApp;
//First send an email to the site owner
request.owner.logger.debug(`Sending email from ${email}...`);
let ownRes = await app.email.sendMail(app.domsPlace.contact, 'Contact Message Received', `
Contact Message received from ${email}, who wrote:
${message}
`, `
<p>Contact Message received from ${email} who wrote:</p>
<p>
${ message.replace(/</g, '&lt').replace(/>/g, '&gt;').replace(/\n/g, '<br />') }
</p>
`);
if(!ownRes) return { code: RESPONSE_INTERNAL_ERROR, data: false };
//Now Send an email to the client
let clientRes = await app.email.sendMail(app.domsPlace.contact, 'Contact Message Sent', `
Contact Message Sent! Thanks for reaching out,
if this was not you then ignore this email.
`, `
<p>Contact Message Sent! Thanks for reaching out. If this was not you then ignore this email.</p>
`);
if(!clientRes) return { code: RESPONSE_INTERNAL_ERROR, data: false };
request.owner.logger.debug(`...Done`);
//OK!
return { code: RESPONSE_OK, data: true };
}
}

24
src/private/api/index.ts
View File

@ -1,24 +0,0 @@
// Copyright (c) 2019 Dominic Masters
//
// MIT License
//
// Permission is hereby granted, free of charge, to any person obtaining
// a copy of this software and associated documentation files (the
// "Software"), to deal in the Software without restriction, including
// without limitation the rights to use, copy, modify, merge, publish,
// distribute, sublicense, and/or sell copies of the Software, and to
// permit persons to whom the Software is furnished to do so, subject to
// the following conditions:
//
// The above copyright notice and this permission notice shall be
// included in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
export * from './contact/';

57
src/private/app/index.ts
View File

@ -1,57 +0,0 @@
// Copyright (c) 2019 Dominic Masters
//
// MIT License
//
// Permission is hereby granted, free of charge, to any person obtaining
// a copy of this software and associated documentation files (the
// "Software"), to deal in the Software without restriction, including
// without limitation the rights to use, copy, modify, merge, publish,
// distribute, sublicense, and/or sell copies of the Software, and to
// permit persons to whom the Software is furnished to do so, subject to
// the following conditions:
//
// The above copyright notice and this permission notice shall be
// included in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
import { App } from '@yourwishes/app-base';
import { ServerModule } from '@yourwishes/app-server';
import { ReactModule } from '@yourwishes/app-react';
import { ISimpleReactApp, SimpleReactModule } from '@yourwishes/app-simple-react';
import { IEmailApp, EmailModule } from '@yourwishes/app-email';
import { domsPlaceModule } from './../module/';
import { domsPlaceCompiler } from './../compiler/';
export class domsPlaceApp extends App implements ISimpleReactApp, IEmailApp {
server:ServerModule;
email:EmailModule;
react:ReactModule;
simpleReact:SimpleReactModule;
domsPlace:domsPlaceModule;
constructor() {
super();
this.server = new ServerModule(this);
this.email = new EmailModule(this);
this.react = new ReactModule(this);
this.simpleReact = new SimpleReactModule(this);
this.domsPlace = new domsPlaceModule(this);
[
this.server, this.email, this.react, this.simpleReact, this.domsPlace
].forEach(e => this.modules.addModule(e));
}
getCompiler() {
return new domsPlaceCompiler();
}
}

50
src/private/compiler/index.ts
View File

@ -1,50 +0,0 @@
// Copyright (c) 2019 Dominic Masters
//
// MIT License
//
// Permission is hereby granted, free of charge, to any person obtaining
// a copy of this software and associated documentation files (the
// "Software"), to deal in the Software without restriction, including
// without limitation the rights to use, copy, modify, merge, publish,
// distribute, sublicense, and/or sell copies of the Software, and to
// permit persons to whom the Software is furnished to do so, subject to
// the following conditions:
//
// The above copyright notice and this permission notice shall be
// included in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
import { SimpleReactCompiler } from '@yourwishes/app-simple-react';
const gtag = `<script type="text/javascript" async src="https://www.googletagmanager.com/gtag/js?id=UA-66393210-1"></script>
<script type="text/javascript">
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-66393210-1');
</script>`;
const content = `
Please Wait...
`;
export class domsPlaceCompiler extends SimpleReactCompiler {
constructor() {
super({
title: 'domsPlace - Personal Site of Dominic Masters',
keywords: 'domsplace, programming, gaming, shopify, livestreaming, dominic, masters, dom',
description: 'domsPlace is the home of programmer and developer Dominic Masters, specialising in eCommerce and full-stack development solutions for a wide range of platforms, primarily Shopify.',
app_handle: 'domsPlace',
language: 'en-AU',
gtag,
page_content: content
});
}
}

28
src/private/index.ts
View File

@ -1,28 +0,0 @@
// Copyright (c) 2019 Dominic Masters
//
// MIT License
//
// Permission is hereby granted, free of charge, to any person obtaining
// a copy of this software and associated documentation files (the
// "Software"), to deal in the Software without restriction, including
// without limitation the rights to use, copy, modify, merge, publish,
// distribute, sublicense, and/or sell copies of the Software, and to
// permit persons to whom the Software is furnished to do so, subject to
// the following conditions:
//
// The above copyright notice and this permission notice shall be
// included in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
import { domsPlaceApp } from './app/';
const app = new domsPlaceApp();
app.init().catch(e => app.logger.error(e));

51
src/private/module/index.ts
View File

@ -1,51 +0,0 @@
// Copyright (c) 2019 Dominic Masters
//
// MIT License
//
// Permission is hereby granted, free of charge, to any person obtaining
// a copy of this software and associated documentation files (the
// "Software"), to deal in the Software without restriction, including
// without limitation the rights to use, copy, modify, merge, publish,
// distribute, sublicense, and/or sell copies of the Software, and to
// permit persons to whom the Software is furnished to do so, subject to
// the following conditions:
//
// The above copyright notice and this permission notice shall be
// included in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
import { Module } from '@yourwishes/app-base';
import { domsPlaceApp } from './../app/';
import { sendContact } from './../api/';
export const CONFIG_CONTACT = 'domsplace.contact';
export class domsPlaceModule extends Module {
app:domsPlaceApp;
contact:string;
constructor(app:domsPlaceApp) {
super(app);
app.server.api.addAPIHandler(new sendContact());
}
loadPackage() {return require('./../../../package.json');}
async init(): Promise<void> {
let { config } = this.app;
if(!config.has(CONFIG_CONTACT)) throw new Error("Missing contact reciving details from configuration!");
this.contact = config.get(CONFIG_CONTACT);
}
async destroy(): Promise<void> {
}
}

26
src/public/actions/index.ts
View File

@ -1,26 +0,0 @@
// Copyright (c) 2019 Dominic Masters
//
// MIT License
//
// Permission is hereby granted, free of charge, to any person obtaining
// a copy of this software and associated documentation files (the
// "Software"), to deal in the Software without restriction, including
// without limitation the rights to use, copy, modify, merge, publish,
// distribute, sublicense, and/or sell copies of the Software, and to
// permit persons to whom the Software is furnished to do so, subject to
// the following conditions:
//
// The above copyright notice and this permission notice shall be
// included in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
export type domsPlaceActions = (
null
);

47
src/public/app/domsPlaceApp.tsx
View File

@ -1,47 +0,0 @@
// Copyright (c) 2019 Dominic Masters
//
// MIT License
//
// Permission is hereby granted, free of charge, to any person obtaining
// a copy of this software and associated documentation files (the
// "Software"), to deal in the Software without restriction, including
// without limitation the rights to use, copy, modify, merge, publish,
// distribute, sublicense, and/or sell copies of the Software, and to
// permit persons to whom the Software is furnished to do so, subject to
// the following conditions:
//
// The above copyright notice and this permission notice shall be
// included in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
import './../styles/theme';
import * as React from 'react';
import { App, Router } from '@yourwishes/app-simple-react/dist/public';
import { domsPlaceState } from './../state/';
import { domsPlaceActions } from './../actions/';
import { domsPlaceReducer } from './../reducer/';
import { LayoutComponent } from './../components/layout/layout';
export class domsPlaceApp extends App<domsPlaceState, domsPlaceActions> {
constructor() {
super("domsPlace");
}
getReducer() { return domsPlaceReducer; }
getComponent() {
return (
<LayoutComponent history={this.history} />
);
}
}

37
src/public/assets/background/background-night.svg
View File

@ -1,37 +0,0 @@
<svg version="1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 1080">
<style type="text/css">
@keyframes fade-in {
from {
opacity: 0;
transform: translateY(12%);
}
to {
opacity: 1;
transform: translateY(0%);
}
}
.o-circle {
opacity: 0;
animation: fade-in 3s forwards cubic-bezier(0.165, 0.84, 0.44, 1);
}
.o-circle.is-first { animation-delay: 0.5s; }
.o-circle.is-second { animation-delay: 0.75s; }
.o-circle.is-third { animation-delay: 1s; }
</style>
<linearGradient id="sky" gradientUnits="userSpaceOnUse" y1="540" x2="1920" y2="540">
<stop offset="0"/>
<stop offset="1"/>
</linearGradient>
<path fill="#000010" d="M0 0h1920v1080H0z"/>
<path d="M1919 1v1078H1V1h1918m1-1H0v1080h1920V0z" fill="url(#sky)"/>
<g>
<circle cx="960" cy="5540" r="5000" fill="#00001e" class="o-circle is-first" />
<circle cx="960" cy="5540" r="4850" fill="#000329" class="o-circle is-second" />
<circle cx="960" cy="5540" r="4700" fill="#000730" class="o-circle is-third"/>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.1 KiB

37
src/public/assets/background/background.svg
View File

@ -1,37 +0,0 @@
<svg version="1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1920 1080">
<style type="text/css">
@keyframes fade-in {
from {
opacity: 0;
transform: translateY(12%);
}
to {
opacity: 0.4;
transform: translateY(0%);
}
}
.o-circle {
opacity: 0;
animation: fade-in 3s forwards cubic-bezier(0.165, 0.84, 0.44, 1);
}
.o-circle.is-first { animation-delay: 0.5s; }
.o-circle.is-second { animation-delay: 0.75s; }
.o-circle.is-third { animation-delay: 1s; }
</style>
<linearGradient id="sky-twilight" x2="0%" y2="100%">
<stop offset="00%" style="stop-color:#200044;stop-opacity:1" />
<stop offset="40%" style="stop-color:#260036;stop-opacity:1" />
<stop offset="100%" style="stop-color:#703;stop-opacity:1"/>
</linearGradient>
<path d="M0 0h1920v1080H0z" fill="url(#sky-twilight)"/>
<g>
<circle cx="960" cy="5640" r="5000" fill="#00001e" class="o-circle is-first" />
<circle cx="960" cy="5600" r="4850" fill="#000329" class="o-circle is-second" />
<circle cx="960" cy="5540" r="4700" fill="#000730" class="o-circle is-third"/>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.1 KiB

3
src/public/assets/icons/icon-close.svg
View File

@ -1,3 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 50 50">
<path d="M9.2 6.3L6.3 9.2 22.2 25l-16 16L9 43.8l16-16 16 16 2.8-2.9-16-15.9L43.7 9.2l-2.9-2.9L25 22.2z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 176 B

1
src/public/assets/icons/icon-github.svg
View File

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32.58 31.77"><path d="M16.29 0a16.29 16.29 0 0 0-5.15 31.75c.81.15 1.11-.35 1.11-.79l-.02-2.77c-4.53.98-5.49-2.18-5.49-2.18-.74-1.88-1.81-2.39-1.81-2.39-1.48-1.01.11-.99.11-.99 1.63.12 2.5 1.68 2.5 1.68 1.45 2.49 3.81 1.77 4.74 1.35a3.54 3.54 0 0 1 1.03-2.18c-3.61-.4-7.41-1.8-7.41-8.04 0-1.78.63-3.23 1.68-4.37a5.86 5.86 0 0 1 .15-4.31s1.37-.44 4.48 1.67a15.8 15.8 0 0 1 4.08-.55c1.38.01 2.78.19 4.08.55 3.11-2.11 4.48-1.67 4.48-1.67.89 2.24.33 3.9.16 4.31a6.3 6.3 0 0 1 1.67 4.37c0 6.26-3.81 7.63-7.44 8.04.58.5 1.11 1.5 1.11 3.02l-.02 4.47c0 .44.29.94 1.12.78A16.3 16.3 0 0 0 16.29 0z" fill-rule="evenodd" clip-rule="evenodd" fill="#181616"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 705 B

3
src/public/assets/icons/icon-hamburger.svg
View File

@ -1,3 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24">
<path d="M2 11h20v2H2zM2 5h20v2H2zM2 17h20v2H2z" fill="#FFF" />
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 137 B

6
src/public/assets/icons/icon-star.svg
View File

@ -1,6 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 32 32">
<path
d="M12.2 6.2C10 12.1 9.5 12.6 4.9 14c-2.7.8-4.9 1.7-4.9 2 0 .3 2.2 1.2 4.9 2 4.6 1.4 5.1 1.9 7.3 7.7 1.3 3.5 2.7 6.3 3.1 6.3.4 0 1.8-2.8 3.1-6.3 2.2-5.8 2.7-6.3 7.3-7.7 2.7-.8 4.9-1.7 4.9-2 0-.3-2.2-1.2-4.9-2-4.6-1.4-5.1-1.9-7.3-7.8A25.6 25.6 0 0 0 15.3 0c-.4 0-1.8 2.8-3.1 6.2z"
fill="white"
/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 382 B

25
src/public/assets/images/branding/cpp/cpp-logo.svg
View File

@ -1,25 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 16.0.4, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
width="306px" height="344.35px" viewBox="0 0 306 344.35" enable-background="new 0 0 306 344.35" xml:space="preserve">
<path fill="#00599C" d="M302.107,258.262c2.401-4.159,3.893-8.845,3.893-13.053V99.14c0-4.208-1.49-8.893-3.892-13.052L153,172.175
L302.107,258.262z"/>
<path fill="#004482" d="M166.25,341.193l126.5-73.034c3.644-2.104,6.956-5.737,9.357-9.897L153,172.175L3.893,258.263
c2.401,4.159,5.714,7.793,9.357,9.896l126.5,73.034C147.037,345.401,158.963,345.401,166.25,341.193z"/>
<path fill="#659AD2" d="M302.108,86.087c-2.402-4.16-5.715-7.793-9.358-9.897L166.25,3.156c-7.287-4.208-19.213-4.208-26.5,0
L13.25,76.19C5.962,80.397,0,90.725,0,99.14v146.069c0,4.208,1.491,8.894,3.893,13.053L153,172.175L302.108,86.087z"/>
<g>
<path fill="#FFFFFF" d="M153,274.175c-56.243,0-102-45.757-102-102s45.757-102,102-102c36.292,0,70.139,19.53,88.331,50.968
l-44.143,25.544c-9.105-15.736-26.038-25.512-44.188-25.512c-28.122,0-51,22.878-51,51c0,28.121,22.878,51,51,51
c18.152,0,35.085-9.776,44.191-25.515l44.143,25.543C223.142,254.644,189.294,274.175,153,274.175z"/>
</g>
<g>
<polygon fill="#FFFFFF" points="255,166.508 243.666,166.508 243.666,155.175 232.334,155.175 232.334,166.508 221,166.508
221,177.841 232.334,177.841 232.334,189.175 243.666,189.175 243.666,177.841 255,177.841 "/>
</g>
<g>
<polygon fill="#FFFFFF" points="297.5,166.508 286.166,166.508 286.166,155.175 274.834,155.175 274.834,166.508 263.5,166.508
263.5,177.841 274.834,177.841 274.834,189.175 286.166,189.175 286.166,177.841 297.5,177.841 "/>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.8 KiB

32
src/public/assets/images/branding/csharp/csharp-logo.svg
View File

@ -1,32 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 324.8 365" style="enable-background:new 0 0 324.8 365;" xml:space="preserve">
<style type="text/css">
.st0{fill:#9A4993;}
.st1{fill:#6A1577;}
.st2{fill:#813084;}
.st3{fill:#FFFFFF;}
</style>
<path id="XMLID_3_" class="st0" d="M324.7,107.3c0-6.1-1.3-11.6-4-16.2c-2.6-4.6-6.5-8.4-11.7-11.4c-43.2-24.9-86.5-49.8-129.7-74.7
c-11.7-6.7-22.9-6.5-34.5,0.3c-17.2,10.1-103.4,59.5-129,74.4C5.2,85.8,0,95.1,0,107.3c0,50.1,0,100.3,0,150.4
c0,6,1.3,11.3,3.8,15.9c2.6,4.7,6.6,8.7,11.9,11.8c25.7,14.9,111.8,64.2,129,74.4c11.6,6.8,22.9,7.1,34.5,0.3
c43.2-25,86.5-49.8,129.7-74.7c5.4-3.1,9.3-7,11.9-11.8c2.5-4.6,3.8-9.9,3.8-15.9C324.8,257.7,324.8,157.4,324.7,107.3"/>
<path id="XMLID_4_" class="st1" d="M162.9,182L3.8,273.6c2.6,4.7,6.6,8.7,11.9,11.8c25.7,14.9,111.8,64.2,129,74.4
c11.6,6.8,22.9,7.1,34.5,0.3c43.2-25,86.5-49.8,129.7-74.7c5.4-3.1,9.3-7,11.9-11.8L162.9,182"/>
<path id="XMLID_5_" class="st1" d="M115.8,209.1c9.3,16.2,26.7,27.1,46.6,27.1c20.1,0,37.6-11,46.8-27.4L162.9,182L115.8,209.1"/>
<path id="XMLID_6_" class="st2" d="M324.7,107.3c0-6.1-1.3-11.6-4-16.2L162.9,182L321,273.6c2.5-4.6,3.8-9.9,3.8-15.9
C324.8,257.7,324.8,157.4,324.7,107.3"/>
<path id="XMLID_9_" class="st3" d="M209.2,208.8c-9.2,16.3-26.7,27.4-46.8,27.4c-20,0-37.4-10.9-46.6-27.1
c-4.5-7.9-7.1-16.9-7.1-26.6c0-29.7,24-53.7,53.7-53.7c19.8,0,37.1,10.8,46.4,26.8l46.9-27c-18.7-32.2-53.5-53.9-93.4-53.9
c-59.6,0-107.8,48.3-107.8,107.8c0,19.5,5.2,37.9,14.3,53.7c18.6,32.4,53.5,54.2,93.6,54.2c40.1,0,75.1-21.9,93.7-54.4L209.2,208.8"
/>
<g id="XMLID_32_">
<rect id="XMLID_1_" x="257.8" y="157" class="st3" width="10.7" height="51.7"/>
<rect id="XMLID_30_" x="281.5" y="157" class="st3" width="10.7" height="51.7"/>
<rect id="XMLID_31_" x="269.7" y="145.2" transform="matrix(-1.836970e-16 1 -1 -1.836970e-16 445.9865 -103.987)" class="st3" width="10.7" height="51.7"/>
<rect id="XMLID_23_" x="269.7" y="168.8" transform="matrix(-1.836970e-16 1 -1 -1.836970e-16 469.6531 -80.3204)" class="st3" width="10.7" height="51.7"/>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 2.2 KiB

40
src/public/assets/images/branding/digitalocean/digitalocean-logo.svg
View File

@ -1,40 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<!-- Generator: Adobe Illustrator 19.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 354 354" style="enable-background:new 0 0 354 354;" xml:space="preserve">
<style type="text/css">
.st0{fill:#0080FF;}
.st1{fill-rule:evenodd;clip-rule:evenodd;fill:#0080FF;}
</style>
<g id="XMLID_229_">
<g id="XMLID_690_">
<g id="XMLID_691_">
<g>
<g id="XMLID_44_">
<g id="XMLID_48_">
<path id="XMLID_49_" class="st0" d="M177,221.5l0-34.2c36.2,0,64.3-35.9,50.4-74C222.3,99.3,211,88,196.9,82.9 c-38.1-13.8-74,14.2-74,50.4c0,0,0,0,0,0l-34.1,0c0-57.7,55.8-102.7,116.3-83.8c26.4,8.3,47.5,29.3,55.7,55.7 C279.7,165.7,234.7,221.5,177,221.5z"/>
</g>
<polygon id="XMLID_47_" class="st1" points="177.1,187.5 143,187.5 143,153.4 143,153.4 177.1,153.4 177.1,153.4 "/>
<polygon id="XMLID_46_" class="st1" points="143,213.6 116.9,213.6 116.9,213.6 116.9,187.5 143,187.5 143,213.6 "/>
<path id="XMLID_45_" class="st1" d="M116.9,187.5H95c0,0,0,0,0,0v-21.9c0,0,0,0,0,0h21.9c0,0,0,0,0,0V187.5z"/>
</g>
</g>
</g>
</g>
<g id="XMLID_234_">
<path id="XMLID_677_" class="st0" d="M31.2,256.1c-4.4-3.1-10-4.6-16.4-4.6H0.8V296h14.1c6.4,0,12-1.6,16.4-4.9 c2.4-1.7,4.3-4.1,5.7-7.1c1.3-3,2-6.6,2-10.5c0-3.9-0.7-7.4-2-10.4C35.6,260.1,33.7,257.7,31.2,256.1z M9,259h4.4 c4.9,0,8.9,1,12,2.9c3.4,2.1,5.1,6,5.1,11.6c0,5.8-1.7,9.9-5.1,12.1h0c-2.9,1.9-6.9,2.9-11.9,2.9H9V259z"/>
<path id="XMLID_676_" class="st0" d="M48.7,250.9c-1.4,0-2.5,0.5-3.5,1.4c-0.9,0.9-1.4,2-1.4,3.4c0,1.4,0.5,2.5,1.4,3.5 c0.9,0.9,2.1,1.4,3.5,1.4c1.3,0,2.5-0.5,3.5-1.4c0.9-0.9,1.4-2.1,1.4-3.5c0-1.4-0.5-2.5-1.4-3.4C51.2,251.4,50,250.9,48.7,250.9z"/>
<rect id="XMLID_675_" x="44.7" y="264.6" class="st0" width="7.9" height="31.4"/>
<path id="XMLID_670_" class="st0" d="M81.3,267.2c-2.4-2.1-5-3.4-7.9-3.4c-4.4,0-8,1.5-10.8,4.5c-2.8,2.9-4.3,6.7-4.3,11.3 c0,4.4,1.4,8.2,4.2,11.2c2.8,2.9,6.5,4.4,10.8,4.4c3,0,5.7-0.8,7.8-2.5v0.7c0,2.6-0.7,4.6-2.1,6c-1.4,1.4-3.3,2.1-5.7,2.1 c-3.6,0-5.9-1.4-8.7-5.2l-5.4,5.2l0.1,0.2c1.2,1.6,2.9,3.2,5.3,4.7c2.3,1.5,5.3,2.3,8.8,2.3c4.7,0,8.5-1.4,11.3-4.3 c2.8-2.9,4.2-6.7,4.2-11.4v-28.5h-7.8V267.2z M79.2,285.8c-1.4,1.6-3.2,2.3-5.4,2.3c-2.3,0-4-0.8-5.4-2.3c-1.4-1.6-2-3.6-2-6.1 c0-2.6,0.7-4.6,2-6.2c1.3-1.6,3.2-2.3,5.4-2.3c2.3,0,4,0.8,5.4,2.3c1.4,1.6,2.1,3.7,2.1,6.2C81.3,282.2,80.6,284.2,79.2,285.8z"/>
<rect id="XMLID_668_" x="95.8" y="264.6" class="st0" width="7.9" height="31.4"/>
<path id="XMLID_660_" class="st0" d="M99.8,250.9c-1.4,0-2.5,0.5-3.5,1.4c-0.9,0.9-1.4,2-1.4,3.4c0,1.4,0.5,2.5,1.4,3.5 c0.9,0.9,2.1,1.4,3.5,1.4c1.3,0,2.5-0.5,3.5-1.4c0.9-0.9,1.4-2.1,1.4-3.5c0-1.4-0.5-2.5-1.4-3.4 C102.3,251.4,101.2,250.9,99.8,250.9z"/>
<path id="XMLID_652_" class="st0" d="M121,256.1h-7.8v8.5h-4.5v7.2h4.5v13c0,4.1,0.8,7,2.4,8.7c1.6,1.7,4.5,2.5,8.5,2.5 c1.3,0,2.6,0,3.8-0.1l0.4,0v-7.2l-2.7,0.1c-1.9,0-3.1-0.3-3.7-1c-0.6-0.7-0.9-2.1-0.9-4.2v-11.9h7.4v-7.2H121V256.1z"/>
<rect id="XMLID_642_" x="165.4" y="251.4" class="st0" width="7.9" height="44.6"/>
<path id="XMLID_448_" class="st0" d="M253.1,284.8c-1.4,1.6-2.9,3-4,3.7v0c-1.1,0.7-2.5,1.1-4.1,1.1c-2.3,0-4.2-0.8-5.7-2.6 c-1.5-1.7-2.3-4-2.3-6.6c0-2.7,0.8-4.9,2.3-6.6c1.5-1.7,3.4-2.6,5.7-2.6c2.5,0,5.2,1.6,7.5,4.3l5.2-5l0,0 c-3.4-4.4-7.7-6.5-12.9-6.5c-4.3,0-8.1,1.6-11.2,4.7c-3.1,3.1-4.6,7-4.6,11.7s1.6,8.6,4.6,11.7c3.1,3.1,6.8,4.7,11.2,4.7 c5.7,0,10.3-2.5,13.5-7L253.1,284.8z"/>
<path id="XMLID_445_" class="st0" d="M285.6,269c-1.1-1.6-2.6-2.8-4.5-3.7c-1.9-0.9-4.1-1.4-6.5-1.4c-4.4,0-8,1.6-10.7,4.8 c-2.6,3.2-4,7.1-4,11.8c0,4.8,1.5,8.7,4.3,11.7c2.9,3,6.7,4.5,11.4,4.5c5.3,0,9.7-2.2,13-6.4l0.2-0.2l-5.2-5l0,0 c-0.5,0.6-1.2,1.2-1.8,1.8c-0.8,0.7-1.5,1.3-2.3,1.7c-1.2,0.6-2.5,0.9-4,0.9c-2.2,0-4-0.6-5.4-1.9c-1.3-1.2-2.1-2.8-2.3-4.8h20.9 l0.1-2.9c0-2-0.3-4-0.8-5.8C287.5,272.3,286.7,270.6,285.6,269z M268.3,276.4c0.4-1.5,1.1-2.8,2.1-3.7c1.1-1.1,2.5-1.6,4.1-1.6 c1.9,0,3.4,0.5,4.4,1.6c0.9,1,1.5,2.2,1.6,3.7H268.3z"/>
<path id="XMLID_442_" class="st0" d="M315.9,267L315.9,267c-2.4-2-5.7-3.1-9.8-3.1c-2.6,0-5.1,0.6-7.3,1.7c-2.1,1-4.1,2.8-5.4,5 l0.1,0.1l5.1,4.8c2.1-3.3,4.4-4.5,7.5-4.5c1.7,0,3,0.4,4.1,1.3c1,0.9,1.6,2,1.6,3.4v1.5c-2-0.6-3.9-0.9-5.8-0.9 c-3.9,0-7.1,0.9-9.5,2.7c-2.4,1.8-3.6,4.5-3.6,7.9c0,3,1,5.3,3.1,7.1c2.1,1.7,4.6,2.6,7.6,2.6c3,0,5.8-1.2,8.4-3.3v2.6h7.8v-20.2 C319.5,272,318.3,269,315.9,267z M301.9,284c0.9-0.6,2.2-0.9,3.8-0.9c1.9,0,3.9,0.4,6,1.1v3.1c-1.7,1.6-4,2.4-6.8,2.4 c-1.4,0-2.4-0.3-3.2-0.9c-0.7-0.6-1.1-1.3-1.1-2.3C300.6,285.4,301,284.6,301.9,284z"/>
<path id="XMLID_393_" class="st0" d="M349.9,267.6c-2.2-2.5-5.3-3.7-9.2-3.7c-3.1,0-5.7,0.9-7.6,2.7v-1.9h-7.7V296h7.9v-17.3 c0-2.4,0.6-4.3,1.7-5.6c1.1-1.3,2.6-2,4.7-2c1.8,0,3.1,0.6,4.1,1.8c1,1.2,1.5,2.9,1.5,4.9V296h7.9v-18.2 C353.2,273.5,352.1,270,349.9,267.6z"/>
<path id="XMLID_320_" class="st0" d="M155.5,267L155.5,267c-2.4-2-5.7-3.1-9.8-3.1c-2.6,0-5.1,0.6-7.3,1.7c-2.1,1-4.1,2.8-5.4,5 l0.1,0.1l5.1,4.8c2.1-3.3,4.4-4.5,7.5-4.5c1.7,0,3,0.4,4.1,1.3c1,0.9,1.6,2,1.6,3.4v1.5c-2-0.6-3.9-0.9-5.8-0.9 c-3.9,0-7.1,0.9-9.5,2.7c-2.4,1.8-3.6,4.5-3.6,7.9c0,3,1,5.3,3.1,7.1c2.1,1.7,4.6,2.6,7.6,2.6c3,0,5.8-1.2,8.4-3.3v2.6h7.8v-20.2 C159.1,272,157.9,269,155.5,267z M141.5,284c0.9-0.6,2.2-0.9,3.8-0.9c1.9,0,3.9,0.4,6,1.1v3.1c-1.7,1.6-4,2.4-6.8,2.4 c-1.4,0-2.4-0.3-3.2-0.9c-0.7-0.6-1.1-1.3-1.1-2.3C140.2,285.4,140.6,284.6,141.5,284z"/>
<path id="XMLID_235_" class="st0" d="M202,296.7c-12.7,0-23-10.3-23-23s10.3-23,23-23s23,10.3,23,23S214.7,296.7,202,296.7z M202,258.8c-8.2,0-14.9,6.7-14.9,14.9s6.7,14.9,14.9,14.9s14.9-6.7,14.9-14.9S210.2,258.8,202,258.8z"/>
</g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 5.7 KiB

1
src/public/assets/images/branding/discord/discord-logo.svg
View File

@ -1 +0,0 @@
<svg id="Layer_1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 245 240"><style>.st0{fill:#7289DA;}</style><path class="st0" d="M104.4 103.9c-5.7 0-10.2 5-10.2 11.1s4.6 11.1 10.2 11.1c5.7 0 10.2-5 10.2-11.1.1-6.1-4.5-11.1-10.2-11.1zM140.9 103.9c-5.7 0-10.2 5-10.2 11.1s4.6 11.1 10.2 11.1c5.7 0 10.2-5 10.2-11.1s-4.5-11.1-10.2-11.1z"/><path class="st0" d="M189.5 20h-134C44.2 20 35 29.2 35 40.6v135.2c0 11.4 9.2 20.6 20.5 20.6h113.4l-5.3-18.5 12.8 11.9 12.1 11.2 21.5 19V40.6c0-11.4-9.2-20.6-20.5-20.6zm-38.6 130.6s-3.6-4.3-6.6-8.1c13.1-3.7 18.1-11.9 18.1-11.9-4.1 2.7-8 4.6-11.5 5.9-5 2.1-9.8 3.5-14.5 4.3-9.6 1.8-18.4 1.3-25.9-.1-5.7-1.1-10.6-2.7-14.7-4.3-2.3-.9-4.8-2-7.3-3.4-.3-.2-.6-.3-.9-.5-.2-.1-.3-.2-.4-.3-1.8-1-2.8-1.7-2.8-1.7s4.8 8 17.5 11.8c-3 3.8-6.7 8.3-6.7 8.3-22.1-.7-30.5-15.2-30.5-15.2 0-32.2 14.4-58.3 14.4-58.3 14.4-10.8 28.1-10.5 28.1-10.5l1 1.2c-18 5.2-26.3 13.1-26.3 13.1s2.2-1.2 5.9-2.9c10.7-4.7 19.2-6 22.7-6.3.6-.1 1.1-.2 1.7-.2 6.1-.8 13-1 20.2-.2 9.5 1.1 19.7 3.9 30.1 9.6 0 0-7.9-7.5-24.9-12.7l1.4-1.6s13.7-.3 28.1 10.5c0 0 14.4 26.1 14.4 58.3 0 0-8.5 14.5-30.6 15.2z"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.1 KiB

12
src/public/assets/images/branding/google-cloud/google-cloud-logo.svg
View File

@ -1,12 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" viewBox="0 0 48 48" version="1.1" width="48px" height="48px">
<g id="surface1">
<path style=" fill:#CFD8DC;" d="M 30 13 L 18 13 L 11 24 L 18 35 L 30 35 L 37 24 Z M 24 29 C 21.199219 29 19 26.800781 19 24 C 19 21.199219 21.199219 19 24 19 C 26.800781 19 29 21.199219 29 24 C 29 26.800781 26.800781 29 24 29 Z "/>
<path style=" fill:#2196F3;" d="M 34.800781 7.199219 C 34.300781 6.5 33.5 6 32.601563 6 L 15.398438 6 C 14.5 6 13.699219 6.5 13.199219 7.199219 L 7.398438 16.699219 L 12 24 L 18.300781 14 L 38.898438 14 Z M 16 11 C 15.398438 11 15 10.601563 15 10 C 15 9.398438 15.398438 9 16 9 C 16.601563 9 17 9.398438 17 10 C 17 10.601563 16.601563 11 16 11 Z M 32 11 C 31.398438 11 31 10.601563 31 10 C 31 9.398438 31.398438 9 32 9 C 32.601563 9 33 9.398438 33 10 C 33 10.601563 32.601563 11 32 11 Z "/>
<path style=" fill:#FFC107;" d="M 18.300781 34 L 7.398438 16.800781 L 3.800781 22.699219 C 3.300781 23.5 3.300781 24.601563 3.800781 25.398438 L 13.199219 40.800781 C 13.699219 41.601563 14.5 42 15.398438 42 L 24.5 42 L 29.601563 34 Z M 8 25 C 7.398438 25 7 24.601563 7 24 C 7 23.398438 7.398438 23 8 23 C 8.601563 23 9 23.398438 9 24 C 9 24.601563 8.601563 25 8 25 Z M 16 39 C 15.398438 39 15 38.601563 15 38 C 15 37.398438 15.398438 37 16 37 C 16.601563 37 17 37.398438 17 38 C 17 38.601563 16.601563 39 16 39 Z "/>
<path style=" fill:#1976D2;" d="M 7.398438 16.800781 L 12 24 L 14.398438 20.300781 L 8.5 15 Z "/>
<path style=" fill:#F9A825;" d="M 24.601563 42 L 29.699219 34 L 24.898438 34 L 22.601563 42 Z "/>
<path style=" fill:#DD2C00;" d="M 44.199219 22.699219 L 38.898438 14 L 29.699219 14 L 36 24 L 24.601563 42 L 32.601563 42 C 33.5 42 34.300781 41.5 34.800781 40.800781 L 44.300781 25.398438 C 44.800781 24.5 44.800781 23.5 44.199219 22.699219 Z M 32 39 C 31.398438 39 31 38.601563 31 38 C 31 37.398438 31.398438 37 32 37 C 32.601563 37 33 37.398438 33 38 C 33 38.601563 32.601563 39 32 39 Z M 40 25 C 39.398438 25 39 24.601563 39 24 C 39 23.398438 39.398438 23 40 23 C 40.601563 23 41 23.398438 41 24 C 41 24.601563 40.601563 25 40 25 Z "/>
<path style=" fill:#BF360C;" d="M 38.898438 14 L 29.699219 14 L 32.199219 17.898438 L 40.101563 16 Z "/>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 2.2 KiB

64
src/public/assets/images/branding/graphql/graphql-logo.svg
View File

@ -1,64 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<!-- Generator: Adobe Illustrator 18.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg version="1.1" id="GraphQL_Logo" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 400 400" enable-background="new 0 0 400 400" xml:space="preserve">
<g>
<g>
<g>
<rect x="122" y="-0.4" transform="matrix(-0.866 -0.5 0.5 -0.866 163.3196 363.3136)" fill="#E535AB" width="16.6" height="320.3"/>
</g>
</g>
<g>
<g>
<rect x="39.8" y="272.2" fill="#E535AB" width="320.3" height="16.6"/>
</g>
</g>
<g>
<g>
<rect x="37.9" y="312.2" transform="matrix(-0.866 -0.5 0.5 -0.866 83.0693 663.3409)" fill="#E535AB" width="185" height="16.6"/>
</g>
</g>
<g>
<g>
<rect x="177.1" y="71.1" transform="matrix(-0.866 -0.5 0.5 -0.866 463.3409 283.0693)" fill="#E535AB" width="185" height="16.6"/>
</g>
</g>
<g>
<g>
<rect x="122.1" y="-13" transform="matrix(-0.5 -0.866 0.866 -0.5 126.7903 232.1221)" fill="#E535AB" width="16.6" height="185"/>
</g>
</g>
<g>
<g>
<rect x="109.6" y="151.6" transform="matrix(-0.5 -0.866 0.866 -0.5 266.0828 473.3766)" fill="#E535AB" width="320.3" height="16.6"/>
</g>
</g>
<g>
<g>
<rect x="52.5" y="107.5" fill="#E535AB" width="16.6" height="185"/>
</g>
</g>
<g>
<g>
<rect x="330.9" y="107.5" fill="#E535AB" width="16.6" height="185"/>
</g>
</g>
<g>
<g>
<rect x="262.4" y="240.1" transform="matrix(-0.5 -0.866 0.866 -0.5 126.7953 714.2875)" fill="#E535AB" width="14.5" height="160.9"/>
</g>
</g>
<path fill="#E535AB" d="M369.5,297.9c-9.6,16.7-31,22.4-47.7,12.8c-16.7-9.6-22.4-31-12.8-47.7c9.6-16.7,31-22.4,47.7-12.8 C373.5,259.9,379.2,281.2,369.5,297.9"/>
<path fill="#E535AB" d="M90.9,137c-9.6,16.7-31,22.4-47.7,12.8c-16.7-9.6-22.4-31-12.8-47.7c9.6-16.7,31-22.4,47.7-12.8 C94.8,99,100.5,120.3,90.9,137"/>
<path fill="#E535AB" d="M30.5,297.9c-9.6-16.7-3.9-38,12.8-47.7c16.7-9.6,38-3.9,47.7,12.8c9.6,16.7,3.9,38-12.8,47.7 C61.4,320.3,40.1,314.6,30.5,297.9"/>
<path fill="#E535AB" d="M309.1,137c-9.6-16.7-3.9-38,12.8-47.7c16.7-9.6,38-3.9,47.7,12.8c9.6,16.7,3.9,38-12.8,47.7 C340.1,159.4,318.7,153.7,309.1,137"/>
<path fill="#E535AB" d="M200,395.8c-19.3,0-34.9-15.6-34.9-34.9c0-19.3,15.6-34.9,34.9-34.9c19.3,0,34.9,15.6,34.9,34.9 C234.9,380.1,219.3,395.8,200,395.8"/>
<path fill="#E535AB" d="M200,74c-19.3,0-34.9-15.6-34.9-34.9c0-19.3,15.6-34.9,34.9-34.9c19.3,0,34.9,15.6,34.9,34.9 C234.9,58.4,219.3,74,200,74"/>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 2.6 KiB

18
src/public/assets/images/branding/heroku/heroku-logo.svg
View File

@ -1,18 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<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 5.12 5" preserveAspectRatio="xMinYMin meet" id="svg5418" version="1.1" inkscape:version="0.91 r13725" sodipodi:docname="heroku-icon.svg">
<metadata id="metadata5428">
<rdf:RDF>
<cc:Work rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
<dc:title/>
</cc:Work>
</rdf:RDF>
</metadata>
<defs id="defs5426"/>
<sodipodi:namedview pagecolor="#ffffff" bordercolor="#666666" borderopacity="1" objecttolerance="10" gridtolerance="10" guidetolerance="10" inkscape:pageopacity="0" inkscape:pageshadow="2" inkscape:window-width="1855" inkscape:window-height="1056" id="namedview5424" showgrid="false" inkscape:zoom="17.088225" inkscape:cx="26.630369" inkscape:cy="16.915906" inkscape:window-x="65" inkscape:window-y="24" inkscape:window-maximized="1" inkscape:current-layer="svg5418"/>
<g id="g5449" transform="matrix(0.01613854,0,0,0.01613854,0.48,6.3727864)">
<path sodipodi:nodetypes="cssssssscc" style="fill:#6762a6" inkscape:connector-curvature="0" id="path5420" d="m 225.628,-77.627 -195.37,0 C 13.545,-77.627 0,-91.172 0,-107.882 l 0,-256.742 c 0,-16.71 13.546,-30.256 30.257,-30.256 l 195.37,0 c 16.71,0 30.26,13.546 30.26,30.256 l 0,256.742 c 0,16.71 -13.55,30.255 -30.26,30.255 z"/>
<path style="fill:#ffffff" inkscape:connector-curvature="0" id="path5422" d="m 160.36,-121.28 0,-125.99 c 0,0 8.195,-30.15 -100.943,12.334 -0.2,0.539 -0.2,-116.504 -0.2,-116.504 l 35.66,-0.22 0,74.991 c 0,0 99.846,-39.325 99.846,29.824 l 0,125.565 -34.362,0 z m 20.32,-184.994 -37.824,0 c 13.615,-16.646 25.94,-45.167 25.94,-45.167 l 39.11,0 c 0,0 -6.696,18.587 -27.225,45.167 z m -120.815,184.776 0,-71.748 35.878,35.877 -35.878,35.871 z"/>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 2.1 KiB

10
src/public/assets/images/branding/java/java-logo.svg
View File

@ -1,10 +0,0 @@
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" width="300px" height="400px" viewBox="0 0 300 400" style="enable-background:new 0 0 300 550;" xml:space="preserve">
<path style="fill:#5382A1;" d="M102.681,291.324c0,0-14.178,8.245,10.09,11.035c29.4,3.354,44.426,2.873,76.825-3.259 c0,0,8.518,5.341,20.414,9.967C137.38,340.195,45.634,307.264,102.681,291.324"/>
<path style="fill:#5382A1;" d="M93.806,250.704c0,0-15.902,11.771,8.384,14.283c31.406,3.24,56.208,3.505,99.125-4.759 c0,0,5.936,6.018,15.27,9.309C128.771,295.215,30.962,271.562,93.806,250.704"/>
<path style="fill:#E76F00;" d="M168.625,181.799c17.896,20.604-4.702,39.145-4.702,39.145s45.441-23.458,24.572-52.833 c-19.491-27.394-34.438-41.005,46.479-87.934C234.974,80.177,107.961,111.899,168.625,181.799"/>
<path style="fill:#5382A1;" d="M264.684,321.369c0,0,10.492,8.645-11.555,15.333c-41.923,12.7-174.488,16.535-211.314,0.506 c-13.238-5.759,11.587-13.751,19.396-15.428c8.144-1.766,12.798-1.437,12.798-1.437c-14.722-10.371-95.157,20.364-40.857,29.166 C181.236,373.524,303.095,338.695,264.684,321.369"/>
<path style="fill:#5382A1;" d="M109.499,208.617c0,0-67.431,16.016-23.879,21.832c18.389,2.462,55.047,1.905,89.193-0.956 c27.906-2.354,55.927-7.359,55.927-7.359s-9.84,4.214-16.959,9.075c-68.475,18.009-200.756,9.631-162.674-8.79 C83.313,206.851,109.499,208.617,109.499,208.617"/>
<path style="fill:#5382A1;" d="M230.462,276.231c69.608-36.171,37.424-70.931,14.96-66.248c-5.506,1.146-7.961,2.139-7.961,2.139 s2.044-3.202,5.948-4.588c44.441-15.624,78.619,46.081-14.346,70.52C229.063,278.055,230.14,277.092,230.462,276.231"/>
<path style="fill:#E76F00;" d="M188.495,4.399c0,0,38.55,38.563-36.563,97.862c-60.233,47.568-13.735,74.69-0.025,105.678 c-35.159-31.722-60.961-59.647-43.651-85.637C133.663,84.151,204.049,65.654,188.495,4.399"/>
<path style="fill:#5382A1;" d="M116.339,374.246c66.815,4.277,169.417-2.373,171.847-33.988c0,0-4.671,11.985-55.219,21.503 c-57.028,10.732-127.364,9.479-169.081,2.601C63.887,364.361,72.426,371.43,116.339,374.246"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 2.0 KiB

1
src/public/assets/images/branding/jquery/jquery-logo.svg
View File

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 128"><path fill="#0868AC" d="M9.625 32.181c-11.029 15.851-9.656 36.476-1.231 53.32.2.404.41.801.617 1.198l.394.759.246.437.439.786c.262.461.53.92.804 1.379l.459.756c.304.491.615.976.933 1.46l.398.614c.439.655.888 1.309 1.352 1.951l.039.05.228.308c.401.553.814 1.099 1.232 1.639l.464.59c.373.469.752.935 1.138 1.399l.435.52c.518.61 1.047 1.217 1.586 1.812l.033.033.061.068c.527.575 1.066 1.137 1.612 1.699l.517.521c.423.426.853.845 1.287 1.262l.527.5c.58.547 1.166 1.083 1.764 1.607l.028.022.307.262c.527.456 1.063.909 1.603 1.353l.664.529c.441.354.887.702 1.336 1.044l.714.543c.496.365.995.724 1.499 1.075l.546.387.15.107c.478.329.967.646 1.456.963l.63.42c.75.474 1.51.943 2.279 1.396l.63.355c.565.326 1.134.646 1.71.959.312.168.632.327.946.488.407.213.811.429 1.225.636l.283.137.501.242c.641.306 1.287.607 1.94.897l.41.184c.748.327 1.502.641 2.263.941l.551.217c.704.271 1.418.539 2.135.791l.268.093c.787.275 1.581.53 2.381.779l.575.172c.814.245 1.619.538 2.458.693 53.339 9.727 68.833-32.053 68.833-32.053-13.013 16.953-36.111 21.425-57.996 16.446-.829-.187-1.633-.446-2.442-.685l-.609-.185c-.79-.242-1.573-.497-2.352-.765l-.323-.117c-.698-.245-1.387-.504-2.074-.769l-.582-.229c-.752-.297-1.5-.607-2.239-.931l-.447-.198c-.635-.288-1.263-.578-1.889-.879l-.546-.262c-.491-.239-.977-.493-1.461-.743-.324-.171-.654-.332-.975-.51-.592-.317-1.172-.646-1.751-.982l-.591-.33c-.769-.452-1.528-.921-2.28-1.397l-.615-.41c-.545-.351-1.088-.709-1.623-1.079l-.522-.367c-.516-.365-1.027-.734-1.534-1.109l-.679-.514c-.465-.355-.927-.713-1.384-1.082l-.617-.495c-.582-.479-1.156-.959-1.724-1.453l-.189-.159c-.614-.539-1.216-1.092-1.812-1.647l-.511-.491c-.441-.42-.875-.843-1.302-1.277l-.51-.509c-.543-.556-1.076-1.119-1.598-1.69l-.079-.084c-.552-.604-1.092-1.221-1.621-1.844l-.424-.504c-.394-.475-.785-.956-1.167-1.442l-.427-.532c-.459-.596-.908-1.189-1.347-1.794-12.15-16.574-16.516-39.432-6.805-58.204M43.862 18.825c-7.977 11.478-7.543 26.844-1.321 38.983 1.043 2.035 2.216 4.01 3.528 5.889 1.195 1.713 2.52 3.751 4.106 5.127.575.633 1.176 1.251 1.79 1.858l.472.465c.596.578 1.201 1.146 1.828 1.698l.074.064.018.018c.693.608 1.408 1.191 2.135 1.767l.485.378c.729.559 1.472 1.107 2.233 1.631l.065.049c.336.232.678.448 1.019.672l.483.319c.544.349 1.095.689 1.655 1.015l.235.136c.483.278.972.552 1.463.818l.521.271c.339.177.678.358 1.023.53l.155.07c.703.346 1.412.68 2.136.995l.472.194c.579.246 1.164.486 1.75.71l.75.275c.533.198 1.068.378 1.607.559l.727.233c.767.238 1.525.539 2.324.672 41.183 6.823 50.691-24.886 50.691-24.886-8.57 12.343-25.168 18.233-42.879 13.635-.787-.207-1.562-.431-2.333-.674l-.701-.227c-.548-.177-1.092-.365-1.631-.562l-.736-.274c-.592-.228-1.176-.462-1.756-.708l-.473-.2c-.727-.316-1.443-.65-2.148-.999-.363-.177-.72-.364-1.078-.548l-.622-.32c-.458-.248-.914-.506-1.363-.77l-.326-.185c-.558-.325-1.107-.661-1.651-1.008l-.498-.332c-.359-.232-.717-.469-1.069-.707-.759-.524-1.498-1.072-2.226-1.628l-.501-.395c-7.752-6.12-13.898-14.486-16.819-23.971-3.062-9.836-2.402-20.878 2.903-29.84M72.657 8.847c-4.702 6.92-5.164 15.514-1.901 23.156 3.441 8.113 10.491 14.476 18.72 17.495.339.125.679.237 1.022.354l.451.143c.485.152.966.329 1.467.424 22.74 4.394 28.908-11.669 30.549-14.034-5.402 7.779-14.482 9.646-25.623 6.942-.88-.213-1.847-.531-2.695-.832-1.088-.388-2.16-.83-3.201-1.329-1.978-.951-3.864-2.104-5.612-3.424-9.969-7.565-16.162-21.994-9.657-33.745"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 3.3 KiB

32
src/public/assets/images/branding/lwjgl/lwjgl-logo.svg
View File

@ -1,32 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 177.8 191.8" style="enable-background:new 0 0 177.8 191.8;" xml:space="preserve">
<style type="text/css">
.st0{fill:#FFFFFF;}
.st1{fill:#0A90CB;}
</style>
<g id="Layer_6">
</g>
<g>
<path class="st0" d="M152.6,109c-16.1,47.9-55.9,77.7-88.9,66.6S16.9,116.8,32.9,68.9C49,21,88.8-8.8,121.8,2.3
C154.9,13.4,168.7,61.2,152.6,109z"/>
<path class="st1" d="M149.3,107.3C134.2,152.1,97,180.1,66,169.7c-30.9-10.4-43.8-55.2-28.8-100C52.3,24.8,89.6-3.1,120.5,7.2
C151.5,17.6,164.3,62.4,149.3,107.3z"/>
<path class="st0" d="M171.8,94.5l-48-11.5c-2-0.5-5.2,0.3-7,1.2L127,46.4c0.9-3.5,0.1-7.8-1.8-10.8s-7.5-10.7-9.7-13.6
s-3.9-3.6-6.5-3.7l-36.7-2.1c-4.9-0.3-10,3.6-11.3,8.8L50.8,65.6L19.2,58c-3.8-1-7.7,1.4-8.7,5.5L0.3,104.1c-1,4,1,8.1,4.6,9.8
l142.5,76.6c4.8,2.5,9.2,1.5,10.7-4.5l19.3-77.5C178.9,102.5,176.6,95.8,171.8,94.5z"/>
<g>
<path d="M94.8,133.7c-1,4-4.4,6.1-7.6,4.7l-32-13.9c-3.2-1.4-5.1-5.4-4.2-8.9l8.9-35.2c0.9-3.5,4.3-5.6,7.6-4.7l33.3,8.8
c3.3,0.9,5.2,4.9,4.2,8.9L94.8,133.7z"/>
<g>
<path d="M154.7,159.1c-1.2,4.6-5,7.1-8.7,5.6l-35.6-16.1c-3.6-1.5-5.7-6-4.7-10.2l10.6-42.1c1-4.1,4.9-6.6,8.7-5.7l37.5,9.9
c3.8,1,5.9,5.5,4.7,10.1L154.7,159.1z"/>
<path d="M42.2,111.8c-0.9,3.4-3.6,5.2-6.1,4l-25-11.5c-2.5-1.2-3.9-4.5-3.2-7.4l7.5-29.6c0.7-2.9,3.4-4.7,6.1-4l26.1,7
c2.6,0.7,4,4,3.2,7.4L42.2,111.8z"/>
<path d="M99.5,68.9c-1,3.8-4.3,6.4-7.4,5.6l-31-7.3c-3.1-0.7-5-4-4.1-7.4l8.5-33.7c0.8-3.3,4.2-5.9,7.4-5.6l32.3,2.3
c3.2,0.2,5.1,3.5,4.1,7.4L99.5,68.9z"/>
</g>
</g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.7 KiB

30
src/public/assets/images/branding/monogame/monogame-logo.svg
View File

@ -1,30 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<!-- Generator: Adobe Illustrator 18.1.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1 Basic//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11-basic.dtd">
<svg version="1.1" baseProfile="basic" id="Í_xBC__xB2_ã_x5F_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 592.2 583.9" xml:space="preserve">
<g>
<g>
<path fill="#393939" d="M71.5,573.4v-56.9L48,573.4h-3.5l-23.4-56.9v56.9h-8.6v-69.1h12.3l21.4,52l21.5-52h12.3v69.1H71.5z"/>
<path fill="#393939" d="M122,574.7c-5.1,0-9.8-0.9-14-2.7c-4.2-1.8-7.8-4.3-10.8-7.5c-3-3.2-5.3-7-7-11.4 c-1.7-4.3-2.5-9.1-2.5-14.2c0-5.1,0.8-9.8,2.5-14.2c1.7-4.4,4-8.1,7-11.4c3-3.2,6.6-5.7,10.8-7.5c4.2-1.8,8.9-2.7,14-2.7 c5.1,0,9.8,0.9,14,2.7c4.2,1.8,7.8,4.3,10.8,7.5c3,3.2,5.3,7,7,11.4c1.7,4.3,2.5,9.1,2.5,14.2c0,5.1-0.8,9.8-2.5,14.2 c-1.7,4.4-4,8.1-7,11.4c-3,3.2-6.6,5.7-10.8,7.5C131.7,573.8,127.1,574.7,122,574.7z M122,567c3.9,0,7.3-0.7,10.5-2.1 c3.1-1.4,5.8-3.4,8-5.9c2.2-2.5,3.9-5.5,5.1-8.9c1.2-3.4,1.8-7.1,1.8-11.1c0-4-0.6-7.7-1.8-11.2c-1.2-3.4-2.9-6.4-5.1-8.9 c-2.2-2.5-4.9-4.4-8-5.8c-3.1-1.4-6.6-2.1-10.5-2.1c-3.9,0-7.4,0.7-10.5,2.1c-3.1,1.4-5.8,3.4-8,5.8c-2.2,2.5-3.9,5.5-5.1,8.9 c-1.2,3.5-1.8,7.2-1.8,11.2c0,4,0.6,7.7,1.8,11.1c1.2,3.4,2.9,6.4,5.1,8.9c2.2,2.5,4.9,4.5,8,5.9C114.6,566.3,118.1,567,122,567z"/>
<path fill="#393939" d="M212.8,573.4l-40.3-55.1v55.1h-8.6v-69.1h8.8l39.8,54v-54h8.6v69.1H212.8z"/>
<path fill="#393939" d="M263.3,574.7c-5.1,0-9.8-0.9-14-2.7c-4.2-1.8-7.8-4.3-10.8-7.5c-3-3.2-5.3-7-7-11.4 c-1.7-4.3-2.5-9.1-2.5-14.2c0-5.1,0.8-9.8,2.5-14.2c1.7-4.4,4-8.1,7-11.4c3-3.2,6.6-5.7,10.8-7.5c4.2-1.8,8.9-2.7,14-2.7 c5.1,0,9.8,0.9,14,2.7c4.2,1.8,7.8,4.3,10.8,7.5c3,3.2,5.3,7,7,11.4c1.7,4.3,2.5,9.1,2.5,14.2c0,5.1-0.8,9.8-2.5,14.2 c-1.7,4.4-4,8.1-7,11.4c-3,3.2-6.6,5.7-10.8,7.5C273.1,573.8,268.4,574.7,263.3,574.7z M263.3,567c3.9,0,7.3-0.7,10.5-2.1 c3.1-1.4,5.8-3.4,8-5.9c2.2-2.5,3.9-5.5,5.1-8.9c1.2-3.4,1.8-7.1,1.8-11.1c0-4-0.6-7.7-1.8-11.2c-1.2-3.4-2.9-6.4-5.1-8.9 c-2.2-2.5-4.9-4.4-8-5.8c-3.1-1.4-6.6-2.1-10.5-2.1c-3.9,0-7.4,0.7-10.5,2.1c-3.1,1.4-5.8,3.4-8,5.8c-2.2,2.5-3.9,5.5-5.1,8.9 c-1.2,3.5-1.8,7.2-1.8,11.2c0,4,0.6,7.7,1.8,11.1c1.2,3.4,2.9,6.4,5.1,8.9c2.2,2.5,4.9,4.5,8,5.9C255.9,566.3,259.4,567,263.3,567 z"/>
<path fill="#E73C00" d="M340.6,574.8c-5,0-9.8-0.8-14.2-2.5c-4.4-1.7-8.4-4.1-11.7-7.2c-3.3-3.1-6-6.9-7.9-11.3 c-1.9-4.4-2.9-9.4-2.9-14.8c0-5.4,1-10.4,2.9-14.8c1.9-4.4,4.6-8.2,7.9-11.3c3.4-3.1,7.3-5.5,11.7-7.1c4.4-1.7,9.2-2.5,14.2-2.5 c3.6,0,6.9,0.4,9.8,1.2c2.9,0.8,5.6,2,7.9,3.4c2.4,1.4,4.4,3.1,6.2,4.9c1.8,1.9,3.4,3.8,4.7,5.9l-12.2,6.6 c-1.6-2.4-3.8-4.5-6.6-6.3c-2.8-1.8-6.1-2.7-9.8-2.7c-3.1,0-6,0.6-8.7,1.7c-2.7,1.1-4.9,2.7-6.9,4.8c-1.9,2-3.4,4.4-4.5,7.2 c-1.1,2.8-1.6,5.8-1.6,9c0,3.3,0.5,6.3,1.6,9.1c1.1,2.8,2.6,5.2,4.5,7.2c1.9,2,4.2,3.6,6.9,4.7c2.7,1.1,5.6,1.7,8.7,1.7 c3.1,0,6-0.6,8.7-1.7c2.6-1.1,4.7-2.3,6.1-3.7v-8.4h-18.2v-12.9h32.9v26.6c-3.5,4-7.7,7.1-12.6,9.5 C352.5,573.6,346.9,574.8,340.6,574.8z"/>
<path fill="#E73C00" d="M426.1,573.4l-4.2-11.7h-29.6l-4.3,11.7h-16.8l26.7-69.1h18.4l26.6,69.1H426.1z M407,519.1l-10.8,29.7 h21.5L407,519.1z"/>
<path fill="#E73C00" d="M506.8,573.4v-48.4l-19.5,48.4h-6.4l-19.5-48.4v48.4h-14.7v-69.1h20.6l16.8,41.7l16.8-41.7h20.7v69.1 H506.8z"/>
<path fill="#E73C00" d="M532.7,573.4v-69.1h48.9v12.9h-34.2v14.6h33.5v12.9h-33.5v15.6h34.2v12.9H532.7z"/>
</g>
<path fill="#E73C00" d="M521.8,212.8v-61.4c0-73.2-59.5-132.7-132.7-132.7c-35.7,0-68.2,14.2-92.1,37.3 c-23.9-23-56.4-37.3-92.1-37.3c-73.2,0-132.7,59.6-132.7,132.7v184.2c0,73.2,59.5,132.7,132.7,132.7h184.2 c73.2,0,132.7-59.5,132.7-132.7v-89.2H256.4v81.2h184.2v8c0,28.4-23.1,51.5-51.5,51.5H204.9c-28.4,0-51.5-23.1-51.5-51.5V151.4 c0-28.4,23.1-51.5,51.5-51.5c28.4,0,51.5,23.1,51.5,51.5v61.4h81.2v-61.4c0-28.4,23.1-51.5,51.5-51.5c28.4,0,51.5,23.1,51.5,51.5 v61.4H521.8z"/>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
<g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 3.9 KiB

47
src/public/assets/images/branding/mysql/mysql-logo.svg
View File

@ -1,47 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.1.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 1754.1 1191.2" style="enable-background:new 0 0 1754.1 1191.2;" xml:space="preserve">
<style type="text/css">
.st0{fill:#5D87A1;}
.st1{fill:#F8981D;}
</style>
<path class="st0" d="M421.7,1085.2H354c-2.4-114.2-9-221.6-19.8-322.3h-0.6l-103,322.3h-51.5L76.7,762.9h-0.6
c-7.6,96.6-12.4,204.1-14.4,322.3H0c4-143.8,14-278.6,29.9-404.4h83.9L211.5,978h0.6l98.2-297.1h80.3
C408.1,828.2,418.5,963,421.7,1085.2 M715.2,786.9c-27.6,149.5-63.9,258.2-109,326c-35.2,52.2-73.7,78.3-115.6,78.3
c-11.2,0-25-3.4-41.3-10.1v-36.1c8,1.2,17.4,1.8,28.1,1.8c19.6,0,35.3-5.4,47.3-16.2c14.4-13.2,21.5-27.9,21.5-44.3
c0-11.2-5.6-34.2-16.8-68.9l-74.3-230.7h66.5L575,959.4c12,39.2,17,66.5,15,82.1c29.2-77.9,49.5-162.8,61.1-254.6L715.2,786.9
L715.2,786.9L715.2,786.9z"/>
<path class="st1" d="M1616.2,1085.2h-192.3V680.8h64.7v354.6h127.6V1085.2z M1373.6,1095l-74.3-36.7c6.6-5.4,12.9-11.3,18.6-18.1
c31.6-37.1,47.4-92,47.4-164.7c0-133.8-52.5-200.7-157.5-200.7c-51.5,0-91.7,17-120.4,50.9c-31.6,37.1-47.3,91.8-47.3,164.2
c0,71.1,14,123.2,41.9,156.3c25.6,30,64.1,45,115.7,45c19.2,0,36.9-2.4,52.9-7.1l96.8,56.3L1373.6,1095z M1132.8,1004.3
c-16.4-26.3-24.6-68.6-24.6-127c0-101.8,30.9-152.8,92.9-152.8c32.4,0,56.1,12.2,71.3,36.5c16.3,26.4,24.6,68.3,24.6,125.8
c0,102.7-31,154-92.8,154C1171.7,1040.9,1147.9,1028.7,1132.8,1004.3 M1011.7,973.1c0,34.3-12.6,62.4-37.7,84.5
c-25.2,21.9-58.9,32.9-101.2,32.9c-39.5,0-77.9-12.6-115-37.8l17.4-34.7c31.9,16,60.9,23.9,86.8,23.9c24.4,0,43.4-5.4,57.2-16.1
c13.8-10.8,22-25.8,22-44.9c0-24-16.8-44.6-47.5-61.8c-28.3-15.6-85-48.1-85-48.1c-30.7-22.4-46.1-46.4-46.1-86
c0-32.8,11.5-59.2,34.4-79.4c23-20.2,52.6-30.3,89-30.3c37.5,0,71.7,10.1,102.4,30l-15.6,34.7c-26.3-11.2-52.2-16.8-77.8-16.8
c-20.7,0-36.7,5-47.9,15c-11.2,10-18.1,22.7-18.1,38.4c0,23.9,17.1,44.7,48.7,62.2c28.7,15.6,86.8,48.7,86.8,48.7
C996,910,1011.7,933.9,1011.7,973.1"/>
<path class="st0" d="M1697.3,545.4c-39.1-1-69.4,2.9-94.8,13.7c-7.3,2.9-19,2.9-20,12.2c4,3.9,4.4,10.3,7.9,15.7
c5.9,9.8,16.1,22.9,25.4,29.8c10.2,7.8,20.5,15.6,31.3,22.5c19,11.8,40.5,18.6,59.1,30.3c10.8,6.8,21.5,15.6,32.3,23
c5.3,3.9,8.7,10.3,15.6,12.7v-1.5c-3.5-4.4-4.4-10.8-7.8-15.6l-14.7-14.2c-14.2-19-31.8-35.7-50.8-49.3
c-15.6-10.8-49.9-25.4-56.2-43.4l-1-1c10.8-1,23.5-4.9,33.7-7.9c16.6-4.4,31.8-3.4,48.8-7.8c7.8-2,15.6-4.4,23.5-6.8v-4.4
c-8.8-8.8-15.1-20.5-24.4-28.8c-24.9-21.5-52.3-42.5-80.6-60.1c-15.2-9.8-34.7-16.1-50.8-24.4c-5.8-2.9-15.6-4.4-19.1-9.3
c-8.8-10.8-13.7-24.9-20-37.6c-14.1-26.9-27.8-56.6-40-85c-8.8-19-14.2-38.1-24.9-55.7c-50.4-83-105-133.4-189.1-182.7
c-18.1-10.3-39.5-14.7-62.5-20l-36.7-1.9c-7.8-3.4-15.7-12.7-22.5-17.1c-27.9-17.6-99.7-55.7-120.2-5.4
c-13.2,31.8,19.5,63.1,30.8,79.2c8.3,11.2,19.1,23.9,24.9,36.6c3.4,8.3,4.4,17.1,7.8,25.9c7.8,21.5,15.1,45.4,25.4,65.5
c5.4,10.2,11.2,21,18.1,30.2c3.9,5.4,10.8,7.8,12.2,16.6c-6.8,9.7-7.4,24.4-11.3,36.6c-17.6,55.2-10.7,123.6,14.2,164.2
c7.8,12.2,26.4,39.1,51.3,28.8c22-8.8,17.1-36.6,23.5-61.1c1.5-5.9,0.5-9.8,3.4-13.6v1c6.8,13.7,13.7,26.8,20,40.5
c15.2,23.9,41.6,48.8,63.5,65.4c11.7,8.8,21,24,35.6,29.4v-1.5h-1c-3-4.4-7.3-6.3-11.2-9.7c-8.8-8.8-18.6-19.6-25.4-29.3
c-20.5-27.4-38.6-57.7-54.7-88.9c-7.9-15.2-14.7-31.8-21-46.9c-3-5.8-3-14.7-7.9-17.6c-7.4,10.7-18.1,20-23.4,33.2
c-9.3,21-10.3,46.9-13.7,73.8l-1.9,0.9c-15.6-3.9-21-20-26.9-33.7c-14.6-34.7-17.1-90.4-4.4-130.5c3.4-10.2,18.1-42.5,12.2-52.2
c-2.9-9.4-12.7-14.7-18.1-22c-6.3-9.3-13.2-21-17.6-31.3c-11.7-27.3-17.6-57.7-30.2-85c-5.9-12.7-16.1-25.9-24.4-37.7
c-9.3-13.2-19.6-22.5-26.9-38.1c-2.4-5.4-5.8-14.2-1.9-20c1-3.9,2.9-5.4,6.8-6.4c6.3-5.3,24.4,1.5,30.8,4.4
c18.1,7.3,33.3,14.2,48.4,24.4c6.8,4.9,14.2,14.2,23,16.6h10.3c15.6,3.4,33.2,0.9,47.9,5.4c25.9,8.3,49.3,20.5,70.4,33.7
c64,40.6,116.8,98.2,152.4,167.1c5.8,11.2,8.3,21.5,13.7,33.2c10.3,24,23,48.4,33.2,71.8c10.3,23,20,46.4,34.7,65.5
c7.3,10.3,36.7,15.6,49.9,21c9.7,4.4,24.9,8.3,33.7,13.7c16.6,10.2,33.2,22,48.8,33.3C1671.4,523.4,1695.9,535.6,1697.3,545.4
M1199,120.8c-6.7-0.1-13.5,0.8-20,2.5v1h0.9c3.9,7.8,10.8,13.2,15.7,20c3.9,7.8,7.4,15.6,11.2,23.4l0.9-1
c6.9-4.9,10.3-12.7,10.3-24.4c-3-3.5-3.4-6.8-5.9-10.3C1209.3,127.2,1202.9,124.7,1199,120.8"/>
<path class="st1" d="M1743.9,1085.2h10.1v-49.5h-15.2l-12.4,33.8l-13.5-33.8h-14.6v49.5h9.6v-37.7h0.5l14.1,37.7h7.3l14-37.7
L1743.9,1085.2L1743.9,1085.2z M1662.3,1085.2h10.7V1044h14v-8.4h-39.3v8.4h14.6L1662.3,1085.2L1662.3,1085.2z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 4.5 KiB

13
src/public/assets/images/branding/neto/neto-logo.svg
View File

@ -1,13 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<!-- Generator: Adobe Illustrator 19.2.0, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 505 194" style="enable-background:new 0 0 505 194;" xml:space="preserve">
<style type="text/css">
.st0{fill:#45C0EF;}
</style>
<g id="Vector_Smart_Object">
<path class="st0" d="M71,46.4c-7.8,0-15.5,1.4-22.6,4.6c-4.1,1.9-7.9,4.4-11.3,7.3v-4.5c0-8.3-6-6.7-15.9-6.7 c-9.8,0-15.4-1.4-15.4,6.8v129.3c0,7.9,5.6,6.5,15.1,6.5S38,191,38,183.3v-56.8c0-11.5,1-28.5,7.6-38.3c5.4-7.9,13.7-10.5,23-10.5 c8.3,0,16.4,2,21.7,8.9c6,7.8,7.2,20.1,7.2,29.6V183c0,7.6,6,6.6,15.7,6.6c10.2,0,16.7,1.2,16.7-6.9v-71.9c0-17-3.5-34.5-15.2-47.5 C103.3,50.8,87.6,46.4,71,46.4"/>
<path class="st0" d="M349.7,46.7h-15.3V12.8c0-6.9-4.1-8.6-16.1-8.6c-11.9,0-16.1,1.9-16.1,8.6v33.9h-18.8c-5.4,0-5.2,5.9-5.2,13.8 c0,8.3-0.7,16.6,5.4,16.6h18.6l0,0v106.7c0,7,7.7,5.9,16.6,5.9c9.6,0,15.6,1.5,15.6-6.1V77.1h16c6.9,0,7.1-4.8,7.1-14.9 C357.5,51.2,357.6,46.7,349.7,46.7"/>
<path class="st0" d="M268.4,122c-3.5-1.1-7.1-0.7-10.4,1.1c-3.3,1.8-5.5,4.5-6.6,8c-1.3,4.2-3.2,8.1-5.7,11.7l0,0 c0,0-1.5,2.2-2.3,3.2c-3.7,4.6-8.3,8.2-13.4,11c-4.7,2.5-9.7,4.2-15,4.9c-5.1,0.7-10.3,0.5-15.4-0.6c-5-1.1-9.8-3-14.2-5.7 c-12.2-7.5-21.1-25.1-20.7-39.3c0.6-21,17.1-39.7,38-42.3c2-0.2,4-0.4,5.9-0.3h-0.1c-0.3,0-0.5-0.1-0.8-0.1c0.1,0,0.1,0,0.2,0 c0.2,0,0.4,0.1,0.6,0.1h0.1l0,0c10.7,0.1,21.4,3.8,29.6,10.8l1.2,1l-1.3,0.7c-16.6,9.1-33.2,18.2-49.8,27.4c-3.6,2-6.6,5.1-7.8,9.1 c-0.7,2.4-0.7,5,0,7.4l0,0c0.3,1,0.7,1.9,1.2,2.8c1.8,3.1,4.7,5.4,8.2,6.3c4.2,1.1,8.6,0,12.4-2.1l64.2-35.2 c3.2-1.7,5.3-4.5,6.6-7.8c4.4-11.5-14-28-20.3-32.8c-7-5.3-14.8-9.2-22.9-11.6l0,0c-27.3-8.2-58.3,0.1-76.8,23.8 c-11.4,14.7-17.1,32.8-15.3,51.4c0.9,9.5,3.8,18.6,8.3,27c4.7,8.6,10.8,16.3,18.5,22.4c7.3,5.7,15.4,10,24.3,12.5 c8.8,2.5,17.9,3.2,27,2.3c9.5-1,18.5-3.9,26.9-8.5c8.4-4.5,16.3-10.2,22.5-17.4c6.2-7,10.1-15.5,12.3-24.5c1-3.5,0.6-7.1-1.1-10.2 C274.8,125.4,272,123.1,268.4,122"/>
<path class="st0" d="M494.4,90.3c-3.8-8.5-9-16.2-15.5-22.8c-6.5-6.5-14.2-11.7-22.6-15.5c-5.9-2.6-12.1-4.4-18.5-5.2 c0.8,0.3-0.1,0,0,0c-0.1,0-0.2-0.1-0.2-0.1c-2.9-0.4-5.7-0.6-8.7-0.6h-0.1h-0.1c-9.8,0.4-19.4,2.4-28.5,6.4 c-8.5,3.7-16.3,8.8-22.8,15.4c-6.5,6.5-11.5,14.1-15.1,22.6c-3.8,8.8-5.5,18.2-5.5,27.8c0,9.8,1.7,19.5,5.7,28.5 c3.6,8.5,8.8,16.2,15.5,22.6c6.6,6.4,14.2,11.4,22.7,14.8c7.7,3.2,15.8,4.9,24.1,5.3c0.1,0,2.6,0,3.7,0c9.7,0,19.3-1.8,28.2-5.7 c8.5-3.7,16.2-8.8,22.7-15.4c6.4-6.6,11.5-14.2,15.2-22.6c3.8-8.7,5.7-18,5.7-27.5C500.2,108.6,498.3,99.1,494.4,90.3 M464.5,144.1 c-1.4,1.9-2.9,3.7-4.6,5.4c-4.1,4.1-8.9,7.3-14.3,9.5c-5.5,2.3-11.3,3.5-17.3,3.5c-5.9,0-11.7-1.1-17.2-3.4 c-5.3-2.3-10.1-5.5-14.2-9.5c-4.1-4.1-7.3-8.9-9.5-14.1c-2.4-5.4-3.5-11.2-3.5-17.2s1.2-11.8,3.5-17.3c2.3-5.3,5.4-10.2,9.5-14.3 c4.1-4.1,8.9-7.3,14.2-9.5c4.4-1.9,9.1-3,13.8-3.3c-1.3-0.1-1.3-0.1,0.1,0h-0.1c0,0,2.3-0.1,3.3-0.1c6,0,11.8,1.1,17.3,3.5 c5.3,2.3,10.1,5.4,14.3,9.5c4.1,4.1,7.3,8.9,9.5,14.3c2.3,5.5,3.4,11.3,3.4,17.3c0,5.9-1.1,11.7-3.4,17.2 C468.1,138.5,466.5,141.4,464.5,144.1C464.6,144.1,464.6,144.1,464.5,144.1C464.6,144.1,464.6,144.1,464.5,144.1L464.5,144.1z"/>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 3.2 KiB

1
src/public/assets/images/branding/nodejs/nodejs-logo.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 5.8 KiB

18
src/public/assets/images/branding/opengl/opengl-logo.svg
View File

@ -1,18 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1" width="1357" height="563">
<g
>
<path
d="M184 315c4 11 8 22 15 31a75 75 0 0 0 64 30c14 0 27-2 37-8 11-6 20-13 26-22 7-9 12-20 15-31a131 131 0 0 0 0-70c-3-11-8-21-15-31a75 75 0 0 0-63-30c-15 0-27 3-38 8-10 6-19 13-26 22-7 10-11 20-15 31a131 131 0 0 0 0 70zm-29-81c5-15 12-28 22-39 9-11 21-20 36-27 14-7 31-10 50-10s35 3 50 10a105 105 0 0 1 57 66 147 147 0 0 1 0 92 104 104 0 0 1-58 66c-14 7-30 10-49 10s-36-3-50-10c-15-7-27-16-36-27-10-11-17-24-22-39a147 147 0 0 1 0-92M515 301c-2-7-5-12-9-18a45 45 0 0 0-36-17c-8 0-15 2-21 5-6 4-11 8-14 13-4 5-7 11-9 18a85 85 0 0 0 1 42c1 6 4 12 8 18 4 5 9 9 15 12s13 5 22 5a40 40 0 0 0 36-18l7-18c2-7 2-14 2-22l-2-20zm-90-53v20c5-8 11-14 20-18 9-3 18-5 29-5a62 62 0 0 1 53 23c5 7 10 16 13 25a100 100 0 0 1 0 60c-3 9-7 17-13 24s-13 13-22 17a72 72 0 0 1-43 5l-14-4-12-7-11-11v77h-25V248h25M667 292a42 42 0 0 0-23-22c-5-3-11-4-17-4-7 0-12 1-18 4a41 41 0 0 0-22 22l-4 16h88l-4-16zm6 95c-11 9-26 13-43 13-12 0-23-2-32-6a62 62 0 0 1-36-41c-3-9-5-20-5-31s1-22 5-31 8-18 15-24a68 68 0 0 1 51-22c14 0 25 2 34 8 9 5 16 12 22 21 5 8 9 17 11 27l3 29H583c0 7 1 13 3 19a42 42 0 0 0 23 26c6 3 14 4 22 4 10 0 19-3 26-7 7-5 11-12 13-22h25c-3 16-11 29-22 37M738 248v24c11-18 28-27 50-27 10 0 19 1 25 4 7 2 13 6 17 11s7 10 8 17c2 7 3 14 3 22v98h-25V296c0-9-3-16-9-22-5-5-13-8-22-8-8 0-15 2-20 4-6 2-11 5-14 10-4 4-7 9-9 14-2 6-2 12-2 19v84h-26V248h24M1016 395c-12 5-23 8-35 8-18 0-35-4-49-10a106 106 0 0 1-61-64 144 144 0 0 1 0-97c6-15 13-28 23-39s23-20 37-26a123 123 0 0 1 117 12 88 88 0 0 1 34 61h-50c-4-13-10-23-19-29-9-7-19-10-32-10-12 0-22 2-30 6-9 5-15 11-20 19-6 7-9 16-12 25a125 125 0 0 0 0 59c3 9 6 18 12 25a57 57 0 0 0 50 25c17 0 31-5 40-13 10-9 15-21 17-38h-53v-38h101v126h-34l-5-26c-10 12-20 20-31 24M1171 163v191h117v43h-170V163h53"
fill="white"
/>
<path
d="M923 426c-81 48-201 75-335 75-242 0-439-98-439-220 0-121 197-220 439-220 134 0 255 28 335 76A646 646 0 0 0 499 0C223 0 0 126 0 281s223 281 499 282c179 0 336-57 424-137"
fill="white"
/>
<path
fill="white"
d="M1331 374h3l3-1 1-2-1-2-3-1h-3v6zm-6-10h11c3 0 5 0 6 2 2 1 2 2 2 4l-1 5-5 2 2 1 2 2 4 7h-7l-5-8-2-1h-1v9h-6v-23zm28 12c0-5-2-10-5-13-4-3-8-5-13-5-4 0-9 2-12 5-4 3-5 8-5 13 0 4 1 9 5 12 3 4 8 5 12 5 5 0 9-1 13-5 3-3 5-8 5-12zm4 0l-3 11a22 22 0 0 1-19 10 22 22 0 0 1-19-10 22 22 0 0 1 0-22 22 22 0 0 1 19-11 22 22 0 0 1 19 11c2 3 3 7 3 11"
/>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 2.4 KiB

20
src/public/assets/images/branding/pgsql/pgsql-logo.svg
View File

@ -1,20 +0,0 @@
<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg width="432.071pt" height="445.383pt" viewBox="0 0 432.071 445.383" xml:space="preserve" xmlns="http://www.w3.org/2000/svg">
<g id="orginal" style="fill-rule:nonzero;clip-rule:nonzero;stroke:#000000;stroke-miterlimit:4;">
</g>
<g id="Layer_x0020_3" style="fill-rule:nonzero;clip-rule:nonzero;fill:none;stroke:#FFFFFF;stroke-width:12.4651;stroke-linecap:round;stroke-linejoin:round;stroke-miterlimit:4;">
<path style="fill:#000000;stroke:#000000;stroke-width:37.3953;stroke-linecap:butt;stroke-linejoin:miter;" d="M323.205,324.227c2.833-23.601,1.984-27.062,19.563-23.239l4.463,0.392c13.517,0.615,31.199-2.174,41.587-7c22.362-10.376,35.622-27.7,13.572-23.148c-50.297,10.376-53.755-6.655-53.755-6.655c53.111-78.803,75.313-178.836,56.149-203.322 C352.514-5.534,262.036,26.049,260.522,26.869l-0.482,0.089c-9.938-2.062-21.06-3.294-33.554-3.496c-22.761-0.374-40.032,5.967-53.133,15.904c0,0-161.408-66.498-153.899,83.628c1.597,31.936,45.777,241.655,98.47,178.31 c19.259-23.163,37.871-42.748,37.871-42.748c9.242,6.14,20.307,9.272,31.912,8.147l0.897-0.765c-0.281,2.876-0.157,5.689,0.359,9.019c-13.572,15.167-9.584,17.83-36.723,23.416c-27.457,5.659-11.326,15.734-0.797,18.367c12.768,3.193,42.305,7.716,62.268-20.224 l-0.795,3.188c5.325,4.26,4.965,30.619,5.72,49.452c0.756,18.834,2.017,36.409,5.856,46.771c3.839,10.36,8.369,37.05,44.036,29.406c29.809-6.388,52.6-15.582,54.677-101.107"/>
<path style="fill:#336791;stroke:none;" d="M402.395,271.23c-50.302,10.376-53.76-6.655-53.76-6.655c53.111-78.808,75.313-178.843,56.153-203.326c-52.27-66.785-142.752-35.2-144.262-34.38l-0.486,0.087c-9.938-2.063-21.06-3.292-33.56-3.496c-22.761-0.373-40.026,5.967-53.127,15.902 c0,0-161.411-66.495-153.904,83.63c1.597,31.938,45.776,241.657,98.471,178.312c19.26-23.163,37.869-42.748,37.869-42.748c9.243,6.14,20.308,9.272,31.908,8.147l0.901-0.765c-0.28,2.876-0.152,5.689,0.361,9.019c-13.575,15.167-9.586,17.83-36.723,23.416 c-27.459,5.659-11.328,15.734-0.796,18.367c12.768,3.193,42.307,7.716,62.266-20.224l-0.796,3.188c5.319,4.26,9.054,27.711,8.428,48.969c-0.626,21.259-1.044,35.854,3.147,47.254c4.191,11.4,8.368,37.05,44.042,29.406c29.809-6.388,45.256-22.942,47.405-50.555 c1.525-19.631,4.976-16.729,5.194-34.28l2.768-8.309c3.192-26.611,0.507-35.196,18.872-31.203l4.463,0.392c13.517,0.615,31.208-2.174,41.591-7c22.358-10.376,35.618-27.7,13.573-23.148z"/>
<path d="M215.866,286.484c-1.385,49.516,0.348,99.377,5.193,111.495c4.848,12.118,15.223,35.688,50.9,28.045c29.806-6.39,40.651-18.756,45.357-46.051c3.466-20.082,10.148-75.854,11.005-87.281"/>
<path d="M173.104,38.256c0,0-161.521-66.016-154.012,84.109c1.597,31.938,45.779,241.664,98.473,178.316c19.256-23.166,36.671-41.335,36.671-41.335"/>
<path d="M260.349,26.207c-5.591,1.753,89.848-34.889,144.087,34.417c19.159,24.484-3.043,124.519-56.153,203.329"/>
<path style="stroke-linejoin:bevel;" d="M348.282,263.953c0,0,3.461,17.036,53.764,6.653c22.04-4.552,8.776,12.774-13.577,23.155c-18.345,8.514-59.474,10.696-60.146-1.069c-1.729-30.355,21.647-21.133,19.96-28.739c-1.525-6.85-11.979-13.573-18.894-30.338 c-6.037-14.633-82.796-126.849,21.287-110.183c3.813-0.789-27.146-99.002-124.553-100.599c-97.385-1.597-94.19,119.762-94.19,119.762"/>
<path d="M188.604,274.334c-13.577,15.166-9.584,17.829-36.723,23.417c-27.459,5.66-11.326,15.733-0.797,18.365c12.768,3.195,42.307,7.718,62.266-20.229c6.078-8.509-0.036-22.086-8.385-25.547c-4.034-1.671-9.428-3.765-16.361,3.994z"/>
<path d="M187.715,274.069c-1.368-8.917,2.93-19.528,7.536-31.942c6.922-18.626,22.893-37.255,10.117-96.339c-9.523-44.029-73.396-9.163-73.436-3.193c-0.039,5.968,2.889,30.26-1.067,58.548c-5.162,36.913,23.488,68.132,56.479,64.938"/>
<path style="fill:#FFFFFF;stroke-width:4.155;stroke-linecap:butt;stroke-linejoin:miter;" d="M172.517,141.7c-0.288,2.039,3.733,7.48,8.976,8.207c5.234,0.73,9.714-3.522,9.998-5.559c0.284-2.039-3.732-4.285-8.977-5.015c-5.237-0.731-9.719,0.333-9.996,2.367z"/>
<path style="fill:#FFFFFF;stroke-width:2.0775;stroke-linecap:butt;stroke-linejoin:miter;" d="M331.941,137.543c0.284,2.039-3.732,7.48-8.976,8.207c-5.238,0.73-9.718-3.522-10.005-5.559c-0.277-2.039,3.74-4.285,8.979-5.015c5.239-0.73,9.718,0.333,10.002,2.368z"/>
<path d="M350.676,123.432c0.863,15.994-3.445,26.888-3.988,43.914c-0.804,24.748,11.799,53.074-7.191,81.435"/>
<path style="stroke-width:3;" d="M0,60.232"/>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 4.3 KiB

96
src/public/assets/images/branding/php/php-logo.svg
View File

@ -1,96 +0,0 @@
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg height="383.5975" id="svg3430" version="1.1" viewBox="0 0 711.20123 383.5975" width="711.20123" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:cc="http://creativecommons.org/ns#" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg">
<title id="title3510">Official PHP Logo</title>
<metadata id="metadata3436">
<rdf:RDF>
<cc:Work rdf:about="">
<dc:format>image/svg+xml</dc:format>
<dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/>
<dc:title>Official PHP Logo</dc:title>
<dc:creator>
<cc:Agent>
<dc:title>Colin Viebrock</dc:title>
</cc:Agent>
</dc:creator>
<dc:description/>
<dc:contributor>
<cc:Agent>
<dc:title/>
</cc:Agent>
</dc:contributor>
<cc:license rdf:resource="http://creativecommons.org/licenses/by-sa/3.0/"/>
<dc:rights>
<cc:Agent>
<dc:title>Copyright Colin Viebrock 1997 - All rights reserved.</dc:title>
</cc:Agent>
</dc:rights>
<dc:date>1997</dc:date>
</cc:Work>
<cc:License rdf:about="http://creativecommons.org/licenses/by-sa/3.0/">
<cc:permits rdf:resource="http://creativecommons.org/ns#Reproduction"/>
<cc:permits rdf:resource="http://creativecommons.org/ns#Distribution"/>
<cc:requires rdf:resource="http://creativecommons.org/ns#Notice"/>
<cc:requires rdf:resource="http://creativecommons.org/ns#Attribution"/>
<cc:permits rdf:resource="http://creativecommons.org/ns#DerivativeWorks"/>
<cc:requires rdf:resource="http://creativecommons.org/ns#ShareAlike"/>
</cc:License>
</rdf:RDF>
</metadata>
<defs id="defs3434">
<clipPath clipPathUnits="userSpaceOnUse" id="clipPath3444">
<path d="M 11.52,162 C 11.52,81.677 135.307,16.561 288,16.561 l 0,0 c 152.693,0 276.481,65.116 276.481,145.439 l 0,0 c 0,80.322 -123.788,145.439 -276.481,145.439 l 0,0 C 135.307,307.439 11.52,242.322 11.52,162" id="path3446"/>
</clipPath>
<radialGradient cx="0" cy="0" fx="0" fy="0" gradientTransform="matrix(363.05789,0,0,-363.05789,177.52002,256.30713)" gradientUnits="userSpaceOnUse" id="radialGradient3452" r="1" spreadMethod="pad">
<stop id="stop3454" offset="0" style="stop-opacity:1;stop-color:#aeb2d5"/>
<stop id="stop3456" offset="0.3" style="stop-opacity:1;stop-color:#aeb2d5"/>
<stop id="stop3458" offset="0.75" style="stop-opacity:1;stop-color:#484c89"/>
<stop id="stop3460" offset="1" style="stop-opacity:1;stop-color:#484c89"/>
</radialGradient>
<clipPath clipPathUnits="userSpaceOnUse" id="clipPath3468">
<path d="M 0,324 576,324 576,0 0,0 0,324 Z" id="path3470"/>
</clipPath>
<clipPath clipPathUnits="userSpaceOnUse" id="clipPath3480">
<path d="M 0,324 576,324 576,0 0,0 0,324 Z" id="path3482"/>
</clipPath>
</defs>
<g id="g3438" transform="matrix(1.25,0,0,-1.25,-4.4,394.29875)">
<g id="g3440">
<g clip-path="url(#clipPath3444)" id="g3442">
<g id="g3448">
<g id="g3450">
<path d="M 11.52,162 C 11.52,81.677 135.307,16.561 288,16.561 l 0,0 c 152.693,0 276.481,65.116 276.481,145.439 l 0,0 c 0,80.322 -123.788,145.439 -276.481,145.439 l 0,0 C 135.307,307.439 11.52,242.322 11.52,162" id="path3462" style="fill:url(#radialGradient3452);stroke:none"/>
</g>
</g>
</g>
</g>
<g id="g3464">
<g clip-path="url(#clipPath3468)" id="g3466">
<g id="g3472" transform="translate(288,27.3594)">
<path d="M 0,0 C 146.729,0 265.68,60.281 265.68,134.641 265.68,209 146.729,269.282 0,269.282 -146.729,269.282 -265.68,209 -265.68,134.641 -265.68,60.281 -146.729,0 0,0" id="path3474" style="fill:#777bb3;fill-opacity:1;fill-rule:nonzero;stroke:none"/>
</g>
</g>
</g>
<g id="g3476">
<g clip-path="url(#clipPath3480)" id="g3478">
<g id="g3484" transform="translate(161.7344,145.3066)">
<path d="m 0,0 c 12.065,0 21.072,2.225 26.771,6.611 5.638,4.341 9.532,11.862 11.573,22.353 1.903,9.806 1.178,16.653 -2.154,20.348 C 32.783,53.086 25.417,55 14.297,55 L -4.984,55 -15.673,0 0,0 Z m -63.063,-67.75 c -0.895,0 -1.745,0.4 -2.314,1.092 -0.57,0.691 -0.801,1.601 -0.63,2.48 L -37.679,81.573 C -37.405,82.982 -36.17,84 -34.734,84 L 26.32,84 C 45.508,84 59.79,78.79 68.767,68.513 77.792,58.182 80.579,43.741 77.05,25.592 75.614,18.198 73.144,11.331 69.709,5.183 66.27,-0.972 61.725,-6.667 56.198,-11.747 49.582,-17.939 42.094,-22.429 33.962,-25.071 25.959,-27.678 15.681,-29 3.414,-29 l -24.722,0 -7.06,-36.322 c -0.274,-1.41 -1.508,-2.428 -2.944,-2.428 l -31.751,0 z" id="path3486" style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"/>
</g>
<g id="g3488" transform="translate(159.2236,197.3071)">
<path d="m 0,0 16.808,0 c 13.421,0 18.083,-2.945 19.667,-4.7 2.628,-2.914 3.124,-9.058 1.435,-17.767 C 36.012,-32.217 32.494,-39.13 27.452,-43.012 22.29,-46.986 13.898,-49 2.511,-49 L -9.523,-49 0,0 Z m 28.831,35 -61.055,0 c -2.872,0 -5.341,-2.036 -5.889,-4.855 l -28.328,-145.751 c -0.342,-1.759 0.12,-3.578 1.259,-4.961 1.14,-1.383 2.838,-2.183 4.63,-2.183 l 31.75,0 c 2.873,0 5.342,2.036 5.89,4.855 l 6.588,33.895 22.249,0 c 12.582,0 23.174,1.372 31.479,4.077 8.541,2.775 16.399,7.48 23.354,13.984 5.752,5.292 10.49,11.232 14.08,17.657 3.591,6.427 6.171,13.594 7.668,21.302 3.715,19.104 0.697,34.402 -8.969,45.466 C 63.965,29.444 48.923,35 28.831,35 m -45.633,-90 19.313,0 c 12.801,0 22.336,2.411 28.601,7.234 6.266,4.824 10.492,12.875 12.688,24.157 2.101,10.832 1.144,18.476 -2.871,22.929 C 36.909,3.773 28.87,6 16.808,6 L -4.946,6 -16.802,-55 M 28.831,29 C 47.198,29 60.597,24.18 69.019,14.539 77.44,4.898 79.976,-8.559 76.616,-25.836 75.233,-32.953 72.894,-39.46 69.601,-45.355 66.304,-51.254 61.999,-56.648 56.679,-61.539 50.339,-67.472 43.296,-71.7 35.546,-74.218 27.796,-76.743 17.925,-78 5.925,-78 l -27.196,0 -7.531,-38.75 -31.75,0 28.328,145.75 61.055,0" id="path3490" style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"/>
</g>
<g id="g3492" transform="translate(311.583,116.3066)">
<path d="m 0,0 c -0.896,0 -1.745,0.4 -2.314,1.092 -0.571,0.691 -0.802,1.6 -0.631,2.48 L 9.586,68.061 C 10.778,74.194 10.484,78.596 8.759,80.456 7.703,81.593 4.531,83.5 -4.848,83.5 L -27.55,83.5 -43.305,2.428 C -43.579,1.018 -44.814,0 -46.25,0 l -31.5,0 c -0.896,0 -1.745,0.4 -2.315,1.092 -0.57,0.691 -0.801,1.601 -0.63,2.48 l 28.328,145.751 c 0.274,1.409 1.509,2.427 2.945,2.427 l 31.5,0 c 0.896,0 1.745,-0.4 2.315,-1.091 0.57,-0.692 0.801,-1.601 0.63,-2.481 L -21.813,113 2.609,113 c 18.605,0 31.221,-3.28 38.569,-10.028 7.49,-6.884 9.827,-17.891 6.947,-32.719 L 34.945,2.428 C 34.671,1.018 33.437,0 32,0 L 0,0 Z" id="path3494" style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"/>
</g>
<g id="g3496" transform="translate(293.6611,271.0571)">
<path d="m 0,0 -31.5,0 c -2.873,0 -5.342,-2.036 -5.89,-4.855 l -28.328,-145.751 c -0.342,-1.759 0.12,-3.578 1.26,-4.961 1.14,-1.383 2.838,-2.183 4.63,-2.183 l 31.5,0 c 2.872,0 5.342,2.036 5.89,4.855 l 15.283,78.645 20.229,0 c 9.363,0 11.328,-2 11.407,-2.086 0.568,-0.611 1.315,-3.441 0.082,-9.781 l -12.531,-64.489 c -0.342,-1.759 0.12,-3.578 1.26,-4.961 1.14,-1.383 2.838,-2.183 4.63,-2.183 l 32,0 c 2.872,0 5.342,2.036 5.89,4.855 l 13.179,67.825 c 3.093,15.921 0.447,27.864 -7.861,35.5 -7.928,7.281 -21.208,10.82 -40.599,10.82 l -20.784,0 6.143,31.605 C 6.231,-5.386 5.77,-3.566 4.63,-2.184 3.49,-0.801 1.792,0 0,0 m 0,-6 -7.531,-38.75 28.062,0 c 17.657,0 29.836,-3.082 36.539,-9.238 6.703,-6.16 8.711,-16.141 6.032,-29.938 l -13.18,-67.824 -32,0 12.531,64.488 c 1.426,7.336 0.902,12.34 -1.574,15.008 -2.477,2.668 -7.746,4.004 -15.805,4.004 l -25.176,0 -16.226,-83.5 -31.5,0 L -31.5,-6 0,-6" id="path3498" style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"/>
</g>
<g id="g3500" transform="translate(409.5498,145.3066)">
<path d="m 0,0 c 12.065,0 21.072,2.225 26.771,6.611 5.638,4.34 9.532,11.861 11.574,22.353 1.903,9.806 1.178,16.653 -2.155,20.348 C 32.783,53.086 25.417,55 14.297,55 L -4.984,55 -15.673,0 0,0 Z m -63.062,-67.75 c -0.895,0 -1.745,0.4 -2.314,1.092 -0.57,0.691 -0.802,1.601 -0.631,2.48 L -37.679,81.573 C -37.404,82.982 -36.17,84 -34.733,84 L 26.32,84 C 45.509,84 59.79,78.79 68.768,68.513 77.793,58.183 80.579,43.742 77.051,25.592 75.613,18.198 73.144,11.331 69.709,5.183 66.27,-0.972 61.725,-6.667 56.198,-11.747 49.582,-17.939 42.094,-22.429 33.962,-25.071 25.959,-27.678 15.681,-29 3.414,-29 l -24.723,0 -7.057,-36.322 c -0.275,-1.41 -1.509,-2.428 -2.946,-2.428 l -31.75,0 z" id="path3502" style="fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none"/>
</g>
<g id="g3504" transform="translate(407.0391,197.3071)">
<path d="M 0,0 16.808,0 C 30.229,0 34.891,-2.945 36.475,-4.7 39.104,-7.614 39.6,-13.758 37.91,-22.466 36.012,-32.217 32.493,-39.13 27.452,-43.012 22.29,-46.986 13.898,-49 2.511,-49 L -9.522,-49 0,0 Z m 28.831,35 -61.054,0 c -2.872,0 -5.341,-2.036 -5.889,-4.855 L -66.44,-115.606 c -0.342,-1.759 0.12,-3.578 1.259,-4.961 1.14,-1.383 2.838,-2.183 4.63,-2.183 l 31.75,0 c 2.872,0 5.342,2.036 5.89,4.855 l 6.587,33.895 22.249,0 c 12.582,0 23.174,1.372 31.479,4.077 8.541,2.775 16.401,7.481 23.356,13.986 5.752,5.291 10.488,11.23 14.078,17.655 3.591,6.427 6.171,13.594 7.668,21.302 3.715,19.105 0.697,34.403 -8.969,45.467 C 63.965,29.444 48.924,35 28.831,35 m -45.632,-90 19.312,0 c 12.801,0 22.336,2.411 28.601,7.234 6.267,4.824 10.492,12.875 12.688,24.157 2.102,10.832 1.145,18.476 -2.871,22.929 C 36.909,3.773 28.87,6 16.808,6 L -4.946,6 -16.801,-55 M 28.831,29 C 47.198,29 60.597,24.18 69.019,14.539 77.441,4.898 79.976,-8.559 76.616,-25.836 75.233,-32.953 72.894,-39.46 69.601,-45.355 66.304,-51.254 61.999,-56.648 56.679,-61.539 50.339,-67.472 43.296,-71.7 35.546,-74.218 27.796,-76.743 17.925,-78 5.925,-78 l -27.196,0 -7.53,-38.75 -31.75,0 28.328,145.75 61.054,0" id="path3506" style="fill:#ffffff;fill-opacity:1;fill-rule:nonzero;stroke:none"/>
</g>
</g>
</g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 10 KiB

37
src/public/assets/images/branding/react/react-logo.svg
View File

@ -1,37 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_2_1_" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 490.6 436.9" style="enable-background:new 0 0 490.6 436.9;" xml:space="preserve">
<style type="text/css">
.st0{fill:#61DAFB;}
</style>
<g>
<path class="st0" d="M490.6,218.5c0-32.5-40.7-63.3-103.1-82.4c14.4-63.6,8-114.2-20.2-130.4c-6.5-3.8-14.1-5.6-22.4-5.6v22.3
c4.6,0,8.3,0.9,11.4,2.6c13.6,7.8,19.5,37.5,14.9,75.7c-1.1,9.4-2.9,19.3-5.1,29.4c-19.6-4.8-41-8.5-63.5-10.9
c-13.5-18.5-27.5-35.3-41.6-50c32.6-30.3,63.2-46.9,84-46.9V0l0,0c-27.5,0-63.5,19.6-99.9,53.6c-36.4-33.8-72.4-53.2-99.9-53.2
v22.3c20.7,0,51.4,16.5,84,46.6c-14,14.7-28,31.4-41.3,49.9c-22.6,2.4-44,6.1-63.6,11c-2.3-10-4-19.7-5.2-29
c-4.7-38.2,1.1-67.9,14.6-75.8c3-1.8,6.9-2.6,11.5-2.6V0.5l0,0c-8.4,0-16,1.8-22.6,5.6c-28.1,16.2-34.4,66.7-19.9,130.1
C40.5,155.4,0,186.1,0,218.5c0,32.5,40.7,63.3,103.1,82.4c-14.4,63.6-8,114.2,20.2,130.4c6.5,3.8,14.1,5.6,22.5,5.6
c27.5,0,63.5-19.6,99.9-53.6c36.4,33.8,72.4,53.2,99.9,53.2c8.4,0,16-1.8,22.6-5.6c28.1-16.2,34.4-66.7,19.9-130.1
C450.1,281.7,490.6,250.9,490.6,218.5z M360.4,151.8c-3.7,12.9-8.3,26.2-13.5,39.5c-4.1-8-8.4-16-13.1-24
c-4.6-8-9.5-15.8-14.4-23.4C333.6,146,347.3,148.6,360.4,151.8z M314.6,258.3c-7.8,13.5-15.8,26.3-24.1,38.2c-14.9,1.3-30,2-45.2,2
c-15.1,0-30.2-0.7-45-1.9c-8.3-11.9-16.4-24.6-24.2-38c-7.6-13.1-14.5-26.4-20.8-39.8c6.2-13.4,13.2-26.8,20.7-39.9
c7.8-13.5,15.8-26.3,24.1-38.2c14.9-1.3,30-2,45.2-2c15.1,0,30.2,0.7,45,1.9c8.3,11.9,16.4,24.6,24.2,38
c7.6,13.1,14.5,26.4,20.8,39.8C329,231.8,322.1,245.2,314.6,258.3z M346.9,245.3c5.4,13.4,10,26.8,13.8,39.8
c-13.1,3.2-26.9,5.9-41.2,8c4.9-7.7,9.8-15.6,14.4-23.7C338.5,261.4,342.8,253.3,346.9,245.3z M245.5,352
c-9.3-9.6-18.6-20.3-27.8-32c9,0.4,18.2,0.7,27.5,0.7c9.4,0,18.7-0.2,27.8-0.7C264,331.7,254.7,342.4,245.5,352z M171.1,293.1
c-14.2-2.1-27.9-4.7-41-7.9c3.7-12.9,8.3-26.2,13.5-39.5c4.1,8,8.4,16,13.1,24S166.2,285.5,171.1,293.1z M245,85
c9.3,9.6,18.6,20.3,27.8,32c-9-0.4-18.2-0.7-27.5-0.7c-9.4,0-18.7,0.2-27.8,0.7C226.5,105.3,235.8,94.6,245,85z M171,143.9
c-4.9,7.7-9.8,15.6-14.4,23.7c-4.6,8-8.9,16-13,24c-5.4-13.4-10-26.8-13.8-39.8C142.9,148.7,156.7,146,171,143.9z M80.5,269.1
c-35.4-15.1-58.3-34.9-58.3-50.6s22.9-35.6,58.3-50.6c8.6-3.7,18-7,27.7-10.1c5.7,19.6,13.2,40,22.5,60.9
c-9.2,20.8-16.6,41.1-22.2,60.6C98.6,276.2,89.2,272.8,80.5,269.1z M134.3,412c-13.6-7.8-19.5-37.5-14.9-75.7
c1.1-9.4,2.9-19.3,5.1-29.4c19.6,4.8,41,8.5,63.5,10.9c13.5,18.5,27.5,35.3,41.6,50c-32.6,30.3-63.2,46.9-84,46.9
C141.1,414.6,137.3,413.7,134.3,412z M371.5,335.8c4.7,38.2-1.1,67.9-14.6,75.8c-3,1.8-6.9,2.6-11.5,2.6c-20.7,0-51.4-16.5-84-46.6
c14-14.7,28-31.4,41.3-49.9c22.6-2.4,44-6.1,63.6-11C368.6,316.8,370.4,326.5,371.5,335.8z M410,269.1c-8.6,3.7-18,7-27.7,10.1
c-5.7-19.6-13.2-40-22.5-60.9c9.2-20.8,16.6-41.1,22.2-60.6c9.9,3.1,19.3,6.5,28.1,10.2c35.4,15.1,58.3,34.9,58.3,50.6
C468.3,234.2,445.4,254.1,410,269.1z"/>
<path class="st0" d="M145.1,0.4L145.1,0.4L145.1,0.4z"/>
<circle class="st0" cx="245.2" cy="218.5" r="45.7"/>
<path class="st0" d="M344.8,0.1L344.8,0.1L344.8,0.1z"/>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 3.2 KiB

22
src/public/assets/images/branding/redux/redux-logo.svg
View File

@ -1,22 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 78.6 74.6" style="enable-background:new 0 0 78.6 74.6;" xml:space="preserve">
<style type="text/css">
.st0{fill:#764ABC;}
</style>
<g>
<path class="st0" d="M54.4,52.1c2.9-0.3,5.1-2.8,5-5.8s-2.6-5.4-5.6-5.4h-0.2c-3.1,0.1-5.5,2.7-5.4,5.8c0.1,1.5,0.7,2.8,1.6,3.7
c-3.4,6.7-8.6,11.6-16.4,15.7c-5.3,2.8-10.8,3.8-16.3,3.1c-4.5-0.6-8-2.6-10.2-5.9c-3.2-4.9-3.5-10.2-0.8-15.5
c1.9-3.8,4.9-6.6,6.8-8c-0.4-1.3-1-3.5-1.3-5.1C-2.9,45.2-1.4,59.4,3,66.1c3.3,5,10,8.1,17.4,8.1c2,0,4-0.2,6-0.7
C39.2,71,48.9,63.4,54.4,52.1z"/>
<path class="st0" d="M72,39.7c-7.6-8.9-18.8-13.8-31.6-13.8h-1.6c-0.9-1.8-2.8-3-4.9-3h-0.2c-3.1,0.1-5.5,2.7-5.4,5.8
c0.1,3,2.6,5.4,5.6,5.4h0.2c2.2-0.1,4.1-1.5,4.9-3.4h1.8c7.6,0,14.8,2.2,21.3,6.5c5,3.3,8.6,7.6,10.6,12.8
c1.7,4.2,1.6,8.3-0.2,11.8C69.7,67.1,65,70,58.8,70c-4,0-7.8-1.2-9.8-2.1c-1.1,1-3.1,2.6-4.5,3.6c4.3,2,8.7,3.1,12.9,3.1
c9.6,0,16.7-5.3,19.4-10.6C79.7,58.2,79.5,48.2,72,39.7z"/>
<path class="st0" d="M21.2,53.8c0.1,3,2.6,5.4,5.6,5.4H27c3.1-0.1,5.5-2.7,5.4-5.8c-0.1-3-2.6-5.4-5.6-5.4h-0.2
c-0.2,0-0.5,0-0.7,0.1c-4.1-6.8-5.8-14.2-5.2-22.2c0.4-6,2.4-11.2,5.9-15.5c2.9-3.7,8.5-5.5,12.3-5.6c10.6-0.2,15.1,13,15.4,18.3
c1.3,0.3,3.5,1,5,1.5C58.1,8.4,48.1,0,38.5,0c-9,0-17.3,6.5-20.6,16.1c-4.6,12.8-1.6,25.1,4,34.8C21.4,51.6,21.1,52.7,21.2,53.8z"
/>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.5 KiB

23
src/public/assets/images/branding/shopify/shopify-logo.svg
View File

@ -1,23 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 19.0.1, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 109.5 124.5" style="enable-background:new 0 0 109.5 124.5;" xml:space="preserve">
<style type="text/css">
.st0{fill:#95BF47;}
.st1{fill:#5E8E3E;}
.st2{fill:#FFFFFF;}
</style>
<g>
<path class="st0" d="M95.9,24.2c-0.1-0.6-0.6-1-1.1-1c-0.5,0-10-0.7-10-0.7s-6.6-6.6-7.4-7.3c-0.7-0.7-2.2-0.5-2.7-0.3
c-0.1,0-1.5,0.4-3.7,1.1c-2.2-6.4-6.1-12.3-13-12.3c-0.2,0-0.4,0-0.6,0C55.4,1.1,53,0,50.9,0C34.8,0,27.1,20.1,24.7,30.3
c-6.2,1.9-10.7,3.3-11.2,3.5c-3.5,1.1-3.6,1.2-4,4.5C9.1,40.7,0,111.2,0,111.2l71,13.3l38.5-8.3C109.5,116.2,96,24.9,95.9,24.2z
M67,17.2c-1.8,0.6-3.8,1.2-6,1.9c0-0.4,0-0.8,0-1.3c0-4-0.6-7.2-1.4-9.7C63.2,8.5,65.5,12.5,67,17.2z M55.2,8.8
c1,2.5,1.6,6,1.6,10.8c0,0.2,0,0.5,0,0.7c-3.9,1.2-8.2,2.5-12.4,3.8C46.8,15,51.3,10.5,55.2,8.8z M50.4,4.3c0.7,0,1.4,0.2,2.1,0.7
c-5.1,2.4-10.7,8.5-13,20.7c-3.4,1.1-6.7,2.1-9.8,3C32.4,19.4,38.9,4.3,50.4,4.3z"/>
<path class="st1" d="M94.8,23.2c-0.5,0-10-0.7-10-0.7s-6.6-6.6-7.4-7.3c-0.3-0.3-0.6-0.4-1-0.5L71,124.5l38.5-8.3
c0,0-13.5-91.3-13.6-91.9C95.8,23.6,95.2,23.3,94.8,23.2z"/>
<path class="st2" d="M57.9,44.5l-4.7,14.1c0,0-4.2-2.2-9.2-2.2c-7.5,0-7.8,4.7-7.8,5.9c0,6.4,16.8,8.9,16.8,24
c0,11.9-7.5,19.5-17.7,19.5c-12.2,0-18.4-7.6-18.4-7.6l3.3-10.8c0,0,6.4,5.5,11.8,5.5c3.5,0,5-2.8,5-4.8c0-8.4-13.8-8.8-13.8-22.6
c0-11.6,8.3-22.9,25.2-22.9C54.7,42.6,57.9,44.5,57.9,44.5z"/>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.6 KiB

1
src/public/assets/images/branding/twitch/twitch-logo.svg
View File

@ -1 +0,0 @@
<svg id="Layer_1" data-name="Layer 1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 128 134"><defs><style>.cls-1{fill:#6441a4;fill-rule:evenodd;}</style></defs><title>Glitch</title><path class="cls-1" d="M89,77l-9,23v94h32v17h18l17-17h26l35-35V77H89Zm107,76-20,20H144l-17,17V173H100V89h96v64Zm-20-41v35H164V112h12Zm-32,0v35H132V112h12Z" transform="translate(-80 -77)"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 377 B

1
src/public/assets/images/branding/twitter/twitter-logo.svg
View File

@ -1 +0,0 @@
<svg id="Logo_FIXED" data-name="Logo — FIXED" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400"><defs><style>.cls-1{fill:none;}.cls-2{fill:#1da1f2;}</style></defs><title>Twitter_Logo_Blue</title><rect class="cls-1" width="400" height="400"/><path class="cls-2" d="M153.62,301.59c94.34,0,145.94-78.16,145.94-145.94,0-2.22,0-4.43-.15-6.63A104.36,104.36,0,0,0,325,122.47a102.38,102.38,0,0,1-29.46,8.07,51.47,51.47,0,0,0,22.55-28.37,102.79,102.79,0,0,1-32.57,12.45,51.34,51.34,0,0,0-87.41,46.78A145.62,145.62,0,0,1,92.4,107.81a51.33,51.33,0,0,0,15.88,68.47A50.91,50.91,0,0,1,85,169.86c0,.21,0,.43,0,.65a51.31,51.31,0,0,0,41.15,50.28,51.21,51.21,0,0,1-23.16.88,51.35,51.35,0,0,0,47.92,35.62,102.92,102.92,0,0,1-63.7,22A104.41,104.41,0,0,1,75,278.55a145.21,145.21,0,0,0,78.62,23"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 790 B

40
src/public/assets/images/branding/typescript/typescript-logo.svg
View File

@ -1,40 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" viewBox="0 0 630 630">
<!--
The MIT License (MIT)
Copyright (c) 2015 Remo H. Jansen <remo.jansen@wolksoftware.com>
Permission is hereby granted, free of charge, to any person obtaining a copy
of this software and associated documentation files (the "Software"), to deal
in the Software without restriction, including without limitation the rights
to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
copies of the Software, and to permit persons to whom the Software is
furnished to do so, subject to the following conditions:
The above copyright notice and this permission notice shall be included in
all copies or substantial portions of the Software.
THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN
THE SOFTWARE.
-->
<g transform="translate(0.000000,630.000000) scale(0.100000,-0.100000)"
fill="#007ACC" stroke="none">
<path d="M0 3150 l0 -3150 3150 0 3150 0 0 3150 0 3150 -3150 0 -3150 0 0
-3150z m5077 251 c160 -40 282 -111 394 -227 58 -62 144 -175 151 -202 2 -8
-272 -192 -438 -295 -6 -4 -30 22 -57 62 -81 118 -166 169 -296 178 -191 13
-314 -87 -313 -254 0 -49 7 -78 27 -118 42 -87 120 -139 365 -245 451 -194
644 -322 764 -504 134 -203 164 -527 73 -768 -100 -262 -348 -440 -697 -499
-108 -19 -364 -16 -480 5 -253 45 -493 170 -641 334 -58 64 -171 231 -164 243
3 4 29 20 58 37 28 16 134 77 234 135 l181 105 38 -56 c53 -81 169 -192 239
-229 201 -106 477 -91 613 31 58 53 82 108 82 189 0 73 -9 105 -47 160 -49 70
-149 129 -433 252 -325 140 -465 227 -593 365 -74 80 -144 208 -173 315 -24
89 -30 312 -11 402 67 314 304 533 646 598 111 21 369 13 478 -14z m-1479
-263 l2 -258 -410 0 -410 0 0 -1165 0 -1165 -290 0 -290 0 0 1165 0 1165 -410
0 -410 0 0 253 c0 140 3 257 7 260 3 4 502 6 1107 5 l1101 -3 3 -257z" />
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 2.1 KiB

11
src/public/assets/images/branding/unity/unity-logo.svg
View File

@ -1,11 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 23.0.3, SVG Export Plug-In . SVG Version: 6.00 Build 0) -->
<svg version="1.1" id="Layer_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
viewBox="0 0 256 263" style="enable-background:new 0 0 256 263;" xml:space="preserve">
<style type="text/css">
.st0{fill:#222C37;}
</style>
<path class="st0" d="M142.2,124.2l39.1-67.5l18.9,67.5l-18.9,67.6L142.2,124.2L142.2,124.2z M123.1,135.3l39.2,67.5l-68.2-17.5
l-49.3-50.2H123L123.1,135.3z M162.2,45.7l-39.1,67.6H44.9l49.2-50.1C94.1,63.2,162.2,45.7,162.2,45.7z M218,101.2l-23.8-88.8
l-89.1,23.9L91.9,59.5l-26.8-0.2L0,124.2l65.2,65l26.8-0.2l13.2,23.2l89.1,23.8l23.9-88.8l-13.5-23l13.6-23H218z"/>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 770 B

1
src/public/assets/images/branding/webpack/webpack-logo.svg
View File

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 774 875.7"><title>icon</title><path fill="#FFF" d="M387 0l387 218.9v437.9L387 875.7 0 656.8V218.9z"/><path fill="#8ed6fb" d="M704.9 641.7L399.8 814.3V679.9l190.1-104.6 115 66.4zm20.9-18.9V261.9l-111.6 64.5v232l111.6 64.4zM67.9 641.7L373 814.3V679.9L182.8 575.3 67.9 641.7zM47 622.8V261.9l111.6 64.5v232L47 622.8zm13.1-384.3L373 61.5v129.9L172.5 301.7l-1.6.9-110.8-64.1zm652.6 0l-312.9-177v129.9l200.5 110.2 1.6.9 110.8-64z"/><path fill="#1c78c0" d="M373 649.3L185.4 546.1V341.8L373 450.1v199.2zm26.8 0l187.6-103.1V341.8L399.8 450.1v199.2zm-13.4-207zM198.1 318.2l188.3-103.5 188.3 103.5-188.3 108.7-188.3-108.7z"/></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 672 B

BIN
src/public/assets/images/people/dominic/head.png
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 24 KiB

BIN
src/public/assets/images/websites/bundlfresh.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 335 KiB

BIN
src/public/assets/images/websites/cocksox.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 502 KiB

BIN
src/public/assets/images/websites/domsPlace.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 45 KiB

BIN
src/public/assets/images/websites/earjobs.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 126 KiB

BIN
src/public/assets/images/websites/kopalife.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 87 KiB

BIN
src/public/assets/images/websites/solinvictus.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 167 KiB

BIN
src/public/assets/images/websites/stateofescape.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 223 KiB

1
src/public/assets/logo.svg
View File

File diff suppressed because one or more lines are too long
Side by Side

Before

Width:  |  Height:  |  Size: 7.1 KiB

1
src/public/assets/navigation/about-me.svg
View File

@ -1 +0,0 @@
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 256"><linearGradient id="a" gradientUnits="userSpaceOnUse" y1="128" x2="256" y2="128" gradientTransform="rotate(90 128 128)"><stop offset="0" stop-color="#9300bf"/><stop offset="1" stop-color="#3f0073"/></linearGradient><path fill="url(#a)" d="M0 0h256v256H0z"/><g fill="#FFF"><path d="M31.6 108.1l4.8-.2 10.7 30 4 .9v2.9h-14v-2.9l4.5-.9-1.8-5.4H27.3l-1.9 5.4 4.5.9v2.9H16.7v-2.9l4-.9 10.9-29.8zm2.1 6l-5.1 14.5h9.9l-4.8-14.5zM60.4 118.4c1.6-1.3 4.1-2.8 7.2-2.8 7 0 10.1 5.1 10.1 12.6 0 8.2-4.6 14-13.3 14-5.3 0-8.9-1.2-8.9-1.2v-32.6l-3.9-1v-2.7l8.7-.2v13.9zm0 19.4s1.3.5 4.8.5c5.6 0 7.5-4.3 7.5-9.7 0-5.3-1.7-9.2-6-9.2a7.7 7.7 0 0 0-6.3 3.1v15.3zM105.5 128.4c0 8.2-4.8 13.8-12.1 13.8s-11.6-4.3-11.6-13c0-8.2 5.1-13.5 12.3-13.5s11.4 5 11.4 12.7zm-18.5.5c0 5.8 1.9 9.4 6.8 9.4 4.8 0 6.8-3.4 6.8-9.7 0-5.3-1.7-9.2-6.5-9.2-5 .1-7.1 3.2-7.1 9.5zM137.7 141.4l-8 .2-.5-3.4c-1.2 1-5 3.9-8.9 3.9-5.3 0-7.7-3.3-7.7-8.6v-13.6l-4.1-1v-2.7l8.9-.2v17c0 3.4 1.2 5 4.3 5 4.1 0 7-3.8 7-3.8v-14.3l-4.1-1v-2.7l8.9-.2v21.7l4.1 1v2.7zM156.5 119.9h-7v15.5c0 2.2 1.1 2.9 2.4 2.9 1.2 0 2.5-.5 3.8-1.2l1.3 2.6a11 11 0 0 1-6.8 2.4c-2.9 0-5.6-1.6-5.6-7v-15.2h-4.8v-3.1l4.8-.5v-6.1l4.8-1v7.1h7v3.6zM200.9 113.7l-1.4 3.6-7.5 15.2-3.9.2-7.5-15.7-1.2-3.4v24.1l4.6 1v2.9h-13v-2.9l4.1-1v-26.1l-4.1-1v-2.7l10.9-.2 8.7 19.3 9.1-19.1 10.1-.2v2.9l-4.1 1v26.1l4.1 1v2.9h-13.5v-2.9l4.6-1v-24zM218.8 129.6c0 5.3 2.8 8.7 7 8.7 4.8 0 8.1-2.7 8.1-2.7l1.7 2.5s-4.5 4-10.3 4c-7.7 0-11.6-5.1-11.6-13 0-7.7 4.8-13.5 11.8-13.5s10.1 4.1 10.1 11.3l-.2 2.7h-16.6zm11.8-3.6c0-3.6-1.4-6.6-5.3-6.6s-6 3-6.3 6.6h11.6z"/></g></svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.6 KiB

BIN
src/public/assets/navigation/about.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 2.3 KiB

31
src/public/assets/navigation/blog.svg
View File

@ -1,31 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.1.0, 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 256 256" enable-background="new 0 0 256 256" xml:space="preserve">
<g id="Layer_1">
<g>
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="0" y1="128" x2="256" y2="128" gradientTransform="matrix(0 1 -1 0 256 0)">
<stop offset="1.953869e-07" style="stop-color:#9300BF"/>
<stop offset="1" style="stop-color:#3F0073"/>
</linearGradient>
<rect fill="url(#SVGID_1_)" width="256" height="256"/>
</g>
</g>
<g id="G">
<g>
<path fill="#FFFFFF" d="M83.5,111.7l-4.1-1v-2.7l8.9-0.2h5.6c6,0,10.4,2.7,10.4,8.5c0,4.3-2.2,6.8-6.3,7.8c5.1,1.2,7.5,4,7.5,7.9
c0,6.8-4.3,9.7-12.3,9.7H79.4v-2.9l4.1-1V111.7z M92,122.4c4.3,0,7.2-1.7,7.2-5.6c0-3.4-2.4-5.1-5.6-5.1h-5.3v10.6H92z
M93.4,137.8c4.6,0,7-1.9,7-5.6c0-4.8-3.1-6.3-8.5-6.3h-3.6v11.8H93.4z"/>
<path fill="#FFFFFF" d="M122.5,141.7h-13.4V139l4.1-1.2v-29.5l-4.1-1v-2.7l9-0.2v33.3l4.3,1.2V141.7z"/>
<path fill="#FFFFFF" d="M148.3,128.4c0,8.2-4.8,13.8-12.1,13.8s-11.6-4.3-11.6-13c0-8.2,5.1-13.5,12.3-13.5
S148.3,120.7,148.3,128.4z M129.7,128.9c0,5.8,1.9,9.4,6.8,9.4c4.8,0,6.8-3.4,6.8-9.7c0-5.3-1.7-9.2-6.5-9.2
C131.9,119.5,129.7,122.6,129.7,128.9z"/>
<path fill="#FFFFFF" d="M172.6,119.6c0,0,1.3,1.7,1.3,4.9c0,6.5-4.3,9.4-10.6,9.4c-2.2,0-3.6-0.4-3.6-0.4l-0.2,4.5h7.5
c6.3,0,9.7,2.4,9.7,7c0,5.3-4.1,8.7-12.6,8.7c-6.8,0-11.6-1.7-11.6-7c0-4.3,5.1-6,5.1-6s-2.9-0.2-2.9-2.8c0-1.6,2.5-5.5,2.5-5.5
s-3.7-1.7-3.7-7.5c0-6.3,4.3-9.4,10.6-9.4c3.1,0,4.8,0.9,4.8,0.9l8.5-0.2v2.7L172.6,119.6z M160.4,141.7c0,0-3.1,1.4-3.1,4.3
c0,3.4,2.9,4.1,7.5,4.1c4.8,0,7.2-1.4,7.2-4.6c0-3.1-2.4-3.9-6.3-3.9H160.4z M158.2,124.8c0,3.4,1.7,5.8,5.3,5.8
c3.9,0,5.6-1.7,5.6-5.8c0-3.6-1.7-5.8-5.3-5.8C159.9,119,158.2,120.9,158.2,124.8z"/>
</g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 1.9 KiB

2392
src/public/assets/navigation/box.ai
View File

File diff suppressed because one or more lines are too long

35
src/public/assets/navigation/contact.svg
View File

@ -1,35 +0,0 @@
<?xml version="1.0" encoding="utf-8"?>
<!-- Generator: Adobe Illustrator 22.1.0, 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 256 256" enable-background="new 0 0 256 256" xml:space="preserve">
<g id="Layer_1">
<g>
<linearGradient id="SVGID_1_" gradientUnits="userSpaceOnUse" x1="0" y1="128" x2="256" y2="128" gradientTransform="matrix(0 1 -1 0 256 0)">
<stop offset="1.953869e-07" style="stop-color:#9300BF"/>
<stop offset="1" style="stop-color:#3F0073"/>
</linearGradient>
<rect fill="url(#SVGID_1_)" width="256" height="256"/>
</g>
</g>
<g id="G">
<g>
<path fill="#FFFFFF" d="M61.8,112.5c0,0-2.6-1-6.2-1c-6.5,0-10.1,4.8-10.1,13.8c0,8.7,4.3,12.6,10.4,12.6c5.1,0,9.7-3.9,9.7-3.9
l1.9,3.1c0,0-4.8,5.1-12.1,5.1c-9.7,0-15.5-5.8-15.5-16.7c0-11.1,6.3-18.1,16.2-18.1c5.3,0,10.9,2.4,10.9,2.4l-0.2,8.2h-3.6
L61.8,112.5z"/>
<path fill="#FFFFFF" d="M94.8,128.4c0,8.2-4.8,13.8-12.1,13.8s-11.6-4.3-11.6-13c0-8.2,5.1-13.5,12.3-13.5S94.8,120.7,94.8,128.4z
M76.2,128.9c0,5.8,1.9,9.4,6.8,9.4c4.8,0,6.8-3.4,6.8-9.7c0-5.3-1.7-9.2-6.5-9.2C78.4,119.5,76.2,122.6,76.2,128.9z"/>
<path fill="#FFFFFF" d="M107.1,119.5c1.2-1,5-3.9,9-3.9c5.3,0,7.7,3.4,7.7,8.7v13.5l3.6,1.2v2.7h-11.6V139l3.1-1.2v-13
c0-3.4-1.2-5.1-4.3-5.1c-4.1,0-7,3.9-7,3.9v14.2l3.1,1.2v2.7H98.7V139l4.1-1.2v-17.9l-4.1-1v-2.7l8-0.2L107.1,119.5z"/>
<path fill="#FFFFFF" d="M146.5,119.9h-7v15.5c0,2.2,1.1,2.9,2.4,2.9c1.2,0,2.5-0.5,3.8-1.2l1.3,2.6c-2.2,1.6-4.3,2.4-6.8,2.4
c-2.9,0-5.6-1.6-5.6-7v-15.2h-4.8v-3.1l4.8-0.5v-6.1l4.8-1v7.1h7V119.9z"/>
<path fill="#FFFFFF" d="M151.5,117.5c0,0,5.3-1.9,9.4-1.9c5.6,0,8.9,1.9,8.9,7.5v14.7l3.9,1v2.7l-7.5,0.2l-1-3.4
c-1.6,1.6-4.5,3.9-7.9,3.9c-4.6,0-7.2-2.7-7.2-7.2c0-5.6,4.3-7.5,11.1-7.5h3.9v-3.9c0-2.9-1.7-4.3-4.6-4.3c-2.9,0-4.9,0.7-4.9,0.7
l-0.7,3.6h-3.1L151.5,117.5z M161.7,130.6c-4.8,0-6.7,1.2-6.7,4.1c0,2.2,1.4,3.6,3.5,3.6c3.6,0,6.5-3.9,6.5-3.9v-3.9H161.7z"/>
<path fill="#FFFFFF" d="M193.8,119.9c0,0-1.9-0.5-4.3-0.5c-4.6,0-7.2,2.9-7.2,8.9c0,6.5,2.9,9.9,7.5,9.9s7.5-2.9,7.5-2.9l1.7,2.9
c0,0-4.3,3.9-9.7,3.9c-8,0-12.1-5.1-12.1-13.3c0-7.7,4.8-13.3,12.6-13.3c4.3,0,8.2,1.9,8.2,1.9l-0.2,6.5h-3.1L193.8,119.9z"/>
<path fill="#FFFFFF" d="M217.5,119.9h-7v15.5c0,2.2,1.1,2.9,2.4,2.9c1.2,0,2.5-0.5,3.8-1.2l1.3,2.6c-2.2,1.6-4.3,2.4-6.8,2.4
c-2.9,0-5.6-1.6-5.6-7v-15.2h-4.8v-3.1l4.8-0.5v-6.1l4.8-1v7.1h7V119.9z"/>
</g>
</g>
</svg>
Side by Side

Before

Width:  |  Height:  |  Size: 2.4 KiB

53
src/public/components/background/stars/index.tsx
View File

@ -1,53 +0,0 @@
// Copyright (c) 2019 Dominic Masters
//
// MIT License
//
// Permission is hereby granted, free of charge, to any person obtaining
// a copy of this software and associated documentation files (the
// "Software"), to deal in the Software without restriction, including
// without limitation the rights to use, copy, modify, merge, publish,
// distribute, sublicense, and/or sell copies of the Software, and to
// permit persons to whom the Software is furnished to do so, subject to
// the following conditions:
//
// The above copyright notice and this permission notice shall be
// included in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
import * as React from 'react';
import './styles.scss';
export const Star = (props:{star:number}) => {
return (
<div className={`c-star-background__star is-star-${props.star+1}`}>
<div className="c-star-background__star-image" />
</div>
);
};
export class StarBackground extends React.Component<any,any> {
constructor(props:any) {
super(props);
}
render() {
let stars =[];
for(let i = 0; i < 12; i++) stars.push(<Star key={i} star={i} />);
return (
<div className="c-star-background">
<div className="c-star-background__inner">
{ stars }
</div>
</div>
);
}
}

59
src/public/components/background/stars/styles.scss
View File

@ -1,59 +0,0 @@
@import './../../../styles/global';
@keyframes c-star-background--wobble {
0% {
opacity: 0.7;
}
50% {
opacity: 0.3;
}
100% {
opacity: 0.7;
}
}
.c-star-background {
position: fixed;
left: 0;
top: 0;
width: 100%;
height: 100%;
z-index: $s-z--background;
&__inner {
position: relative;
height: 100%;
z-index: $s-z--background;
}
&__star {
position: absolute;
&-image {
width: 1.2em;
height: 1.2em;
transform: translate(-50%, -50%);
background: url('./../../../assets/icons/icon-star.svg');
background-size: contain;
background-repeat: no-repeat;
animation: c-star-background--wobble $s-animation--time-very-long $s-animation--ease-in-out infinite;
}
//Styles
&.is-star-1 { left: 5%; top: 10%; transform: scale(0.5); }
&.is-star-2 { left: 10%; top: 50%; opacity: 0.5; }
&.is-star-3 { left: 20%; top: 25%; opacity: 0.9; transform: scale(0.75); }
&.is-star-4 { left: 35%; top: 35%; opacity: 0.7; }
&.is-star-5 { left: 45%; top: 5%; transform: scale(0.8); }
&.is-star-6 { left: 65%; top: 15%; transform: scale(0.5); }
&.is-star-7 { left: 75%; top: 30%; opacity: 0.75; transform: scale(0.75); }
&.is-star-8 { left: 85%; top: 10%; }
&.is-star-9 { left: 85%; top: 45%; opacity: 0.55; transform: scale(0.5); }
&.is-star-10 { left: 95%; top: 35%; opacity: 0.7; }
&.is-star-11 { left: 50%; top: 50%; }
&.is-star-12 { left: 45%; top: 40%; transform: scale(0.7); }
}
}

75
src/public/components/layout/footer/index.tsx
View File

@ -1,75 +0,0 @@
// Copyright (c) 2019 Dominic Masters
//
// MIT License
//
// Permission is hereby granted, free of charge, to any person obtaining
// a copy of this software and associated documentation files (the
// "Software"), to deal in the Software without restriction, including
// without limitation the rights to use, copy, modify, merge, publish,
// distribute, sublicense, and/or sell copies of the Software, and to
// permit persons to whom the Software is furnished to do so, subject to
// the following conditions:
//
// The above copyright notice and this permission notice shall be
// included in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
import * as React from 'react';
import { Link, LinkProps } from '@yourwishes/app-simple-react/dist/public';
import { Logo } from './../../../objects/logo/';
import './styles.scss';
//FooterLinks
export const FooterLink = (props:LinkProps) => (
<Link {...props} className={`c-footer__navigation-link ${props.className||""}`} />
);
//Footer
export interface FooterProps extends React.HTMLAttributes<HTMLElement> {}
export interface FooterState {
now:Date
};
export class Footer extends React.Component<FooterProps, FooterState> {
interval:NodeJS.Timeout;
constructor(props:FooterProps) {
super(props);
this.state = {
now: new Date()
}
}
componentDidMount() {
this.interval = setInterval(() => this.setState({ now: new Date() }), 1000);
}
componentWillUnmount() {
if(this.interval) clearInterval(this.interval);
}
render() {
return (
<footer {...this.props} className={`c-footer ${this.props.className||""}`}>
<span className="c-footer__copyright">
&copy; 2012 ~ { this.state.now.getFullYear() } Dominic Masters
</span>
<Logo className="c-footer__logo" />
<nav className="c-footer__navigation">
<FooterLink to="/contact">Contact Me</FooterLink>
<FooterLink to="/legal/privacy">Privacy Policy</FooterLink>
</nav>
</footer>
);
}
}

74
src/public/components/layout/footer/styles.scss
View File

@ -1,74 +0,0 @@
@import './../../../styles/global';
.c-footer {
position: relative;
display: flex;
flex-wrap: wrap;
justify-content: space-between;
width: 100%;
padding: $s-gutter--small;
background: $s-color--background-footer;
&__copyright,
&__navigation {
font-family: $s-font--family-heading;
width: 100%;
font-size: 0.75em;
margin-bottom: 1em;
text-align: center;
}
&__navigation {
&-link {
display: inline-block;
position: relative;
+ #{&} {
margin-left: 1em;
&::before {
content: "|";
display: inline-block;
position: absolute;
left: 0;
transform: translateX(-0.5em) translateX(-50%);
}
}
}
}
&__logo {
display: none;
align-items: center;
height: 100%;
width: auto;
position: absolute;
top: 0;
left: 50%;
transform: translateX(-50%);
img { width: 120px; margin: auto; }
}
@include t-media-query($s-small-up) {
&__copyright,
&__navigation {
width: auto;
margin: 0;
}
&__logo {
display: flex;
}
}
@include t-media-query($s-medium-up) {
&__copyright,
&__navigation {
font-size: 1em;
}
&__logo img { width: 150px; }
}
}

39
src/public/components/layout/header/hamburger/MenuLink.tsx
View File

@ -1,39 +0,0 @@
// Copyright (c) 2019 Dominic Masters
//
// MIT License
//
// Permission is hereby granted, free of charge, to any person obtaining
// a copy of this software and associated documentation files (the
// "Software"), to deal in the Software without restriction, including
// without limitation the rights to use, copy, modify, merge, publish,
// distribute, sublicense, and/or sell copies of the Software, and to
// permit persons to whom the Software is furnished to do so, subject to
// the following conditions:
//
// The above copyright notice and this permission notice shall be
// included in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
import * as React from 'react';
import { Link, LinkProps } from '@yourwishes/app-simple-react/dist/public';
export interface MenuLinkProps extends LinkProps {
to:string,
title:string,
exact?:boolean
};
export const MenuLink = (props:MenuLinkProps) => {
return (
<Link className="c-hamburger__link" {...props} activeClassName="is-active">
{ props.title }
</Link>
);
};

42
src/public/components/layout/header/hamburger/MenuSocial.tsx
View File

@ -1,42 +0,0 @@
// Copyright (c) 2019 Dominic Masters
//
// MIT License
//
// Permission is hereby granted, free of charge, to any person obtaining
// a copy of this software and associated documentation files (the
// "Software"), to deal in the Software without restriction, including
// without limitation the rights to use, copy, modify, merge, publish,
// distribute, sublicense, and/or sell copies of the Software, and to
// permit persons to whom the Software is furnished to do so, subject to
// the following conditions:
//
// The above copyright notice and this permission notice shall be
// included in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
import * as React from 'react';
import { Link, Image, ImageSource } from '@yourwishes/app-simple-react/dist/public';
export interface MenuSocialProps {
to:string,
title?:string,
src:ImageSource
};
export const MenuSocial = (props:MenuSocialProps) => {
let { to, title, src } = props;
return (
<Link to={to} title={title} className={`c-hamburger__social-link is-${title.toLowerCase()}`}>
<Image src={src} className="c-hamburger__social-link-image" />
</Link>
);
};

99
src/public/components/layout/header/hamburger/index.tsx
View File

@ -1,99 +0,0 @@
// Copyright (c) 2019 Dominic Masters
//
// MIT License
//
// Permission is hereby granted, free of charge, to any person obtaining
// a copy of this software and associated documentation files (the
// "Software"), to deal in the Software without restriction, including
// without limitation the rights to use, copy, modify, merge, publish,
// distribute, sublicense, and/or sell copies of the Software, and to
// permit persons to whom the Software is furnished to do so, subject to
// the following conditions:
//
// The above copyright notice and this permission notice shall be
// included in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
import * as React from 'react';
import { Image } from '@yourwishes/app-simple-react/dist/public/';
import { MenuLink, MenuLinkProps } from './MenuLink';
import { MenuSocial, MenuSocialProps } from './MenuSocial';
import './styles.scss';
export interface HamburgerMenuProps { className?:string, links:MenuLinkProps[], social:MenuSocialProps[] }
export interface HamburgerMenuState { open:boolean }
export class HamburgerMenu extends React.Component<HamburgerMenuProps, HamburgerMenuState> {
menu:HTMLDivElement;
clickEvent;
constructor(props:HamburgerMenuProps) {
super(props);
this.clickEvent = this.onClickMenu.bind(this);
this.state = { open: false };
}
componentDidMount() {
this.menu.addEventListener('click', this.clickEvent);
}
componentWillUnmount() {
this.menu.removeEventListener('click', this.clickEvent);
}
onClick(e:React.MouseEvent<HTMLButtonElement, MouseEvent>) {
this.setState({ open: !this.state.open });
}
onClickMenu(e:MouseEvent) {
if(e.target !== this.menu) return;
e.preventDefault();
this.setState({ open: !this.state.open });
}
onItemClick(e:React.MouseEvent<HTMLAnchorElement, MouseEvent>) {
this.setState({ open: false });
}
render () {
let { className, links, social } = this.props;
let { open } = this.state;
return (
<nav className={`c-hamburger ${className||""} ${open?'is-open':'is-closed'}`}>
<button className="c-hamburger__btn" type="button" onClick={e => this.onClick(e)}>
<div className="c-hamburger__btn-inner">
<Image
src={require('./../../../../assets/icons/icon-hamburger.svg')}
className="c-hamburger__btn-icon is-open"
/>
<Image
src={require('./../../../../assets/icons/icon-close.svg')}
className="c-hamburger__btn-icon is-close"
/>
</div>
</button>
<div className="c-hamburger__menu" ref={e => this.menu = e }>
<div className="c-hamburger__menu-body">
{ links.map((link,i) => <MenuLink {...link} key={i} onClick={e => this.onItemClick(e)} /> )}
<div className="c-hamburger__social">
{ social.map((sc,i) => <MenuSocial {...sc} key={i} />) }
</div>
</div>
</div>
</nav>
);
}
};

91
src/public/components/layout/header/hamburger/styles.scss
View File

@ -1,91 +0,0 @@
@import './../../../../styles/global';
.c-hamburger {
$self: &;
&__btn {
display: inline-block;
padding: $s-gutter--xsmall;
&-inner {
position: relative;
}
&-icon{
transition: all $s-animation--time-fast $s-animation--ease-out;
z-index: $s-z--menu + 1;
&.is-close {
position: absolute;
left: 0;
top: 0;
width: 100%;
heigth: 100%;
opacity: 0;
}
}
#{$self}.is-open & {
&-icon {
opacity: 0;
&.is-close { opacity: 1; }
}
}
}
&__menu {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
transform: translateX(-100%);
transition: all $s-animation--time-fast $s-animation--ease-out;
z-index: $s-z--menu;
&-body {
width: 100%;
height: 100%;
background: white;
max-width: 300px;
padding-top: $s-gutter--large;
}
#{$self}.is-open & {
transform: translateX(0);
&-body {
box-shadow: 0px 0px 2em rgba(0,0,0,0.9);
}
}
}
&__link {
display: block;
padding: $s-gutter--small $s-gutter--small;
border-left: 0.4em solid transparent;
color: black;
&.is-active { border-color: $s-color--primary; }
}
&__social {
width: 100%;
display: flex;
flex-wrap: wrap;
&-link {
display: block;
width: 20%;
width: calc(20% - #{$s-gutter--xsmall / 2});
margin-top: $s-gutter--xsmall;
padding: $s-gutter--xsmall;
border-radius: 100%;
&.is-github { background: $s-social--github-background; }
+ #{&} { margin-left: calc(#{$s-gutter--xsmall} + 0); }
}
}
}

88
src/public/components/layout/header/index.tsx
View File

@ -1,88 +0,0 @@
// Copyright (c) 2019 Dominic Masters
//
// MIT License
//
// Permission is hereby granted, free of charge, to any person obtaining
// a copy of this software and associated documentation files (the
// "Software"), to deal in the Software without restriction, including
// without limitation the rights to use, copy, modify, merge, publish,
// distribute, sublicense, and/or sell copies of the Software, and to
// permit persons to whom the Software is furnished to do so, subject to
// the following conditions:
//
// The above copyright notice and this permission notice shall be
// included in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
import * as React from 'react';
import { Logo } from './../../../objects/logo/';
import { HamburgerMenu } from './hamburger/';
import { HeaderNav } from './nav/';
import './styles.scss';
export const Links = [
{ title: 'Home', exact: true, to: '/' },
{ title: 'About', exact: true, to: '/about' },
{ title: 'Blog', exact: true, to: '/blog' }
];
export const Social = [
{ title: 'GitHub', to: '//github.com/YourWishes', src: require('./../../../assets/icons/icon-github.svg') }
];
export interface HeaderProps extends React.HTMLAttributes<HTMLElement> { }
export interface HeaderState {
now:Date
}
export class Header extends React.Component<HeaderProps, HeaderState> {
time:NodeJS.Timeout;
constructor(props:HeaderProps) {
super(props);
this.state = {
now: new Date()
};
}
componentDidMount() {
this.time = setInterval(() => {
this.setState({ now: new Date() });
}, 500);
}
componentWillUnmount() {
if(this.time) clearInterval(this.time);
}
render() {
let { className } = this.props;
let { now } = this.state;
let pz = (n:number) => (`${n}`).padStart(2,'0');
return (
<header {...this.props} className={`c-header ${className||""}`}>
<HamburgerMenu className="c-header__hamburger" links={Links} social={Social} />
<Logo className="c-header__logo" />
<HeaderNav className="c-header__nav" links={Links} social={Social} />
<span className="c-header__time">
{pz(now.getHours())}<span className="c-header__time-colon">:</span>{pz(now.getMinutes())}
</span>
</header>
);
}
}

42
src/public/components/layout/header/nav/HeaderNavLink.tsx
View File

@ -1,42 +0,0 @@
// Copyright (c) 2019 Dominic Masters
//
// MIT License
//
// Permission is hereby granted, free of charge, to any person obtaining
// a copy of this software and associated documentation files (the
// "Software"), to deal in the Software without restriction, including
// without limitation the rights to use, copy, modify, merge, publish,
// distribute, sublicense, and/or sell copies of the Software, and to
// permit persons to whom the Software is furnished to do so, subject to
// the following conditions:
//
// The above copyright notice and this permission notice shall be
// included in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
import * as React from 'react';
import { Link } from '@yourwishes/app-simple-react/dist/public';
export interface HeaderNavLinkProps {
to:string,
title:string,
exact?:boolean
}
export const HeaderNavLink = (props:HeaderNavLinkProps) => {
return (
<Link className="c-header-nav__link" {...props} activeClassName="is-active">
<span className="c-header-nav__link-inner">
{ props.title }
</span>
</Link>
);
};

41
src/public/components/layout/header/nav/HeaderNavSocial.tsx
View File

@ -1,41 +0,0 @@
// Copyright (c) 2019 Dominic Masters
//
// MIT License
//
// Permission is hereby granted, free of charge, to any person obtaining
// a copy of this software and associated documentation files (the
// "Software"), to deal in the Software without restriction, including
// without limitation the rights to use, copy, modify, merge, publish,
// distribute, sublicense, and/or sell copies of the Software, and to
// permit persons to whom the Software is furnished to do so, subject to
// the following conditions:
//
// The above copyright notice and this permission notice shall be
// included in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
import * as React from 'react';
import { Link, Image, ImageSource } from '@yourwishes/app-simple-react/dist/public';
export interface HeaderNavSocialProps {
to:string,
title?:string,
src:ImageSource
}
export const HeaderNavSocial = (props:HeaderNavSocialProps) => {
let { to, title, src } = props;
return (
<Link to={to} title={title} className={`c-header-nav__social-link is-${title.toLowerCase()}`}>
<Image src={src} className="c-header-nav__social-link-image" />
</Link>
);
};

51
src/public/components/layout/header/nav/index.tsx
View File

@ -1,51 +0,0 @@
// Copyright (c) 2019 Dominic Masters
//
// MIT License
//
// Permission is hereby granted, free of charge, to any person obtaining
// a copy of this software and associated documentation files (the
// "Software"), to deal in the Software without restriction, including
// without limitation the rights to use, copy, modify, merge, publish,
// distribute, sublicense, and/or sell copies of the Software, and to
// permit persons to whom the Software is furnished to do so, subject to
// the following conditions:
//
// The above copyright notice and this permission notice shall be
// included in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
import * as React from 'react';
import { Link, Image } from '@yourwishes/app-simple-react/dist/public';
import { HeaderNavLink, HeaderNavLinkProps } from './HeaderNavLink';
import { HeaderNavSocial, HeaderNavSocialProps } from './HeaderNavSocial';
import './styles.scss';
export interface HeaderNavProps {
className?:string,
links:HeaderNavLinkProps[],
social:HeaderNavSocialProps[]
};
export const HeaderNav = (props:HeaderNavProps) => {
let { className, links, social } = props;
return <nav className={`c-header-nav ${className||""}`}>
{ links.map((link,i) =>
<HeaderNavLink {...link} key={i} />
)}
<div className="c-header-nav__social">
{ social.map((sc,i) =>
<HeaderNavSocial {...sc} key={i} />
)}
</div>
</nav>
};

77
src/public/components/layout/header/nav/styles.scss
View File

@ -1,77 +0,0 @@
@import './../../../../styles/global';
.c-header-nav {
$self: &;
display: flex;
flex-direction: column;
width: 75px;
&__link {
padding-bottom: 100%;
position: relative;
width: 100%;
border: 0.2em solid transparent;
&,&-inner {
transition: all $s-animation--time-fast $s-animation--ease-out;
}
&-inner {
display: flex;
align-items: center;
justify-content: center;
position: absolute;
height: 100%;
width: 100%;
font-family: $s-font--family-heading;
}
&:hover #{$self}__link-inner {
transform: translateX(5%);
}
&.is-active {
border-right-color: $s-color--primary;
}
}
&__nav {}
&__social {
display: flex;
flex: 1;
flex-wrap: wrap;
align-content: flex-end;
justify-content: space-between;
padding: $s-gutter--small;
&-link {
width: 50%;
width: calc(50% - #{$s-gutter--xsmall / 2});
margin-top: $s-gutter--xsmall;
padding: $s-gutter--xsmall;
border-radius: 100%;
transition: all $s-animation--time-fast $s-animation--ease-out;
&:hover { transform: scale(1.05); }
&.is-github { background: $s-social--github-background; }
}
}
@include t-media-query($s-small-up) {
width: 100px;
&__link-inner { font-size: $s-font--size-4; }
}
@include t-media-query($s-large-up) {
width: 125px;
}
}

57
src/public/components/layout/header/styles.scss
View File

@ -1,57 +0,0 @@
@import './../../../styles/global';
@keyframes c-header--time-tick {
0% { opacity: 1; }
50% { opacity: 0; }
100% { opacity: 1;}
}
.c-header {
display: flex;
align-items: center;
padding: $s-gutter--small $s-gutter--xsmall;
&__hamburger,
&__time {
flex-basis: (100% - 55%) / 2;
}
&__logo {
width: 100%;
flex-basis: 55%;
img {
display: block;
max-width: 175px;
margin: 0 auto;
}
}
&__time {
text-align: right;
padding: $s-gutter--xsmall;
&-colon { animation: 2s c-header--time-tick infinite step-end; }
}
&__nav { display: none; }
@include t-media-query($s-xsmall-up) {
padding: 0;
flex-direction: column;
background: $s-color--background-footer;
&__nav {
display: flex;
flex-grow: 1;
}
&__hamburger,
&__time {
flex-basis: auto;
display: none;
}
&__logo { display: none; }
}
}

101
src/public/components/layout/layout/index.tsx
View File

@ -1,101 +0,0 @@
// Copyright (c) 2019 Dominic Masters
//
// MIT License
//
// Permission is hereby granted, free of charge, to any person obtaining
// a copy of this software and associated documentation files (the
// "Software"), to deal in the Software without restriction, including
// without limitation the rights to use, copy, modify, merge, publish,
// distribute, sublicense, and/or sell copies of the Software, and to
// permit persons to whom the Software is furnished to do so, subject to
// the following conditions:
//
// The above copyright notice and this permission notice shall be
// included in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
import * as React from 'react';
import { History } from 'history';
import { AnimatedSwitch, Router, Link } from '@yourwishes/app-simple-react/dist/public';
import { StarBackground } from './../../background/stars/';
import { Header } from './../header/';
import { Footer } from './../footer/';
import { Page } from './../../page/';
import './styles.scss';
const CLASS_ROUTE_CHANGE = 'is-route-changing';
//Paths (this will generate the necessary pages)
export interface LayoutProps {
history:History
};
export class LayoutComponent extends React.Component<LayoutProps> {
view:HTMLDivElement;
constructor(props:LayoutProps) {
super(props);
}
//We use these to let the body know we're changing routes, which is a fake
//way of stopping a user changing the route mid transition.
onTransitionStart() {
if(document.body.classList.contains(CLASS_ROUTE_CHANGE)) return;
console.log('Transition Start');
document.body.classList.add(CLASS_ROUTE_CHANGE);
}
onTransitionEnd() {
if(!document.body.classList.contains(CLASS_ROUTE_CHANGE)) return;
console.log('Transition End');
document.body.classList.remove(CLASS_ROUTE_CHANGE);
}
render() {
let PageProps = {
onEnter: e => this.onTransitionStart(),
onEntered: e => this.onTransitionEnd(),
timeout: 2*1000
}
return (
<Router history={this.props.history}>
<>
<StarBackground />
<div className="c-layout">
{/* Header and Layout Wrapper */}
<div className="c-layout__inner">
<Header className="c-layout__header" />
<div className="c-layout__view" ref={e => this.view = e}>
<AnimatedSwitch>
<Page {...PageProps} exact path="/" name="home" />
<Page {...PageProps} exact path="/about" name="about" />
<Page {...PageProps} exact path="/contact" name="contact" />
<Page {...PageProps} exact path="/projects" name="projects" />
<Page {...PageProps} exact path="/legal/privacy" name="privacy" />
<Page {...PageProps} exact path="/blog" name="blog" />
<Page {...PageProps} exact path="/blog/article/:handle" name="article" />
</AnimatedSwitch>
</div>
</div>
{/* Footer */}
<Footer className="c-layout__footer" />
</div>
</>
</Router>
);
}
}

49
src/public/components/layout/layout/styles.scss
View File

@ -1,49 +0,0 @@
@import './../../../styles/global';
$c-layout--menu-width: 275px;
.c-layout {
height: 100%;
//Set position relative and a z-index to allow the layout to draw over the
//background
position: relative;
z-index: $s-z--layout;
&__header,&__footer { width: 100%; }
&__view { position: relative; }
&__inner {
body.is-route-changing & { overflow: hidden; }
}
@include t-media-query($s-xsmall-up) {
display: flex;
flex-direction: column;
max-height: 100%;
&__inner {
display: flex;
width: 100%;
flex-grow: 1;
overflow-y: auto;
}
&__view {
//position: relative;
flex-basis: 100%;
flex-grow: 1;
//overflow: hidden;
}
&__header {
width: auto;
}
&__footer { }
}
//Entering transition
//&.is-not-ready { opacity: 0; }
}

84
src/public/components/page/index.tsx
View File

@ -1,84 +0,0 @@
// Copyright (c) 2019 Dominic Masters
//
// MIT License
//
// Permission is hereby granted, free of charge, to any person obtaining
// a copy of this software and associated documentation files (the
// "Software"), to deal in the Software without restriction, including
// without limitation the rights to use, copy, modify, merge, publish,
// distribute, sublicense, and/or sell copies of the Software, and to
// permit persons to whom the Software is furnished to do so, subject to
// the following conditions:
//
// The above copyright notice and this permission notice shall be
// included in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
import * as React from 'react';
import { AnimatedRouteProps, AnimatedRoute } from '@yourwishes/app-simple-react/dist/public';
import { Loader as LoaderObject } from './../../objects/loader/';
import { PageEffect } from './../../objects/page/effect/';
import { Helmet } from 'react-helmet';
import './styles.scss';
//Title can be either a string (a title), or null (to indicate that this is a
//title-less page (e.g. the Home Page would be considered title-less)
export interface PageProps extends AnimatedRouteProps {
name:string,
load?:undefined
}
export class PageAnimatedRouteWrapper extends React.Component<any> {
constructor(props:any) {
super(props);
}
render() {
let { loadKey, className, simulate, children } = this.props;
let Effect = PageEffect(loadKey);
return (
<main className="c-page">
<Effect className={`c-page__effect ${className||""}`} simulate={simulate}>
{ children }
</Effect>
</main>
);
}
};
export const PageLoading = () => {
return (
<div className="c-page__loader">
<LoaderObject className="c-page__loader-element" />
</div>
);
};
export class Page extends React.Component<any> {
constructor(props:PageProps) {
super(props);
}
render() {
let { name } = this.props;
return <AnimatedRoute
{...this.props} className={`c-page--${name} p-${name}`}
animateWrapper={PageAnimatedRouteWrapper as any}
classNames="c-page__transition"
loading={PageLoading} loadKey={`pages/${name}`}
load={() => import(`./../../pages/${name}/`)}
/>;
}
}

44
src/public/components/page/styles.scss
View File

@ -1,44 +0,0 @@
@import './../../styles/global';
.c-page {
width: 100%;
height: 100%;
&__effect {
width: 100%;
height: 100%;
overflow-y: auto;
}
//Transitioning styles
&__transition {
//Define the timings, both enter and exit should share timings.
&-enter,&-exit {
transition: all $s-animation--time-extended $s-animation--ease-in-out;
&-active .c-page__effect { overflow-y: visible; }
}
&-enter {
transform: translateY(100vh);
z-index: 1;
&-active {
transform: translateY(0);
.c-page__effect { overflow-y: hidden; }
}
}
&-exit {
position: absolute;
transform: translateY(0%);
top: 0;
left: 0;
opacity: 1;
&-active {
transform: translateY(-100vh);
opacity: 0;
}
}
}
}

49
src/public/components/page/wrapper/index.tsx
View File

@ -1,49 +0,0 @@
// Copyright (c) 2019 Dominic Masters
//
// MIT License
//
// Permission is hereby granted, free of charge, to any person obtaining
// a copy of this software and associated documentation files (the
// "Software"), to deal in the Software without restriction, including
// without limitation the rights to use, copy, modify, merge, publish,
// distribute, sublicense, and/or sell copies of the Software, and to
// permit persons to whom the Software is furnished to do so, subject to
// the following conditions:
//
// The above copyright notice and this permission notice shall be
// included in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
import * as React from 'react';
import { Helmet } from 'react-helmet';
const DefaultTitle = document.title;
export interface PageWrapperProps {
children:React.ReactNode,
title:string
};
export const PageWrapper = (props:PageWrapperProps) => {
let { title, children } = props;
if(title == null) {
title = DefaultTitle;
} else {
title = `${title} - domsPlace`
}
return <>
<Helmet>
<title>{ title }</title>
</Helmet>
{ children }
</>;
};

32
src/public/components/section/index.tsx
View File

@ -1,32 +0,0 @@
// Copyright (c) 2019 Dominic Masters
//
// MIT License
//
// Permission is hereby granted, free of charge, to any person obtaining
// a copy of this software and associated documentation files (the
// "Software"), to deal in the Software without restriction, including
// without limitation the rights to use, copy, modify, merge, publish,
// distribute, sublicense, and/or sell copies of the Software, and to
// permit persons to whom the Software is furnished to do so, subject to
// the following conditions:
//
// The above copyright notice and this permission notice shall be
// included in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
import * as React from 'react';
export interface SectionProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLElement>, HTMLElement> {
};
export const Section = (props:SectionProps) => (
<section {...props} className={`c-section ${props.className||""}`} />
);

88
src/public/data/articles/2018/11-26-dombot/Article.tsx
View File

@ -1,88 +0,0 @@
// Copyright (c) 2019 Dominic Masters
//
// MIT License
//
// Permission is hereby granted, free of charge, to any person obtaining
// a copy of this software and associated documentation files (the
// "Software"), to deal in the Software without restriction, including
// without limitation the rights to use, copy, modify, merge, publish,
// distribute, sublicense, and/or sell copies of the Software, and to
// permit persons to whom the Software is furnished to do so, subject to
// the following conditions:
//
// The above copyright notice and this permission notice shall be
// included in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
import * as React from 'react';
import { Image } from '@yourwishes/app-simple-react/dist/public';
import { ArticleProps } from './../../../../pages/article/';
import './styles.scss';
export const DomBotRedevelopmentArticle = (props:ArticleProps) => {
let { article } = props;
return <>
<meta itemProp="lastUpdated" content={new Date('2019-05-26 09:32:00').toString()} />
<Image className="c-dbr__image" src={article.image} />
<div className="c-dbr__description" itemProp="description">
<p>
It's no secret that I play video games, I particularly enjoy online
multiplayer games such as Team Fortress 2. These games often require
a good means of communication with fellow teammates, so that gameplay
can be coordinated and teams can win more often.
</p>
<p>
Generally, gamers will tend to use <a href="//discord.com">Discord</a> due
to it's high install base, as well as great quality and free service.
</p>
<p>
I use tend to use Discord as well, and have had some fun digging around
with the Discord API, to build some software for me and my friends'
chatrooms.
</p>
<p>
One of my older projects is DomBot, a free to install and use Discord
Music Bot, that I recently had the privilage of updating as a proof
of concept.
</p>
<p>
While the concept of a Music Bot for Discord is not new, I had built it
to build up and demonstrate the capabilities of my new TypeScript
based application framework, that I plan to use in a lot of my new
and upcoming projects.
</p>
<p>
If you're interested in having DomBot on your server, head over to
the <a href="//dombot.domsplace.com">dedicated page I have setup</a> and
you can install the bot onto your Discord server for free.
</p>
<p>
For now I look forward to bringing more applications on my new app
framework, and you'll likely see my personal site merged with the
framework in the next coming months.
<br /><br />
Thanks,<br />Dominic
</p>
</div>
</>;
}
export default DomBotRedevelopmentArticle;

BIN
src/public/data/articles/2018/11-26-dombot/banner.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 8.0 KiB

40
src/public/data/articles/2018/11-26-dombot/index.tsx
View File

@ -1,40 +0,0 @@
// Copyright (c) 2018 Dominic Masters
//
// MIT License
//
// Permission is hereby granted, free of charge, to any person obtaining
// a copy of this software and associated documentation files (the
// "Software"), to deal in the Software without restriction, including
// without limitation the rights to use, copy, modify, merge, publish,
// distribute, sublicense, and/or sell copies of the Software, and to
// permit persons to whom the Software is furnished to do so, subject to
// the following conditions:
//
// The above copyright notice and this permission notice shall be
// included in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE
import * as React from 'react';
import { BlogArticle } from './../../../../types/';
export const DomBotRedevelopment:BlogArticle = {
title: 'DomBot Redevelopment',
date: new Date('2018-11-26T21:56:15.920Z'),
description: () => import('./Article'),
short: () => (
<p>
Sharing music between long distance friends is easier than ever with my
updated Music bot. Learn about it's development and how I plan to improve
it in the future.
</p>
),
handle: 'dombot-redevelopment',
image: require('./banner.jpg')
};

27
src/public/data/articles/2018/11-26-dombot/styles.scss
View File

@ -1,27 +0,0 @@
@import './../../../../styles/global';
.c-dbr {
&__image {
width: 100%;
max-width: 500px;
margin: 0 auto;
margin-bottom: $s-gutter--large;
}
&__description {}
@include t-media-query($s-small-up) {
padding-top: $s-gutter--large;
&__image {
display: inline-block;
float: left;
max-width: 370px;
margin: 0 $s-gutter--small $s-gutter--small 0;
}
&__description {
display: inline;
}
}
}

30
src/public/data/articles/2018/index.ts
View File

@ -1,30 +0,0 @@
// Copyright (c) 2019 Dominic Masters
//
// MIT License
//
// Permission is hereby granted, free of charge, to any person obtaining
// a copy of this software and associated documentation files (the
// "Software"), to deal in the Software without restriction, including
// without limitation the rights to use, copy, modify, merge, publish,
// distribute, sublicense, and/or sell copies of the Software, and to
// permit persons to whom the Software is furnished to do so, subject to
// the following conditions:
//
// The above copyright notice and this permission notice shall be
// included in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
import { BlogArticle } from './../../../types/';
import { DomBotRedevelopment } from './11-26-dombot/';
export const Articles:BlogArticle[] = [
DomBotRedevelopment
];

67
src/public/data/articles/2019/26-05-site/Article.tsx
View File

@ -1,67 +0,0 @@
// Copyright (c) 2019 Dominic Masters
//
// MIT License
//
// Permission is hereby granted, free of charge, to any person obtaining
// a copy of this software and associated documentation files (the
// "Software"), to deal in the Software without restriction, including
// without limitation the rights to use, copy, modify, merge, publish,
// distribute, sublicense, and/or sell copies of the Software, and to
// permit persons to whom the Software is furnished to do so, subject to
// the following conditions:
//
// The above copyright notice and this permission notice shall be
// included in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
import * as React from 'react';
import { Image, Link } from '@yourwishes/app-simple-react/dist/public';
export const Article = () => {
return <>
<p>
It's finally here! After months in development my newly designed site has
arrived, a whopping 11 months after I launched my previous site redesign!
<br />Yes, I know I redesign the site a lot.
</p>
<p>
As stated in my
post about <Link to="/blog/article/dombot-redevelopment">
DomBot ReDevelopment</Link>, I am building and upgrading a TypeScript
based full-stack app framework to handle my various projects. As such this
makes this website the second publicly available implementation of the
framework, to great success.
</p>
<p>
The domsPlace site redesign added many great features I've been trying to
find time to implement easier, such as a simple method of creating a store,
easier CSS based page transitions, loadable components and loadable routes.
Not to mention they all work together at the same time, another task that
was quite difficult to achieve.
</p>
<p>
I do plan to go back to writing blog posts more often, and perhaps build
a projects section of the site, where I can host coding curiousities that
make it to a near production stage, but perhaps aren't worthy of build.
</p>
<p>
In the mean time, take a look around and feel free to critique the new
design, I'm not a UX/UI designer and don't claim to be particularly artistic
in any way, so I would appreciate all feedback.
<br /><br />Thanks,<br />Dominic.
</p>
</>;
};
export default Article;

BIN
src/public/data/articles/2019/26-05-site/banner.jpg
View File

Binary file not shown.
Side by Side

Before

Width:  |  Height:  |  Size: 45 KiB

41
src/public/data/articles/2019/26-05-site/index.tsx
View File

@ -1,41 +0,0 @@
// Copyright (c) 2019 Dominic Masters
//
// MIT License
//
// Permission is hereby granted, free of charge, to any person obtaining
// a copy of this software and associated documentation files (the
// "Software"), to deal in the Software without restriction, including
// without limitation the rights to use, copy, modify, merge, publish,
// distribute, sublicense, and/or sell copies of the Software, and to
// permit persons to whom the Software is furnished to do so, subject to
// the following conditions:
//
// The above copyright notice and this permission notice shall be
// included in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE
import * as React from 'react';
import { BlogArticle } from './../../../../types/';
export const SiteRebuild2019:BlogArticle = {
title: 'New Site Rebuild',
date: new Date('2018-11-26T21:56:15.920Z'),
description: () => import('./Article'),
short: () => (
<p>
After a lengthy build process, and fixing many bugs in my low level app
framework, I have finally launched my updated web design. Read about my
thought process and how I came to this design, and all the developmental
troubles through the process.
</p>
),
handle: 'site-redesign',
image: require('./banner.jpg')
};

30
src/public/data/articles/2019/index.ts
View File

@ -1,30 +0,0 @@
// Copyright (c) 2019 Dominic Masters
//
// MIT License
//
// Permission is hereby granted, free of charge, to any person obtaining
// a copy of this software and associated documentation files (the
// "Software"), to deal in the Software without restriction, including
// without limitation the rights to use, copy, modify, merge, publish,
// distribute, sublicense, and/or sell copies of the Software, and to
// permit persons to whom the Software is furnished to do so, subject to
// the following conditions:
//
// The above copyright notice and this permission notice shall be
// included in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
import { BlogArticle } from './../../../types/';
import { SiteRebuild2019 } from './26-05-site/';
export const Articles:BlogArticle[] = [
SiteRebuild2019
];

35
src/public/data/articles/index.ts
View File

@ -1,35 +0,0 @@
// Copyright (c) 2019 Dominic Masters
//
// MIT License
//
// Permission is hereby granted, free of charge, to any person obtaining
// a copy of this software and associated documentation files (the
// "Software"), to deal in the Software without restriction, including
// without limitation the rights to use, copy, modify, merge, publish,
// distribute, sublicense, and/or sell copies of the Software, and to
// permit persons to whom the Software is furnished to do so, subject to
// the following conditions:
//
// The above copyright notice and this permission notice shall be
// included in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
import { BlogArticle } from './../../types/';
import { Articles as Articles2018 } from './2018/';
import { Articles as Articles2019 } from './2019/';
export const Articles:BlogArticle[] = [
...Articles2019,
...Articles2018
];
export const getArticleByHandle = (handle:string) => Articles.find(article => article.handle == handle);
export const getArticleURL = (article:BlogArticle) => `/blog/article/${article.handle}`;

30
src/public/index.tsx
View File

@ -1,30 +0,0 @@
// Copyright (c) 2018 Dominic Masters
//
// MIT License
//
// Permission is hereby granted, free of charge, to any person obtaining
// a copy of this software and associated documentation files (the
// "Software"), to deal in the Software without restriction, including
// without limitation the rights to use, copy, modify, merge, publish,
// distribute, sublicense, and/or sell copies of the Software, and to
// permit persons to whom the Software is furnished to do so, subject to
// the following conditions:
//
// The above copyright notice and this permission notice shall be
// included in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
'use strict';
import { domsPlaceApp } from './app/domsPlaceApp';
const app = new domsPlaceApp();
setTimeout(() => {
app.render();
}, 0*1000);

46
src/public/objects/loader/index.tsx
View File

@ -1,46 +0,0 @@
// Copyright (c) 2019 Dominic Masters
//
// MIT License
//
// Permission is hereby granted, free of charge, to any person obtaining
// a copy of this software and associated documentation files (the
// "Software"), to deal in the Software without restriction, including
// without limitation the rights to use, copy, modify, merge, publish,
// distribute, sublicense, and/or sell copies of the Software, and to
// permit persons to whom the Software is furnished to do so, subject to
// the following conditions:
//
// The above copyright notice and this permission notice shall be
// included in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
import * as React from 'react';
import './styles.scss';
export interface LoaderProps {
className?:string
}
export const Loader = (props:LoaderProps) => {
return (
<span className={`o-loader ${props.className||""}`}>
<svg width="38" height="38" viewBox="0 0 38 38" xmlns="http://www.w3.org/2000/svg" className="o-loader__image">
<g fill="none" fillRule="evenodd">
<g transform="translate(1 1)" strokeWidth="2">
<circle strokeOpacity=".75" cx="18" cy="18" r="18" />
<path id="test" d="M36 18c0-9.94-8.06-18-18-18">
</path>
</g>
</g>
</svg>
</span>
);
}

31
src/public/objects/loader/styles.scss
View File

@ -1,31 +0,0 @@
@import './../../styles/global';
@keyframes o-loader--spin {
0% { transform: rotate(0deg); }
100% { transform: rotate(360deg); }
}
.o-loader {
display: block;
width: 64px;
height: 64px;
max-width: 100%;
max-height: 100%;
position: absolute;
left: 50%;
top: 50%;
transform: translate(-50%, -50%);
&__image {
animation: o-loader--spin $s-animation--time-long $s-animation--ease-in-out infinite;
width: 100%;
height: 100%;
> * {
stroke: $s-color--primary;
}
}
}

39
src/public/objects/logo/index.tsx
View File

@ -1,39 +0,0 @@
// Copyright (c) 2019 Dominic Masters
//
// MIT License
//
// Permission is hereby granted, free of charge, to any person obtaining
// a copy of this software and associated documentation files (the
// "Software"), to deal in the Software without restriction, including
// without limitation the rights to use, copy, modify, merge, publish,
// distribute, sublicense, and/or sell copies of the Software, and to
// permit persons to whom the Software is furnished to do so, subject to
// the following conditions:
//
// The above copyright notice and this permission notice shall be
// included in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
import * as React from 'react';
import { Link, Image } from '@yourwishes/app-simple-react/dist/public';
import './styles.scss';
export interface LogoProps {
className?:string
};
export const Logo = (props:LogoProps) => {
return (
<Link to="/" className={`o-logo ${props.className||""}`}>
<Image src={require('./../../assets/logo.svg')} className="o-logo__image" />
</Link>
);
};

10
src/public/objects/logo/styles.scss
View File

@ -1,10 +0,0 @@
@import './../../styles/global';
.o-logo {
display: block;
&__image {
display: block;
width: 100%;
}
}

56
src/public/objects/page/boundary/index.tsx
View File

@ -1,56 +0,0 @@
// Copyright (c) 2019 Dominic Masters
//
// MIT License
//
// Permission is hereby granted, free of charge, to any person obtaining
// a copy of this software and associated documentation files (the
// "Software"), to deal in the Software without restriction, including
// without limitation the rights to use, copy, modify, merge, publish,
// distribute, sublicense, and/or sell copies of the Software, and to
// permit persons to whom the Software is furnished to do so, subject to
// the following conditions:
//
// The above copyright notice and this permission notice shall be
// included in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
import * as React from 'react';
import './styles.scss';
export enum Size { SMALL = 'small', MEDIUM = 'medium', LARGE = 'large' };
export type PageWrapperProps = (
{
size?:Size|string,
medium?:boolean,
small?:boolean,
large?:boolean
} &
React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>
);
export const PageBoundary = (props:PageWrapperProps) => {
let {
size, className, small, medium, large
} = props;
let np = {...props};
['small','medium','large'].forEach(e => delete np[e]);
size = size || Size.LARGE;
if(small) size = Size.SMALL;
if(medium) size = Size.MEDIUM;
if(large) size = Size.LARGE;
let clazz = `o-page-wrapper is-size-${size} ${className||""}`;
return <div {...np} className={clazz} />
};

17
src/public/objects/page/boundary/styles.scss
View File

@ -1,17 +0,0 @@
@import './../../../styles/global';
.o-page-wrapper {
margin: auto;
&.is-size-small {
max-width: $s-screen-small;
}
&.is-size-medium {
max-width: $s-screen-medium;
}
&.is-size-large {
max-width: $s-screen-xlarge;
}
}

47
src/public/objects/page/effect/index.tsx
View File

@ -1,47 +0,0 @@
// Copyright (c) 2019 Dominic Masters
//
// MIT License
//
// Permission is hereby granted, free of charge, to any person obtaining
// a copy of this software and associated documentation files (the
// "Software"), to deal in the Software without restriction, including
// without limitation the rights to use, copy, modify, merge, publish,
// distribute, sublicense, and/or sell copies of the Software, and to
// permit persons to whom the Software is furnished to do so, subject to
// the following conditions:
//
// The above copyright notice and this permission notice shall be
// included in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
import * as React from 'react';
import { withLoader, withLoaderProps } from '@yourwishes/app-simple-react/dist/public';
import './styles.scss';
export interface PageEffectProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, withLoaderProps {
}
export const PageEffectComponent = (props:PageEffectProps) => {
let { loading, error, loaded, className } = props;
let np = {...props};
['loading','loaded','error','simulate'].forEach(e => delete np[e]);
let ec = '';
if(loading) ec = 'is-loading';
if(loaded) ec = 'is-loaded';
if(error) ec = 'has-error';
return (
<div {...np} className={`${className||""} o-page-effect ${ec}`} />
);
}
export const PageEffect = (loadKey:string) => withLoader<PageEffectProps>(loadKey, PageEffectComponent);

36
src/public/objects/page/effect/styles.scss
View File

@ -1,36 +0,0 @@
@import './../../../styles/global';
@keyframes o-page-effect--fade-in {
from {
opacity: 0;
transform: translateY(1vh);
}
to {
opacity: 1;
transform: translateY(0);
}
}
.o-page-effect {
opacity: 0;
transform: translateY(1vh);
transition:
opacity $s-animation--time-long $s-animation--ease-out,
transform $s-animation--time-long $s-animation--ease-out
;
transition-delay: 200ms;
&.is-loading {
transition: none;
opacity: 1;
transform: translateY(0);
}
&.is-loaded {
opacity: 1;
transform: translate(0);
//animation: o-page-effect--fade-in forwards $s-animation--time-long $s-animation--ease-out;
//animation-delay: $s-animation--time-long;//Animation delay to try and hide the "flicker" when a component loads
}
}

125
src/public/objects/typography/heading/index.tsx
View File

@ -1,125 +0,0 @@
// Copyright (c) 2019 Dominic Masters
//
// MIT License
//
// Permission is hereby granted, free of charge, to any person obtaining
// a copy of this software and associated documentation files (the
// "Software"), to deal in the Software without restriction, including
// without limitation the rights to use, copy, modify, merge, publish,
// distribute, sublicense, and/or sell copies of the Software, and to
// permit persons to whom the Software is furnished to do so, subject to
// the following conditions:
//
// The above copyright notice and this permission notice shall be
// included in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
import * as React from 'react';
import './styles.scss';
export enum Type {
H1='h1', H2='h2', H3='h3', H4='h4', H5='h5', H6='h6',
SPAN='span'
}
export enum Size {
TITLE='is-title',
TITLE_LARGE='is-title-large',
SUBTTITLE='is-subtitle',
S1='is-size-1',
S2='is-size-2',
S3='is-size-3',
S4='is-size-4',
S5='is-size-5',
S6='is-size-6'
}
export interface HeadingProps extends React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement> {
type?:Type,
size?:Size
}
export const Heading = (props:HeadingProps) => {
let { size, type, className } = props;
let np = {...props};
['size','type','large'].forEach(e => delete np[e]);
size = size || Size.S1;
let clazz = `o-heading ${size}`;
if(!type) {
switch(size) {
case Size.TITLE:
type = Type.H1; break;
case Size.TITLE_LARGE:
type = Type.H1; break;
case Size.S1:
type = Type.H1; break;
case Size.S2:
type = Type.H2; break;
case Size.S3:
type = Type.H3; break;
case Size.S4:
type = Type.H4; break;
case Size.S5:
type = Type.H5; break;
case Size.S6:
type = Type.H6; break;
default:
type = Type.SPAN; break;
}
}
if(size == Size.TITLE) clazz = 'o-title';
if(size == Size.TITLE_LARGE) clazz = 'o-title is-large';
if(size == Size.SUBTTITLE) clazz = 'o-subtitle';
if(className) clazz += ` ${className}`;
let ElementType = type;
return <ElementType {...np} className={clazz} />;
};
//Types
export const Title = (props:(
HeadingProps & { large?:boolean }
)) => (
<Heading {...props} size={props.size||(
props.large ? Size.TITLE_LARGE : Size.TITLE
)} type={props.type||Type.H1} />
);
export const Subtitle = (props:HeadingProps) => (
<Heading {...props} size={props.size||Size.SUBTTITLE} type={props.type||Type.H2} />
);
export const Heading1 = Heading;
export const Heading2 = (props:HeadingProps) => (
<Heading {...props} type={props.type||Type.H2} size={props.size||Size.S2} />
);
export const Heading3 = (props:HeadingProps) => (
<Heading {...props} type={props.type||Type.H3} size={props.size||Size.S3} />
);
export const Heading4 = (props:HeadingProps) => (
<Heading {...props} type={props.type||Type.H4} size={props.size||Size.S4} />
);
export const Heading5 = (props:HeadingProps) => (
<Heading {...props} type={props.type||Type.H5} size={props.size||Size.S5} />
);
export const Heading6 = (props:HeadingProps) => (
<Heading {...props} type={props.type||Type.H6} size={props.size||Size.S6} />
);

28
src/public/objects/typography/heading/styles.scss
View File

@ -1,28 +0,0 @@
@import './../../../styles/global';
.o-heading {
@extend %s-font--heading;
margin: 0.4em 0 0.5em;
@for $i from 1 through 6 {
&.is-size-#{$i} { @extend %s-font--heading-#{$i}; }
}
}
.o-title {
@extend %s-font--heading;
font-size: $s-font--size-title;
+ .o-subtitle {
margin-top: -1em;
margin-bottom: 1em;
}
}
@include t-media-query($s-small-up) {
.o-title {
&.is-large {
font-size: $s-font--size-title-large;
}
}
}

58
src/public/objects/widgets/breadcrumb/index.tsx
View File

@ -1,58 +0,0 @@
// Copyright (c) 2019 Dominic Masters
//
// MIT License
//
// Permission is hereby granted, free of charge, to any person obtaining
// a copy of this software and associated documentation files (the
// "Software"), to deal in the Software without restriction, including
// without limitation the rights to use, copy, modify, merge, publish,
// distribute, sublicense, and/or sell copies of the Software, and to
// permit persons to whom the Software is furnished to do so, subject to
// the following conditions:
//
// The above copyright notice and this permission notice shall be
// included in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
import * as React from 'react';
import { Link } from '@yourwishes/app-simple-react/dist/public';
import './styles.scss';
export interface BreacrumbCrumbProps {
title:string, to:string
}
export interface BreadcrumbProps {
className?:string
crumbs:BreacrumbCrumbProps[]
}
export const BreadcrumbCrumb = (props:BreacrumbCrumbProps) => (
<li className="o-breadcrumb__list-item">
<Link to={ props.to } className="o-breadcrumb__list-item-link" activeClassName="is-active" exact>
{ props.title }
</Link>
</li>
);
export const Breadcrumb = (props:BreadcrumbProps) => {
let crumbs = [
{to:'/',title:'Home'}, ...props.crumbs
].map((crumb,i) => <BreadcrumbCrumb {...crumb} key={'crumb'+i} />);
return (
<nav className={`o-breadcrumb ${props.className||""}`}>
<ul className="o-breadcrumb__list">{ crumbs }</ul>
</nav>
);
}

42
src/public/objects/widgets/breadcrumb/styles.scss
View File

@ -1,42 +0,0 @@
@import './../../../styles/global';
.o-breadcrumb {
margin: $s-gutter--medium 0 $s-gutter--large;
&__list {
list-style: none;
padding: 0;
margin: 0;
&-item {
display: inline-block;
font-size: 0.8em;
&-link, &::before {
opacity: 0.9;
transition: all $s-animation--time-fast $s-animation--ease-out;
}
&-link.is-active {
color: $s-color--primary;
}
&:hover &-link {
opacity: 1;
}
+ #{&} {
&::before {
content: '/';
margin: 0 $s-gutter--xsmall;
}
}
}
}
@include t-media-query($s-xsmall-up) {
&__list-item { font-size: 0.9em; }
}
}

86
src/public/objects/widgets/button/index.tsx
View File

@ -1,86 +0,0 @@
// Copyright (c) 2019 Dominic Masters
//
// MIT License
//
// Permission is hereby granted, free of charge, to any person obtaining
// a copy of this software and associated documentation files (the
// "Software"), to deal in the Software without restriction, including
// without limitation the rights to use, copy, modify, merge, publish,
// distribute, sublicense, and/or sell copies of the Software, and to
// permit persons to whom the Software is furnished to do so, subject to
// the following conditions:
//
// The above copyright notice and this permission notice shall be
// included in all copies or substantial portions of the Software.
//
// THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND,
// EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF
// MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE AND
// NONINFRINGEMENT. IN NO EVENT SHALL THE AUTHORS OR COPYRIGHT HOLDERS BE
// LIABLE FOR ANY CLAIM, DAMAGES OR OTHER LIABILITY, WHETHER IN AN ACTION
// OF CONTRACT, TORT OR OTHERWISE, ARISING FROM, OUT OF OR IN CONNECTION
// WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE SOFTWARE.
import * as React from 'react';
import { LinkProps, Link } from '@yourwishes/app-simple-react/dist/public';
import { Loader } from './../../loader/';
import './styles.scss';
export enum ButtonStyle {
PRIMARY='is-primary',
SECONDARY='is-secondary'
};
export enum ButtonSize {
NORMAL = 'is-normal',
LARGE = 'is-large'
}
export type ButtonProps = LinkProps & {
className?:string,
style?:ButtonStyle,
to?:string,
disabled?:boolean,
loading?:boolean,
size?:ButtonSize,
large?:boolean,
primary?:boolean,
secondary?:boolean
}
export const Button = (props:ButtonProps) => {
let { className, children, style, size, large, disabled, loading } = props;
if(large) size = ButtonSize.LARGE;
if(props.primary) style = ButtonStyle.PRIMARY;
if(props.secondary) style = ButtonStyle.SECONDARY;
let clazz = `o-btn ${style||ButtonStyle.PRIMARY}`;
if(className) clazz += ` ${className}`;
if(size && size != ButtonSize.NORMAL) clazz += ` ${size}`;
if(disabled) clazz += ' is-disabled';
if(loading) {
children = <> { children } <Loader /> </>;
clazz += ' is-loading';
}
let np = {...props};
[
'style','large','size','primary','secondary', 'loading'
].forEach(e => delete np[e]);
return (
<Link {...np} className={clazz}>
{ children }
</Link>
);
};
export const ButtonGroup = (props:React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>) => (
<div {...props} className={`o-btn-group ${props.className||""}`} />
);

Some files were not shown because too many files have changed in this diff Show More