Some styling tweaks
This commit is contained in:
parent
3934555b25
commit
32ed74d6c6
6 changed files with 225 additions and 9 deletions
150
src/images/projects/icons/federatedNexus.svg
Normal file
150
src/images/projects/icons/federatedNexus.svg
Normal file
|
|
@ -0,0 +1,150 @@
|
|||
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
|
||||
<!-- Created with Inkscape (http://www.inkscape.org/) -->
|
||||
|
||||
<svg
|
||||
width="100mm"
|
||||
height="100mm"
|
||||
viewBox="0 0 100 100"
|
||||
version="1.1"
|
||||
id="svg1"
|
||||
xml:space="preserve"
|
||||
inkscape:version="1.4.2 (ebf0e940d0, 2025-05-08)"
|
||||
sodipodi:docname="icon.svg"
|
||||
xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
|
||||
xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
|
||||
xmlns:xlink="http://www.w3.org/1999/xlink"
|
||||
xmlns="http://www.w3.org/2000/svg"
|
||||
xmlns:svg="http://www.w3.org/2000/svg"><sodipodi:namedview
|
||||
id="namedview1"
|
||||
pagecolor="#505050"
|
||||
bordercolor="#eeeeee"
|
||||
borderopacity="1"
|
||||
inkscape:showpageshadow="0"
|
||||
inkscape:pageopacity="0"
|
||||
inkscape:pagecheckerboard="0"
|
||||
inkscape:deskcolor="#505050"
|
||||
inkscape:document-units="mm"
|
||||
inkscape:zoom="1.0847363"
|
||||
inkscape:cx="57.61769"
|
||||
inkscape:cy="214.33781"
|
||||
inkscape:window-width="1896"
|
||||
inkscape:window-height="963"
|
||||
inkscape:window-x="35"
|
||||
inkscape:window-y="32"
|
||||
inkscape:window-maximized="0"
|
||||
inkscape:current-layer="layer1" /><defs
|
||||
id="defs1"><linearGradient
|
||||
id="linearGradient10"
|
||||
inkscape:collect="always"><stop
|
||||
style="stop-color:#c7a312;stop-opacity:1;"
|
||||
offset="0"
|
||||
id="stop10" /><stop
|
||||
style="stop-color:#26a0b3;stop-opacity:1;"
|
||||
offset="1"
|
||||
id="stop11" /></linearGradient><linearGradient
|
||||
inkscape:collect="always"
|
||||
xlink:href="#linearGradient10"
|
||||
id="linearGradient11"
|
||||
x1="20.031296"
|
||||
y1="32.697563"
|
||||
x2="90.709213"
|
||||
y2="66.3423"
|
||||
gradientUnits="userSpaceOnUse" /></defs><g
|
||||
inkscape:label="Layer 1"
|
||||
inkscape:groupmode="layer"
|
||||
id="layer1"><rect
|
||||
style="fill:url(#linearGradient11);fill-opacity:1;stroke:none;stroke-width:7.99999;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none"
|
||||
id="rect10"
|
||||
width="100"
|
||||
height="100"
|
||||
x="0"
|
||||
y="0"
|
||||
ry="28.294127" /><path
|
||||
style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none"
|
||||
d="M 19.377906,68.106953 80.937684,32.43771"
|
||||
id="path10" /><path
|
||||
style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none"
|
||||
d="m 19.044488,32.469148 61.61782,35.569625"
|
||||
id="path9" /><path
|
||||
style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:8;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none"
|
||||
d="M 50,85.574911 V 14.425087"
|
||||
id="path8" /><circle
|
||||
style="fill:none;stroke:#ffffff;stroke-width:7.11498;stroke-linecap:round;stroke-linejoin:round"
|
||||
id="path1"
|
||||
cx="50"
|
||||
cy="50"
|
||||
r="35.574913" /><circle
|
||||
style="fill:#09bd05;stroke:#ffffff;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;fill-opacity:1;stroke-dasharray:none"
|
||||
id="path2"
|
||||
cx="50"
|
||||
cy="84.604881"
|
||||
r="8.2508707" /><circle
|
||||
style="fill:#fe1e24;stroke:#ffffff;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;fill-opacity:1;stroke-dasharray:none"
|
||||
id="circle2"
|
||||
cx="50"
|
||||
cy="15.395123"
|
||||
r="8.2508707" /><circle
|
||||
style="fill:#fe941d;stroke:#ffffff;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;fill-opacity:1;stroke-dasharray:none"
|
||||
id="circle3"
|
||||
cx="-68.30127"
|
||||
cy="52.906147"
|
||||
r="8.2508707"
|
||||
transform="rotate(-120)" /><circle
|
||||
style="fill:#001996;stroke:#ffffff;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;fill-opacity:1;stroke-dasharray:none"
|
||||
id="circle4"
|
||||
cx="-68.30127"
|
||||
cy="-16.30361"
|
||||
r="8.2508707"
|
||||
transform="rotate(-120)" /><circle
|
||||
style="fill:#ffff04;stroke:#ffffff;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;fill-opacity:1;stroke-dasharray:none"
|
||||
id="circle5"
|
||||
cx="-18.301271"
|
||||
cy="102.90615"
|
||||
r="8.2508707"
|
||||
transform="rotate(-60)" /><circle
|
||||
style="fill:#770287;stroke:#ffffff;stroke-width:5;stroke-linecap:round;stroke-linejoin:round;fill-opacity:1;stroke-dasharray:none"
|
||||
id="circle6"
|
||||
cx="-18.301271"
|
||||
cy="33.696392"
|
||||
r="8.2508707"
|
||||
transform="rotate(-60)" /><circle
|
||||
style="fill:none;fill-opacity:1;stroke:#ffffff;stroke-width:6.75;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:none"
|
||||
id="path7"
|
||||
cx="50"
|
||||
cy="50"
|
||||
r="9.7918472" /><g
|
||||
inkscape:label="Layer 1"
|
||||
id="layer1-3"
|
||||
transform="matrix(0.08246781,0,0,0.08246781,38.828362,38.828362)"
|
||||
style="stroke:#ffffff"><text
|
||||
xml:space="preserve"
|
||||
style="font-style:normal;font-variant:normal;font-weight:900;font-stretch:normal;font-size:96.3615px;line-height:0;font-family:'Noto Serif';-inkscape-font-specification:'Noto Serif, Heavy';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;text-align:end;text-anchor:end;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0;stroke-dasharray:none;stroke-opacity:1"
|
||||
x="-305.64749"
|
||||
y="194.14493"
|
||||
id="text2819"><tspan
|
||||
sodipodi:role="line"
|
||||
id="tspan2817"
|
||||
style="stroke:#ffffff;stroke-width:0"
|
||||
x="-305.64749"
|
||||
y="194.14493" /></text><circle
|
||||
style="fill:#354b5f;fill-opacity:1;stroke:#ffffff;stroke-width:0;stroke-dasharray:none;stroke-opacity:1"
|
||||
id="path342"
|
||||
cx="135.46666"
|
||||
cy="135.46666"
|
||||
r="135.46666" /><text
|
||||
xml:space="preserve"
|
||||
style="font-style:normal;font-variant:normal;font-weight:900;font-stretch:normal;font-size:96.3615px;line-height:0;font-family:'Noto Serif';-inkscape-font-specification:'Noto Serif, Heavy';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;text-align:end;text-anchor:end;fill:#ffffff;fill-opacity:1;stroke:#ffffff;stroke-width:0;stroke-dasharray:none;stroke-opacity:1"
|
||||
x="-305.64749"
|
||||
y="194.14493"
|
||||
id="text2819-3"><tspan
|
||||
sodipodi:role="line"
|
||||
id="tspan2817-5"
|
||||
style="stroke:#ffffff;stroke-width:0"
|
||||
x="-305.64749"
|
||||
y="194.14493" /></text><g
|
||||
aria-label="❯"
|
||||
id="text2827-6"
|
||||
style="font-size:132.452px;line-height:0;font-family:PowerlineSymbols;-inkscape-font-specification:'PowerlineSymbols, Normal';text-align:end;text-anchor:end;fill:#4e94e4;fill-opacity:1;stroke:#ffffff;stroke-width:0"><path
|
||||
d="M 95.096912,209.8167 143.88912,135.46666 95.096912,61.116629 h 32.818568 l 47.92093,74.350031 -47.92093,74.35004 z"
|
||||
id="path2883-2"
|
||||
style="fill:#4e94e4;fill-opacity:1;stroke:#ffffff;stroke-width:0" /></g></g></g></svg>
|
||||
|
After Width: | Height: | Size: 6.8 KiB |
46
src/images/projects/icons/qJobProcessor.svg
Normal file
46
src/images/projects/icons/qJobProcessor.svg
Normal file
|
|
@ -0,0 +1,46 @@
|
|||
<?xml version="1.0" encoding="iso-8859-1"?>
|
||||
<!-- Generator: Adobe Illustrator 12.0.0, SVG Export Plug-In . SVG Version: 6.00 Build 51448) -->
|
||||
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd" [
|
||||
<!ENTITY ns_svg "http://www.w3.org/2000/svg">
|
||||
<!ENTITY ns_xlink "http://www.w3.org/1999/xlink">
|
||||
]>
|
||||
<svg version="1.1" xmlns="&ns_svg;" xmlns:xlink="&ns_xlink;" width="500" height="500" viewBox="0 0 500 500"
|
||||
style="overflow:visible;enable-background:new 0 0 500 500;" xml:space="preserve">
|
||||
<g id="Layer_1">
|
||||
<linearGradient id="XMLID_2_" gradientUnits="userSpaceOnUse" x1="441.5156" y1="89.2998" x2="58.4847" y2="410.701">
|
||||
<stop offset="0" style="stop-color:#9564E2"/>
|
||||
<stop offset="0.1111" style="stop-color:#9362DE"/>
|
||||
<stop offset="0.2168" style="stop-color:#8B5BD3"/>
|
||||
<stop offset="0.3203" style="stop-color:#7F50C0"/>
|
||||
<stop offset="0.4224" style="stop-color:#6D40A5"/>
|
||||
<stop offset="0.5227" style="stop-color:#572C82"/>
|
||||
<stop offset="0.5337" style="stop-color:#542A7E"/>
|
||||
</linearGradient>
|
||||
<circle style="fill:url(#XMLID_2_);" cx="250" cy="250" r="250"/>
|
||||
</g>
|
||||
<g id="Layer_2_1_">
|
||||
<path style="fill:#FFFFFF;" d="M388.734,229.474l-33.968-5.989c-0.054-0.008-0.099-0.015-0.153-0.023
|
||||
c-2.587-10.212-6.618-19.832-11.878-28.646c0.115-0.153,0.23-0.315,0.338-0.491l18.366-29.675c1.85-2.987,1.404-6.864-1.091-9.359
|
||||
l-17.052-17.045c-2.604-2.604-6.704-2.972-9.714-0.86l-28.255,19.778c-0.046,0.031-0.093,0.078-0.139,0.116
|
||||
c-8.814-5.268-18.435-9.298-28.646-11.886c-0.022-0.191-0.061-0.383-0.107-0.576l-7.992-33.966
|
||||
c-0.807-3.417-3.863-5.851-7.387-5.851h-24.117c-3.678,0-6.833,2.649-7.471,6.273l-5.996,33.975
|
||||
c-0.008,0.045-0.016,0.099-0.023,0.145c-10.204,2.588-19.825,6.619-28.639,11.886c-0.046-0.038-0.092-0.085-0.138-0.116
|
||||
l-28.255-19.778c-3.017-2.111-7.11-1.743-9.712,0.86l-17.062,17.045c-2.487,2.495-2.932,6.373-1.082,9.359l18.366,29.675
|
||||
c0.107,0.176,0.222,0.337,0.337,0.491c-5.26,8.814-9.291,18.434-11.877,28.646c-0.054,0.008-0.101,0.015-0.154,0.023l-33.967,5.989
|
||||
c-3.624,0.638-6.266,3.792-6.266,7.478v24.115c0,3.525,2.419,6.581,5.844,7.388l33.967,7.993c0.192,0.046,0.384,0.084,0.577,0.1
|
||||
c2.587,10.211,6.618,19.839,11.877,28.646c-0.039,0.054-0.077,0.092-0.108,0.139l-19.778,28.255
|
||||
c-2.112,3.018-1.75,7.109,0.852,9.711l17.053,17.061c2.496,2.487,6.365,2.941,9.36,1.083l29.668-18.357
|
||||
c0.177-0.115,0.339-0.223,0.499-0.339c8.814,5.252,18.435,9.283,28.639,11.871c0.008,0.054,0.016,0.099,0.023,0.161l5.996,33.967
|
||||
c0.638,3.623,3.793,6.257,7.471,6.257h24.117c3.523,0,6.58-2.41,7.387-5.843l7.992-33.967c0.047-0.192,0.085-0.384,0.107-0.575
|
||||
c5.568-1.412,10.955-3.269,16.141-5.505c-11.187-12.172-22.069-24.014-28.656-31.181c-4.53,0.931-9.222,1.421-14.027,1.421
|
||||
c-38.298,0-69.348-31.049-69.348-69.347c0-38.297,31.05-69.339,69.348-69.339s69.349,31.042,69.349,69.339
|
||||
c0,6.582-0.937,12.941-2.65,18.975c6.519,7.094,17.458,18.997,28.773,31.311c3.93-7.44,7.026-15.392,9.142-23.742
|
||||
c0.191-0.016,0.385-0.054,0.576-0.1l33.96-7.993c3.433-0.807,5.851-3.862,5.851-7.388v-24.115
|
||||
C395,233.266,392.358,230.111,388.734,229.474z"/>
|
||||
<path style="fill:#FFFFFF;" d="M365.216,343.941l-70.221-76.411c6.851-16.953,3.868-37.075-9.329-51.435
|
||||
c-13.259-14.428-33.187-19.072-50.721-13.548c-1.75,0.552-2.335,2.734-1.094,4.085l22.345,24.315
|
||||
c3.366,3.662,3.127,9.36-0.536,12.725l-11.978,11.008c-3.662,3.366-9.36,3.126-12.725-0.537l-22.346-24.313
|
||||
c-1.242-1.352-3.467-0.953-4.163,0.745c-6.982,17.005-4.034,37.254,9.227,51.684c13.195,14.358,32.994,19.025,50.464,13.627
|
||||
l69.687,75.825L365.216,343.941z"/>
|
||||
</g>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 3.5 KiB |
|
Before Width: | Height: | Size: 356 KiB After Width: | Height: | Size: 356 KiB |
|
Before Width: | Height: | Size: 24 KiB After Width: | Height: | Size: 24 KiB |
|
|
@ -8,11 +8,12 @@ import az900 from "../images/certificates/az900.png"
|
|||
import dp900 from "../images/certificates/dp900.png"
|
||||
import quantarcSite from "../images/projects/quantarcSite.png"
|
||||
import federatedNexus from "../images/projects/federatedNexus.png"
|
||||
import jobProcessor from "../images/projects/jobProcessor.jpg"
|
||||
import helpdesk from "../images/projects/helpdesk.jpg"
|
||||
import federatedNexusIcon from "../images/projects/icons/federatedNexus.svg"
|
||||
import jobProcessor from "../images/projects/qJobProcessor.jpg"
|
||||
import helpdesk from "../images/projects/qHelpdesk.jpg"
|
||||
import jobProcessorIcon from "../images/projects/icons/qJobProcessor.svg"
|
||||
import googleCS from "../images/certificates/googleCS.png"
|
||||
import metaFrontEnd from "../images/certificates/metaFrontEnd.png"
|
||||
import ButtonLink from "../components/ButtonLink.astro"
|
||||
import BottomBar from "../components/BottomBar.astro"
|
||||
import CallToAction from "../components/CallToAction.astro"
|
||||
---
|
||||
|
|
@ -77,7 +78,13 @@ import CallToAction from "../components/CallToAction.astro"
|
|||
<div>
|
||||
<section>
|
||||
<article>
|
||||
<h3>Federated Nexus</h3>
|
||||
<h3
|
||||
><Image
|
||||
width={1}
|
||||
src={federatedNexusIcon}
|
||||
alt="The Federated Nexus logo, showing interconnected lines going out to orbs filled with the colors of the pride flag."
|
||||
/> Federated Nexus</h3
|
||||
>
|
||||
<p>
|
||||
I run <a href="https://federated.nexus"
|
||||
>Federated Nexus</a
|
||||
|
|
@ -89,17 +96,17 @@ import CallToAction from "../components/CallToAction.astro"
|
|||
<aside>
|
||||
<Image
|
||||
src={federatedNexus}
|
||||
alt="The new federated.nexus website"
|
||||
alt="The federated.nexus website"
|
||||
/>
|
||||
</aside>
|
||||
</section>
|
||||
<section>
|
||||
<article>
|
||||
<h3>The new Quantarc website</h3>
|
||||
<h3>The Quantarc website</h3>
|
||||
<p>
|
||||
I developed the{" "}
|
||||
<a href="https://quantarc.co.uk"
|
||||
>new website for Quantarc</a
|
||||
>website for Quantarc</a
|
||||
>, a UK firm that specialises in providing
|
||||
management solutions to both private and public
|
||||
entities.
|
||||
|
|
@ -108,13 +115,18 @@ import CallToAction from "../components/CallToAction.astro"
|
|||
<aside>
|
||||
<Image
|
||||
src={quantarcSite}
|
||||
alt="The new quantarc.co.uk website"
|
||||
alt="The quantarc.co.uk website"
|
||||
/>
|
||||
</aside>
|
||||
</section>
|
||||
<section>
|
||||
<article>
|
||||
<h3>Quantarc Mobile Apps</h3>
|
||||
<h3
|
||||
><Image
|
||||
src={jobProcessorIcon}
|
||||
alt="The icon for QJobProcessor"
|
||||
/>Quantarc Mobile Apps</h3
|
||||
>
|
||||
<p>
|
||||
I designed, developed, and distributed two mobile
|
||||
apps for Quantarc, QHelpdesk and QJobProcessor.
|
||||
|
|
|
|||
|
|
@ -53,7 +53,15 @@ main > * > section {
|
|||
& article {
|
||||
& h3 {
|
||||
font-size: 2em;
|
||||
font-weight: normal;
|
||||
margin: 0.5em 0;
|
||||
display: flex;
|
||||
align-items: center;
|
||||
gap: 0.7rem;
|
||||
|
||||
& img {
|
||||
width: 2.5rem;
|
||||
}
|
||||
}
|
||||
& p {
|
||||
margin: 0;
|
||||
|
|
|
|||
Loading…
Add table
Add a link
Reference in a new issue