From 2c51c7bead07fb5d6aa4154748c6259f3782d475 Mon Sep 17 00:00:00 2001
From: Michael Fabian 'Xaymar' Dirks <info@xaymar.com>
Date: Sun, 23 Apr 2023 15:02:25 +0200
Subject: [PATCH] Fix up StreamFX page style

---
 _projects/obs/streamfx.html     |  24 ++-
 _projects/obs/streamfx/icon.svg | 293 ++++++++++++++++++++++++++++++++
 _sass/_blocks.scss              |   3 +-
 3 files changed, 311 insertions(+), 9 deletions(-)
 create mode 100644 _projects/obs/streamfx/icon.svg

diff --git a/_projects/obs/streamfx.html b/_projects/obs/streamfx.html
index 5e7b67b..5455ecf 100644
--- a/_projects/obs/streamfx.html
+++ b/_projects/obs/streamfx.html
@@ -5,13 +5,21 @@ comments: false
 date: "2022-02-25"
 ---
 
-{% include blocks/media.liquid type="image" url="projects/obs/streamfx/logo.svg" float="right" height="80px" %}{% capture content %}StreamFX is the premier plugin to OBS® Studio to take your stream or recording to the next level! Whether it is crafting advanced scene setups, recording in intermediate formats, bringing out a little bit of extra quality from encoders, StreamFX has everything you need. Bring your content creation to the future, no matter if you are a Power User or End User.{% endcapture %}{% include blocks/paragraph.liquid content=content %}
+<figure class="block float clear" style="float: right; width: 33%; max-width: 256px;">
+	<img src="{{ "projects/obs/streamfx/icon.svg" | absolute_url }}"/>
+	<figcaption>Official Icon (All Rights Reserved)</figcaption>
+</figure>
+<figure class="block float clear" style="float: right; width: 33%; max-width: 256px;">
+	<img src="{{ "projects/obs/streamfx/logo.svg" | absolute_url }}"/>
+	<figcaption>Official Logo (All Rights Reserved)</figcaption>
+</figure>
+<p class="block">StreamFX is the premier plugin to OBS® Studio to take your stream or recording to the next level! Whether it is crafting advanced scene setups, recording in intermediate formats, bringing out a little bit of extra quality from encoders, StreamFX has everything you need. Bring your content creation to the future, no matter if you are a Power User or End User.</p>
 
-{% include blocks/heading.liquid level=2 content="Further Links" float="clear" %}
-{% capture content %}
-<li>{% include inline/link.liquid url="https://streamfx.xaymar.com" content="Official Website" %}</li>
-<li>{% include inline/link.liquid url="https://obsproject.com/forum/threads/streamfx-for-obs%C2%AE-studio.76619/" content="Project page on OBS Project" %}</li>
-<li>{% include inline/link.liquid url="https://github.com/xaymar/obs-StreamFX" content="Source Code" %}</li>
-{% endcapture %}{% include blocks/list.liquid content=content %}
+<h2 class="block">Further Links</h2>
+<ul>
+	<li><a href="https://streamfx.xaymar.com">Official Website</a></li>
+	<li><a href="https://github.com/xaymar/obs-StreamFX">Source Code on GitHub</a></li>
+	<li><a href="https://obsproject.com/forum/threads/streamfx-for-obs%C2%AE-studio.76619/">OBS Project Resource Page</a></li>
+</ul>
 
-{% include blocks/heading.liquid level=1 content="Media" float="clear" %}
+<h2 class="block">Media</h2>
diff --git a/_projects/obs/streamfx/icon.svg b/_projects/obs/streamfx/icon.svg
new file mode 100644
index 0000000..d308ea2
--- /dev/null
+++ b/_projects/obs/streamfx/icon.svg
@@ -0,0 +1,293 @@
+<?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:xlink="http://www.w3.org/1999/xlink"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   width="256"
+   height="256"
+   viewBox="0 0 256 256"
+   version="1.1"
+   id="svg8"
+   inkscape:version="1.0 (4035a4fb49, 2020-05-01)"
+   sodipodi:docname="icon.svg"
+   inkscape:export-filename="D:\Projects\Xaymar\obs-streamfx\media\icon.png"
+   inkscape:export-xdpi="96"
+   inkscape:export-ydpi="96">
+  <defs
+     id="defs2">
+    <linearGradient
+       inkscape:collect="always"
+       id="linearGradient1214">
+      <stop
+         style="stop-color:#f0e6ff;stop-opacity:1"
+         offset="0"
+         id="stop1210" />
+      <stop
+         style="stop-color:#d2dce6;stop-opacity:1"
+         offset="1"
+         id="stop1212" />
+    </linearGradient>
+    <marker
+       inkscape:stockid="Arrow1Lstart"
+       orient="auto"
+       refY="0.0"
+       refX="0.0"
+       id="Arrow1Lstart"
+       style="overflow:visible"
+       inkscape:isstock="true">
+      <path
+         id="path908"
+         d="M 0.0,0.0 L 5.0,-5.0 L -12.5,0.0 L 5.0,5.0 L 0.0,0.0 z "
+         style="fill-rule:evenodd;stroke:#000000;stroke-width:1.0pt"
+         transform="scale(0.8) translate(12.5,0)" />
+    </marker>
+    <filter
+       x="-0.10000000000000001"
+       height="1.5"
+       y="-0.25"
+       inkscape:label="awesome_glow"
+       id="filter840-1"
+       style="color-interpolation-filters:sRGB">
+      <feGaussianBlur
+         result="result5"
+         id="feGaussianBlur842-6"
+         stdDeviation="6" />
+      <feGaussianBlur
+         result="result3"
+         in="SourceGraphic"
+         id="feGaussianBlur844-1"
+         stdDeviation="4" />
+      <feGaussianBlur
+         result="result1"
+         in="SourceGraphic"
+         id="feGaussianBlur846-7"
+         stdDeviation="2" />
+      <feBlend
+         result="result2"
+         in="result5"
+         id="feBlend848-5"
+         in2="result3"
+         mode="color-dodge" />
+      <feBlend
+         result="result4"
+         in="result2"
+         id="feBlend850-5"
+         in2="result1"
+         mode="color-dodge" />
+      <feBlend
+         result="result6"
+         id="feBlend852-3"
+         in2="SourceGraphic"
+         mode="color-dodge" />
+    </filter>
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter1178"
+       inkscape:label="Logo Glow"
+       x="-0.050000000000000003"
+       y="-0.050000000000000003"
+       width="1.1000000000000001"
+       height="1.1000000000000001">
+      <feColorMatrix
+         id="feColorMatrix1192"
+         result="result6"
+         values="1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 1 1 "
+         in="SourceGraphic" />
+      <feGaussianBlur
+         stdDeviation="33"
+         id="feGaussianBlur1232"
+         result="result7" />
+      <feColorMatrix
+         id="feColorMatrix1238"
+         values="1.33 0 0 0 0 0 1.33 0 0 0 0 0 1.33 0 0 0 0 0 1 0 " />
+      <feGaussianBlur
+         stdDeviation="16"
+         id="feGaussianBlur1240" />
+      <feComposite
+         in2="SourceAlpha"
+         id="feComposite1234"
+         operator="in"
+         result="result8" />
+      <feBlend
+         mode="lighten"
+         id="feBlend1236"
+         in="SourceGraphic"
+         in2="result8" />
+    </filter>
+    <linearGradient
+       inkscape:collect="always"
+       xlink:href="#linearGradient1214"
+       id="linearGradient1216"
+       x1="7.757576"
+       y1="7.757576"
+       x2="248.24243"
+       y2="248.24243"
+       gradientUnits="userSpaceOnUse" />
+    <filter
+       style="color-interpolation-filters:sRGB"
+       id="filter840-1-0"
+       inkscape:label="awesome_glow"
+       y="-0.25"
+       height="1.5"
+       x="-0.1">
+      <feGaussianBlur
+         stdDeviation="2"
+         id="feGaussianBlur842-6-6"
+         result="result5" />
+      <feGaussianBlur
+         stdDeviation="1"
+         id="feGaussianBlur844-1-8"
+         in="SourceGraphic"
+         result="result3" />
+      <feGaussianBlur
+         stdDeviation="0.5"
+         id="feGaussianBlur846-7-1"
+         in="SourceGraphic"
+         result="result1" />
+      <feBlend
+         mode="color-dodge"
+         in2="result3"
+         id="feBlend848-5-0"
+         in="result5"
+         result="result2" />
+      <feBlend
+         mode="color-dodge"
+         in2="result1"
+         id="feBlend850-5-1"
+         in="result2"
+         result="result4" />
+      <feBlend
+         mode="color-dodge"
+         in2="SourceGraphic"
+         id="feBlend852-3-0"
+         result="result6" />
+    </filter>
+  </defs>
+  <sodipodi:namedview
+     id="base"
+     pagecolor="#ffffff"
+     bordercolor="#666666"
+     borderopacity="1.0"
+     inkscape:pageopacity="0.0"
+     inkscape:pageshadow="2"
+     inkscape:zoom="2.8237469"
+     inkscape:cx="175.74562"
+     inkscape:cy="146.39594"
+     inkscape:document-units="px"
+     inkscape:current-layer="g1339"
+     showgrid="false"
+     units="px"
+     inkscape:window-width="2560"
+     inkscape:window-height="1417"
+     inkscape:window-x="-8"
+     inkscape:window-y="-8"
+     inkscape:window-maximized="1"
+     inkscape:document-rotation="0"
+     inkscape:pagecheckerboard="true">
+    <inkscape:grid
+       type="xygrid"
+       id="grid434"
+       spacingx="8"
+       spacingy="8"
+       empspacing="16" />
+  </sodipodi:namedview>
+  <metadata
+     id="metadata5">
+    <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>
+  <g
+     id="g1280"
+     style="filter:url(#filter1178)">
+    <rect
+       style="display:none;fill:#010002;fill-opacity:1;stroke:url(#linearGradient1216);stroke-width:12;stroke-linecap:square;stroke-linejoin:miter;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:8;stroke-opacity:1;paint-order:normal;filter:url(#filter1178)"
+       id="rect901"
+       width="240.48485"
+       height="240.48485"
+       x="7.757576"
+       y="7.757576"
+       rx="128" />
+    <path
+       d="M 248,128 188,231.92305 H 68 L 8,128 68,24.076952 l 120,0 z"
+       inkscape:randomized="0"
+       inkscape:rounded="0"
+       inkscape:flatsided="true"
+       sodipodi:arg2="0.52359878"
+       sodipodi:arg1="0"
+       sodipodi:r2="103.92305"
+       sodipodi:r1="120"
+       sodipodi:cy="128"
+       sodipodi:cx="128"
+       sodipodi:sides="6"
+       id="path442"
+       style="fill:#000000;fill-opacity:1;stroke:#ebf2ff;stroke-width:8;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke"
+       sodipodi:type="star" />
+    <path
+       inkscape:transform-center-y="-3.5355338"
+       inkscape:transform-center-x="-2.828427"
+       d="M 128,40 204.21024,84.000002 204.21023,172 128,216 51.789763,172 l 3e-6,-88.000002 z"
+       inkscape:randomized="0"
+       inkscape:rounded="0"
+       inkscape:flatsided="true"
+       sodipodi:arg2="-1.0471976"
+       sodipodi:arg1="-1.5707963"
+       sodipodi:r2="76.210236"
+       sodipodi:r1="88"
+       sodipodi:cy="128"
+       sodipodi:cx="128"
+       sodipodi:sides="6"
+       id="path1273"
+       style="fill:#000000;fill-opacity:1;stroke:#e5e5e5;stroke-width:8;stroke-linecap:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1;paint-order:markers fill stroke"
+       sodipodi:type="star" />
+  </g>
+  <g
+     id="g1339"
+     style="filter:url(#filter840-1)"
+     transform="matrix(0.95,0,0,0.95,6.3999897,6.4000079)">
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:74.6669px;line-height:1.05;font-family:'Defcon Zero';-inkscape-font-specification:'Defcon Zero, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;display:inline;fill:#6d59ff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4.50784;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       x="127.03922"
+       y="130.29129"
+       id="text817"><tspan
+         sodipodi:role="line"
+         id="tspan815"
+         x="127.03922"
+         y="130.29129"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:74.6669px;font-family:'Defcon Zero';-inkscape-font-specification:'Defcon Zero, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;writing-mode:lr-tb;direction:ltr;text-anchor:middle;fill:#6d59ff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4.50784;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1" /><tspan
+         y="230.86159"
+         x="127.03922"
+         dy="-33.808769"
+         id="tspan899"
+         sodipodi:role="line"
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:101.053px;font-family:'Defcon Zero';-inkscape-font-specification:'Defcon Zero, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#6d59ff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:4.50784;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1">FX</tspan></text>
+    <text
+       transform="scale(0.83775661,1.1936641)"
+       y="102.68661"
+       x="152.77435"
+       id="text817-0"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:62.5523px;line-height:1.05;font-family:'Defcon Zero';-inkscape-font-specification:'Defcon Zero, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;word-spacing:0px;writing-mode:lr-tb;text-anchor:middle;display:inline;fill:#6d59ff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3.13326;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+       xml:space="preserve"><tspan
+         style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:62.5523px;font-family:'Defcon Zero';-inkscape-font-specification:'Defcon Zero, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;writing-mode:lr-tb;text-anchor:middle;fill:#6d59ff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3.13326;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+         y="102.68661"
+         x="152.77435"
+         sodipodi:role="line"
+         id="tspan899-7"
+         dy="0 0 0 0 0 0"><tspan
+           style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:62.5523px;font-family:'Defcon Zero';-inkscape-font-specification:'Defcon Zero, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-feature-settings:normal;text-align:center;letter-spacing:0px;writing-mode:lr-tb;direction:ltr;text-anchor:middle;fill:#6d59ff;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:3.13326;stroke-miterlimit:4;stroke-dasharray:none;stroke-opacity:1"
+           id="tspan1331"
+           dy="0">Stream</tspan></tspan></text>
+  </g>
+</svg>
diff --git a/_sass/_blocks.scss b/_sass/_blocks.scss
index 7ae372f..16010ee 100644
--- a/_sass/_blocks.scss
+++ b/_sass/_blocks.scss
@@ -37,7 +37,8 @@
 	float: right;
 }
 
-.float-clear {
+.float-clear,
+.clear {
 	clear: both;
 }