From 63c9863b6f9cd4ef0b0e0bba39ddc3197cbdf275 Mon Sep 17 00:00:00 2001
From: wgroeneveld <wouter@brainbaking.com>
Date: Mon, 17 Jun 2024 20:07:50 +0200
Subject: [PATCH] fix programming bg $1010 irredible crap

---
 themes/awhile-design/assets/icons/bug.svg     | 235 ++++++++++++++++++
 themes/awhile-design/assets/icons/code.svg    | 187 ++++++++++++++
 .../static/img/bg-programming.svg             |  45 ++--
 3 files changed, 449 insertions(+), 18 deletions(-)
 create mode 100644 themes/awhile-design/assets/icons/bug.svg
 create mode 100644 themes/awhile-design/assets/icons/code.svg

diff --git a/themes/awhile-design/assets/icons/bug.svg b/themes/awhile-design/assets/icons/bug.svg
new file mode 100644
index 00000000..0b99ab71
--- /dev/null
+++ b/themes/awhile-design/assets/icons/bug.svg
@@ -0,0 +1,235 @@
+<?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"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25)"
+   sodipodi:docname="bug.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     showgrid="false"
+     inkscape:zoom="1.6562917"
+     inkscape:cx="185.35383"
+     inkscape:cy="169.05235"
+     inkscape:window-width="744"
+     inkscape:window-height="847"
+     inkscape:window-x="720"
+     inkscape:window-y="25"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs1">
+    <inkscape:path-effect
+       effect="simplify"
+       id="path-effect11"
+       is_visible="true"
+       lpeversion="1.3"
+       threshold="179.452"
+       steps="1"
+       smooth_angles="360"
+       helper_size="0"
+       simplify_individual_paths="false"
+       simplify_just_coalesce="false" />
+    <inkscape:path-effect
+       effect="simplify"
+       id="path-effect10"
+       is_visible="true"
+       lpeversion="1.3"
+       threshold="179.452"
+       steps="1"
+       smooth_angles="360"
+       helper_size="0"
+       simplify_individual_paths="false"
+       simplify_just_coalesce="false" />
+    <inkscape:path-effect
+       effect="simplify"
+       id="path-effect9"
+       is_visible="true"
+       lpeversion="1.3"
+       threshold="179.452"
+       steps="1"
+       smooth_angles="360"
+       helper_size="0"
+       simplify_individual_paths="false"
+       simplify_just_coalesce="false" />
+    <inkscape:path-effect
+       effect="simplify"
+       id="path-effect8"
+       is_visible="true"
+       lpeversion="1.3"
+       threshold="179.452"
+       steps="1"
+       smooth_angles="360"
+       helper_size="0"
+       simplify_individual_paths="false"
+       simplify_just_coalesce="false" />
+    <inkscape:path-effect
+       effect="simplify"
+       id="path-effect7"
+       is_visible="true"
+       lpeversion="1.3"
+       threshold="179.452"
+       steps="1"
+       smooth_angles="360"
+       helper_size="0"
+       simplify_individual_paths="false"
+       simplify_just_coalesce="false" />
+    <inkscape:path-effect
+       effect="simplify"
+       id="path-effect6"
+       is_visible="true"
+       lpeversion="1.3"
+       threshold="179.452"
+       steps="1"
+       smooth_angles="360"
+       helper_size="0"
+       simplify_individual_paths="false"
+       simplify_just_coalesce="false" />
+    <inkscape:path-effect
+       effect="simplify"
+       id="path-effect5"
+       is_visible="true"
+       lpeversion="1.3"
+       threshold="179.452"
+       steps="1"
+       smooth_angles="360"
+       helper_size="0"
+       simplify_individual_paths="false"
+       simplify_just_coalesce="false" />
+    <inkscape:path-effect
+       effect="simplify"
+       id="path-effect4"
+       is_visible="true"
+       lpeversion="1.3"
+       threshold="179.452"
+       steps="1"
+       smooth_angles="360"
+       helper_size="0"
+       simplify_individual_paths="false"
+       simplify_just_coalesce="false" />
+    <inkscape:path-effect
+       effect="simplify"
+       id="path-effect3"
+       is_visible="true"
+       lpeversion="1.3"
+       threshold="179.452"
+       steps="1"
+       smooth_angles="360"
+       helper_size="0"
+       simplify_individual_paths="false"
+       simplify_just_coalesce="false" />
+    <inkscape:path-effect
+       effect="simplify"
+       id="path-effect2"
+       is_visible="true"
+       lpeversion="1.3"
+       threshold="179.452"
+       steps="1"
+       smooth_angles="360"
+       helper_size="0"
+       simplify_individual_paths="false"
+       simplify_just_coalesce="false" />
+    <inkscape:path-effect
+       effect="simplify"
+       id="path-effect1"
+       is_visible="true"
+       lpeversion="1.3"
+       threshold="179.452"
+       steps="1"
+       smooth_angles="360"
+       helper_size="0"
+       simplify_individual_paths="false"
+       simplify_just_coalesce="false" />
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.665001"
+       d="m 24.682228,33.622249 c 8.849721,0.531465 17.716953,0.332295 26.579435,0.592032 5.354388,0.156923 10.709687,-1.365966 16.022329,-0.830111 4.200007,0.42363 3.89191,5.737896 3.276478,8.689209 -0.776668,3.724528 0.529737,7.286843 0.486848,10.988386 -0.108148,9.333561 -3.757195,20.251665 -12.7916,24.025176 -6.915188,2.888352 -14.676762,5.353988 -22.220145,3.420853 -6.103603,-1.564163 -9.396789,-7.665173 -11.057628,-13.372272 -1.186764,-4.078044 0.0093,-8.335725 -0.498457,-12.441252 -0.541395,-4.377494 -2.899613,-9.037437 -0.405634,-13.370162 1.407323,-2.444906 -1.332493,-5.463212 0.608374,-7.701859 z"
+       id="path1"
+       inkscape:path-effect="#path-effect1"
+       inkscape:original-d="m 24.682228,33.622249 c 8.101381,0.413852 16.23289,0.894043 24.3727,0.567803 5.885864,0.05707 11.763986,0.230821 17.582602,-0.831339 7.275135,-0.07173 2.202344,11.021954 4.246999,15.933223 1.138501,11.261458 -3.553798,25.060251 -15.240328,28.863423 -7.84805,3.010977 -17.920951,5.38192 -25.027333,-0.547398 -5.436749,-5.464667 -7.120278,-13.614188 -6.063573,-21.046472 0.236262,-4.990571 -3.414729,-9.889752 -0.810229,-14.717524 2.08086,-2.73837 -1.124746,-6.060242 0.939162,-8.221716 z" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.665001"
+       d="m 32.456159,33.622249 c -0.278921,-3.343442 1.276226,-6.414975 1.595986,-9.718608 0.188915,-1.951808 1.187398,-3.786185 2.917792,-4.884841 1.331274,-0.845249 2.791625,-1.068251 4.403748,-1.079694 1.738052,-0.01234 3.412512,-0.461325 5.159139,-0.502609 3.774032,-0.08921 7.538106,0.381082 11.283007,0.871248 1.511163,0.197794 1.947661,1.750574 2.163993,3.026658 0.633057,3.734237 0.466896,7.545652 0.462482,11.316107"
+       id="path2"
+       inkscape:path-effect="#path-effect2"
+       inkscape:original-d="m 32.456159,33.622249 c -0.296873,-3.167474 1.40914,-6.05675 1.539221,-9.183543 0.163393,-1.887734 0.712837,-3.969956 2.414419,-5.047722 0.970956,-0.70165 2.081741,-1.183093 3.215182,-1.555213 1.555196,0.194538 3.115254,0.120406 4.624377,-0.263639 4.053639,-0.351831 8.145283,-0.094 12.16659,0.465415 1.157783,0.198177 2.75175,0.356497 3.138981,1.689788 0.649126,1.86971 0.72104,3.882148 0.852677,5.840874 0.10319,2.359539 0.03823,4.721631 0.0347,7.082301"
+       transform="translate(0,0.52916667)" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.665001"
+       d="m 41.396179,18.074388 c 0.148832,-0.791245 -0.01994,-1.610229 -0.368158,-2.330219 -0.292582,-0.604958 -0.690464,-1.151219 -0.99228,-1.751095"
+       id="path3"
+       inkscape:path-effect="#path-effect3"
+       inkscape:original-d="M 41.396179,18.074388 C 41.7064,16.265112 40.63456,15.190712 40.035741,13.993074" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.665001"
+       d="m 51.696635,17.88004 c 0.367035,-1.148255 1.112884,-2.13345 1.994789,-2.943729 0.493108,-0.453059 1.027922,-0.859678 1.503482,-1.331933"
+       id="path4"
+       inkscape:path-effect="#path-effect4"
+       inkscape:original-d="m 51.696635,17.88004 c 0.770774,-2.309012 2.41109,-3.188482 3.498271,-4.275662" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.665001"
+       d="m 45.477493,33.4279 c -0.02551,1.81791 0.04379,3.628428 0.221964,5.444204 0.338999,3.454734 0.558891,6.951287 -0.03854,10.414542 -0.230472,1.33604 -0.04529,2.682835 0.211692,4.023269 0.204917,1.068879 0.178017,2.162449 0.187929,3.245428"
+       id="path5"
+       inkscape:path-effect="#path-effect5"
+       inkscape:original-d="m 45.477493,33.4279 c 0.01184,1.62006 -0.116135,3.245139 0.165206,4.8515 0.296607,3.158527 0.710699,6.359666 0.291595,9.524128 -0.348418,1.736584 -0.698566,3.567019 -0.105772,5.293707 0.252438,1.131779 0.221601,2.305092 0.232021,3.458108"
+       transform="translate(0,0.52916667)" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.665001"
+       d="m 70.548417,37.703561 c 3.116509,0.07099 6.29557,-0.182373 9.265826,-1.163886 1.432171,-0.473256 2.911622,-1.285172 3.474227,-2.819855 1.400641,-3.820688 0.652891,-7.990376 0.669977,-11.952815"
+       id="path6"
+       inkscape:path-effect="#path-effect6"
+       inkscape:original-d="m 70.548417,37.703561 c 2.776117,0.156157 11.006545,-0.440431 12.438287,-3.303921 1.76494,-3.52988 0.971743,-8.649774 0.971743,-12.632635" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.665001"
+       d="m 70.548417,52.474029 c 3.150821,-0.467019 6.349155,0.791714 9.467846,-0.03247 1.365267,-0.3608 2.702258,-0.938594 4.136532,-0.939273"
+       id="path7"
+       inkscape:path-effect="#path-effect7"
+       inkscape:original-d="m 70.548417,52.474029 c 3.274274,-0.486117 6.618911,0.865033 9.846617,-0.139669 1.232374,-0.351355 2.457576,-0.833817 3.757761,-0.832069" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.665001"
+       d="m 68.799283,62.580138 c 2.950272,1.365494 5.719925,3.479967 7.1229,6.496048 0.917174,1.971719 1.237332,4.17154 1.234076,6.330939"
+       id="path8"
+       inkscape:path-effect="#path-effect8"
+       inkscape:original-d="m 68.799283,62.580138 c 2.671661,1.251276 5.216517,3.053231 6.693505,5.669029 1.245991,2.161662 1.66791,4.69103 1.663471,7.157958"
+       transform="translate(0.52916667)" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.665001"
+       d="m 23.516139,36.148777 c -3.256989,0.888421 -7.001851,0.14595 -9.414547,-2.348061 -1.282596,-1.325824 -1.818391,-3.122792 -2.418187,-4.835756 -0.795389,-2.271557 -2.5336393,-4.285545 -2.4321271,-6.831849 0.03863,-0.968983 0.2486742,-1.922978 0.2717866,-2.892633"
+       id="path9"
+       inkscape:path-effect="#path-effect9"
+       inkscape:original-d="M 23.516139,36.148777 C 18.196932,37.511754 13.239012,35.076008 11.855244,29.540935 11.336251,27.464964 9.7679392,25.712254 9.3287164,23.516139 9.0522323,22.13372 9.5230645,20.338764 9.5230645,19.240478" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.665001"
+       d="M 23.127443,51.502288 C 19.404778,51.695199 15.653597,52.597254 11.93556,51.88051 11.246334,51.747645 10.567621,51.558397 9.9117612,51.307899"
+       id="path10"
+       inkscape:path-effect="#path-effect10"
+       inkscape:original-d="M 23.127443,51.502288 C 18.712508,51.734341 14.195472,52.942603 9.9117612,51.307899"
+       transform="translate(0.52916667)" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.665001"
+       d="m 23.904836,62.385791 c -3.280523,-0.148861 -6.647301,1.081324 -8.86598,3.560175 -2.572839,2.87454 -3.568282,6.844548 -3.572309,10.627246"
+       id="path11"
+       inkscape:path-effect="#path-effect11"
+       inkscape:original-d="M 23.904836,62.385791 C 15.507839,62.151868 11.466547,68.977205 11.466547,76.573212" />
+  </g>
+</svg>
diff --git a/themes/awhile-design/assets/icons/code.svg b/themes/awhile-design/assets/icons/code.svg
new file mode 100644
index 00000000..24bb1926
--- /dev/null
+++ b/themes/awhile-design/assets/icons/code.svg
@@ -0,0 +1,187 @@
+<?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"
+   inkscape:version="1.3.2 (091e20e, 2023-11-25)"
+   sodipodi:docname="code.svg"
+   xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
+   xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
+   xmlns="http://www.w3.org/2000/svg"
+   xmlns:svg="http://www.w3.org/2000/svg">
+  <sodipodi:namedview
+     id="namedview1"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="mm"
+     inkscape:zoom="1.5497464"
+     inkscape:cx="142.60398"
+     inkscape:cy="181.96526"
+     inkscape:window-width="1440"
+     inkscape:window-height="847"
+     inkscape:window-x="0"
+     inkscape:window-y="25"
+     inkscape:window-maximized="0"
+     inkscape:current-layer="layer1" />
+  <defs
+     id="defs1">
+    <inkscape:path-effect
+       effect="simplify"
+       id="path-effect8"
+       is_visible="true"
+       lpeversion="1.3"
+       threshold="179.452"
+       steps="1"
+       smooth_angles="360"
+       helper_size="0"
+       simplify_individual_paths="false"
+       simplify_just_coalesce="false" />
+    <inkscape:path-effect
+       effect="simplify"
+       id="path-effect7"
+       is_visible="true"
+       lpeversion="1.3"
+       threshold="179.452"
+       steps="1"
+       smooth_angles="360"
+       helper_size="0"
+       simplify_individual_paths="false"
+       simplify_just_coalesce="false" />
+    <inkscape:path-effect
+       effect="simplify"
+       id="path-effect6"
+       is_visible="true"
+       lpeversion="1.3"
+       threshold="179.452"
+       steps="1"
+       smooth_angles="360"
+       helper_size="0"
+       simplify_individual_paths="false"
+       simplify_just_coalesce="false" />
+    <inkscape:path-effect
+       effect="simplify"
+       id="path-effect5"
+       is_visible="true"
+       lpeversion="1.3"
+       threshold="179.452"
+       steps="1"
+       smooth_angles="360"
+       helper_size="0"
+       simplify_individual_paths="false"
+       simplify_just_coalesce="false" />
+    <inkscape:path-effect
+       effect="simplify"
+       id="path-effect4"
+       is_visible="true"
+       lpeversion="1.3"
+       threshold="179.452"
+       steps="1"
+       smooth_angles="360"
+       helper_size="0"
+       simplify_individual_paths="false"
+       simplify_just_coalesce="false" />
+    <inkscape:path-effect
+       effect="simplify"
+       id="path-effect3"
+       is_visible="true"
+       lpeversion="1.3"
+       threshold="179.452"
+       steps="1"
+       smooth_angles="360"
+       helper_size="0"
+       simplify_individual_paths="false"
+       simplify_just_coalesce="false" />
+    <inkscape:path-effect
+       effect="simplify"
+       id="path-effect2"
+       is_visible="true"
+       lpeversion="1.3"
+       threshold="179.452"
+       steps="1"
+       smooth_angles="360"
+       helper_size="0"
+       simplify_individual_paths="false"
+       simplify_just_coalesce="false" />
+    <inkscape:path-effect
+       effect="simplify"
+       id="path-effect1"
+       is_visible="true"
+       lpeversion="1.3"
+       threshold="179.452"
+       steps="1"
+       smooth_angles="360"
+       helper_size="0"
+       simplify_individual_paths="false"
+       simplify_just_coalesce="false" />
+  </defs>
+  <g
+     inkscape:label="Layer 1"
+     inkscape:groupmode="layer"
+     id="layer1">
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.665001"
+       d="m 12.422314,18.528197 c -0.362389,6.344537 1.384013,12.616819 1.024807,19.039684 -0.220977,3.951235 -1.783766,8.297101 0.181353,11.965946 1.412416,2.636957 4.953975,2.097249 7.475624,2.138281 4.801871,0.07813 9.575968,0.487657 14.38503,0.429127 6.845669,-0.08332 13.687747,0.358501 20.531101,0.303374 3.377176,-0.02721 10.097452,2.560177 10.091747,-0.820425 -0.01248,-7.396239 -1.743662,-14.636036 -2.692049,-21.950629 -0.723801,-5.582441 5.394749,-18.424626 0.02862,-16.81385 -5.958313,1.788535 -12.203647,0.405686 -18.280115,0.702063 -6.198394,0.302322 -12.38938,0.136868 -18.611035,-0.08953 -4.562562,-0.166022 -9.802217,-1.616536 -13.699866,0.805993 -1.498762,0.931534 -0.581217,2.937509 -0.435217,4.289962 z"
+       id="path1"
+       inkscape:path-effect="#path-effect1"
+       inkscape:original-d="m 12.422314,18.528197 c -0.361012,6.344503 -0.741068,12.853586 1.024807,19.039684 -0.277392,4.139912 -2.028622,10.906694 1.457465,13.435558 4.672347,0.992552 9.499416,0.514453 14.221026,1.078471 8.483402,0.102606 16.974017,-0.206356 25.447026,0.323624 3.858801,0.02484 7.732556,-0.15732 11.539338,-0.82135 -0.03976,-7.209447 -1.078354,-14.389015 -2.618219,-21.410961 -0.828195,-5.754299 -0.338871,-11.578791 -0.04521,-17.353518 -5.47356,1.572383 -11.195589,0.935323 -16.778176,0.646897 -6.407203,0.206716 -12.829307,0.828546 -19.220557,0.01055 -4.755866,-0.251105 -9.574745,-0.334741 -14.266592,0.609148 -1.91259,0.714468 -0.9394,3.013711 -0.760907,4.441901 z"
+       transform="matrix(1.2835418,0,0,1.3111279,-2.4548625,3.1492079)" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.665001"
+       d="m 12.001218,22.107508 c 16.078132,1.44451 32.20308,1.633914 48.336147,1.226311 0.805205,-0.02034 1.605059,-0.08933 2.405847,-0.173579"
+       id="path2"
+       inkscape:path-effect="#path-effect2"
+       inkscape:original-d="m 12.001218,22.107508 c 16.012948,1.456501 32.131136,-0.151138 48.128972,1.235494 l 1.307417,-0.05795 1.305605,-0.124812"
+       transform="matrix(1.2835418,0,0,1.3111279,-2.4548625,3.1492079)" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.665001"
+       d="m 16.843815,15.159434 c -0.03321,0.223866 0.153004,0.459043 0.392129,0.300569 0.08802,-0.05833 0.20352,-0.158703 0.08031,-0.01348 -0.155657,0.183462 0.183553,0.381726 0.306608,0.537696 0.486358,0.616449 0.959276,1.295035 1.093136,2.086883 0.08435,0.498983 -0.128085,1.010889 -0.51172,1.342925 -0.557781,0.482758 -1.430781,0.686067 -2.089405,0.300204 -0.673804,-0.394755 -0.973932,-1.199022 -1.038156,-1.943766 -0.05357,-0.621183 0.208095,-1.204405 0.359875,-1.808675 0.113033,-0.450011 0.457642,-0.933413 0.957338,-0.943991 0.16049,-0.0034 0.317452,0.0534 0.449888,0.141636 z"
+       id="path3"
+       inkscape:path-effect="#path-effect3"
+       inkscape:original-d="m 16.843815,15.159434 c 0.04821,0.886658 0.864173,-0.211434 0.399885,0.378883 1.046733,1.17734 2.520441,3.204195 0.429661,4.212484 -2.300381,0.889518 -3.169111,-2.116329 -2.243513,-3.75971 0.136254,-0.624967 0.757732,-1.264551 1.413967,-0.831657 z"
+       transform="matrix(1.2835418,0,0,1.3111279,-3.13407,3.1492079)" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.665001"
+       d="m 21.265317,14.738338 c 1.206093,0.03503 2.321832,0.713188 3.084162,1.618535 0.479209,0.569113 0.875348,1.351085 0.640294,2.097176 -0.225001,0.714183 -0.922889,1.155502 -1.607625,1.349463 -0.788878,0.223462 -1.659265,-0.03395 -2.256154,-0.59711 -0.927362,-0.874958 -1.336019,-2.372564 -0.740132,-3.531873 0.198367,-0.385928 0.508296,-0.712254 0.879455,-0.936191 z"
+       id="path4"
+       inkscape:path-effect="#path-effect4"
+       inkscape:original-d="m 21.265317,14.738338 c 1.065751,0.02424 2.056687,0.577021 2.804042,1.310127 0.559443,0.565888 1.054186,1.326545 0.970344,2.156189 -0.07239,0.689247 -0.650895,1.186907 -1.253846,1.445662 -0.753629,0.373787 -1.70507,0.300898 -2.379344,-0.209146 -1.048094,-0.771491 -1.568631,-2.246766 -1.139623,-3.490638 0.177879,-0.505764 0.540729,-0.935934 0.998427,-1.212194 z"
+       transform="matrix(1.2835418,0,0,1.3111279,-2.4548625,3.8430131)" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.665001"
+       d="m 26.950103,14.948886 c 0.831376,-0.388901 1.84332,-0.125477 2.509712,0.456069 0.55989,0.488603 1.024647,1.140105 1.155691,1.882325 0.08581,0.486036 -0.0136,1.050078 -0.441344,1.364884 -0.331721,0.244135 -0.757103,0.250196 -1.147711,0.320053 -0.449318,0.08036 -0.833294,-0.223465 -1.164968,-0.507245 -0.756615,-0.647361 -1.532004,-1.321672 -1.970706,-2.254254 -0.189952,-0.403795 0.105093,-0.833959 0.455298,-1.047043 0.185164,-0.112664 0.398354,-0.156104 0.604028,-0.214789 z"
+       id="path5"
+       inkscape:path-effect="#path-effect5"
+       inkscape:original-d="m 26.950103,14.948886 c 1.038889,-0.47823 2.268106,0.04543 2.942805,0.895229 0.519768,0.6145 0.923507,1.473875 0.677692,2.284419 -0.205788,0.602667 -0.870493,0.816497 -1.450268,0.824866 -0.505721,0.122664 -0.931461,-0.116385 -1.258849,-0.488428 -0.790137,-0.675445 -1.700037,-1.363039 -2.019442,-2.397469 -0.09501,-0.554102 0.420716,-0.952357 0.907217,-1.061661 0.06646,-0.02065 0.133532,-0.03929 0.200845,-0.05696 z"
+       transform="matrix(1.2835418,0,0,1.3111279,-1.0964475,4.5368182)" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.665001"
+       d="m 28.532169,28.382785 c -1.61525,1.964383 -3.450301,3.702825 -5.366767,5.381496 -1.031984,0.903935 -2.129706,1.713334 -3.065339,2.748378 -0.586555,0.648878 -2.266394,1.04027 -1.874938,1.828805 0.858058,1.728444 2.69665,2.610414 4.393649,3.296257 0.958954,0.387562 1.898727,0.832941 2.699976,1.505428 0.671968,0.563981 1.35984,1.035836 2.134648,1.47585 0.460776,0.261675 0.899141,0.563374 1.377536,0.793457"
+       id="path6"
+       inkscape:path-effect="#path-effect6"
+       inkscape:original-d="m 28.532169,28.382785 c -1.615608,1.964695 -3.80298,3.37653 -5.366767,5.381496 -0.90172,0.808595 -1.980087,1.41762 -2.760372,2.367814 -0.601071,0.86061 -1.55454,1.374512 -2.179905,2.209369 0.962799,1.9407 3.155915,2.737149 5.013022,3.569681 1.310387,0.458428 2.312849,1.430195 3.352041,2.306249 0.80885,0.27355 1.47757,0.828194 2.240746,1.195062"
+       transform="matrix(1.2835418,0,0,1.3111279,-2.4548625,3.1492079)" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.665001"
+       d="m 39.138367,29.57785 c -1.011778,2.526597 -1.814453,5.1568 -3.111221,7.549146 -1.001734,1.84805 -2.222776,3.573192 -2.832818,5.648893 -0.261086,0.888359 -0.574356,1.803032 -1.226349,2.487186"
+       id="path7"
+       inkscape:path-effect="#path-effect7"
+       inkscape:original-d="m 39.138367,29.57785 c -0.991347,2.499465 -2.136288,4.939574 -3.064814,7.461822 -0.982013,1.866351 -2.485145,3.508187 -2.854051,5.650172 -0.267038,0.916884 -0.578303,1.866427 -1.251523,2.573231"
+       transform="matrix(1.2835418,0,0,1.3111279,-2.4548625,3.1492079)" />
+    <path
+       style="fill:none;stroke:#000000;stroke-width:0.665001"
+       d="m 44.964307,28.980317 c 0.800651,1.676796 2.411784,2.674778 3.64653,4.006268 1.230518,1.32693 2.694038,2.219224 4.386803,2.972121 0.724982,0.322453 1.350372,1.151379 0.980064,1.974552 -0.382445,0.850155 -1.303026,1.141471 -2.017396,1.635889 -2.991584,2.070487 -6.443581,3.421012 -9.37041,5.570292 -0.112302,0.08247 -0.212593,0.178378 -0.314485,0.273017"
+       id="path8"
+       inkscape:path-effect="#path-effect8"
+       inkscape:original-d="m 44.964307,28.980317 c 0.751088,1.613997 2.470684,2.47617 3.526322,3.871737 1.254689,1.477815 3.410719,1.555374 4.507011,3.106652 1.743754,0.919861 1.266792,2.436073 -0.367108,3.140927 -3.159129,2.252713 -6.58458,4.113809 -9.973783,5.98701 L 42.4603,45.24179 42.275413,45.412456"
+       transform="matrix(1.2835418,0,0,1.3111279,-2.4548625,3.1492079)" />
+  </g>
+</svg>
diff --git a/themes/awhile-design/static/img/bg-programming.svg b/themes/awhile-design/static/img/bg-programming.svg
index 94a5bd4d..de55ccf5 100644
--- a/themes/awhile-design/static/img/bg-programming.svg
+++ b/themes/awhile-design/static/img/bg-programming.svg
@@ -1,25 +1,34 @@
 <svg version="1.1"
       xmlns="http://www.w3.org/2000/svg"
-      xmlns:xlink="http://www.w3.org/1999/xlink"  id="snapshot-99099" width="100" height="100" viewBox="0 0 100 100"><desc>This image was made on Patterninja.com</desc><defs>
-<!-- image 45723 -->
-<g id="transformed-45723" data-image="45723" transform="translate(-36.773099207835024, -38.773099207835045) rotate(27, 52.773099207835024, 52.773099207835045)"><g><svg version="1.1" width="105.54619841567005px" height="105.54619841567009px" viewBox="0 0 105.54619841567005 105.54619841567009"><g id="original-45723"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" preserveAspectRatio="xMidYMid meet">
-  <path d="M40.585 26.99c-3.615 1.057-4.187 5.173-4.47 8.761-.145 1.836.269 3.789 1.89 4.991 1.09.81 2.46 3.252.304 3.651-1.232.229-4.46 2.86-1.83 2.734 1.814-.087 3.058 1.395 1.037 2.514-1.542.854-2.659 2.313-2.203 4.333.594 2.635.651 5.295 1.007 8.041.189 1.45 1.903 1.996 2.266 3.36" stroke-width=".665" fill="rgba(0, 0, 0, 0)" stroke="rgba(170, 170, 170, 1)"/>
-  <path d="M44.983 62.977c-.925-3.794-.852-7.717.094-11.656.996-4.14 1.548-8.6.304-12.612-.755-2.435-2.442-5.471-.69-7.714 1.005-1.287 2.431-2.754 4.308-2.244 1.615.438 1.99 2.219 1.862 3.842-.322 4.103 1.107 7.903 1.746 11.975.585 3.725-.906 7.274-1.748 10.831-.606 2.56-.904 5.584-2.905 7.352-.797.705-2.086.857-2.97.226z" stroke-width=".665" fill="rgba(0, 0, 0, 0)" stroke="rgba(170, 170, 170, 1)"/>
-  <path d="M57.379 27.99c2.74.537 6.256 3.063 5.201 6.009-.626 1.747-1.047 3.463-1.79 5.287-.487 1.195-2.855 3.394-1.647 4.031 1.145.605 4.654 2.708 2.915 3.233-1.052.317-4.835.168-2.503 1.653 1.404.894 3.014 1.933 3.036 3.946.03 2.805.111 5.815-1.244 8.248-1.24 2.223-2.265 5.139-4.971 5.924-.594.172-1.196.06-1.796.054" stroke-width=".665" fill="rgba(0, 0, 0, 0)" stroke="rgba(170, 170, 170, 1)"/>
+      xmlns:xlink="http://www.w3.org/1999/xlink"  id="snapshot-82016" width="100" height="100" viewBox="0 0 100 100"><desc>This image was made on Patterninja.com</desc><defs>
+<!-- image 34740 -->
+<g id="transformed-34740" data-image="34740" transform="translate(-29.832867780352597, -29.832867780352593) rotate(13, 29.832867780352597, 29.832867780352593)"><g><svg version="1.1" width="59.665735560705194px" height="59.66573556070519px" viewBox="0 0 59.665735560705194 59.66573556070519"><g id="original-34740"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" preserveAspectRatio="xMidYMid meet">
+  <path d="M12.422 18.528c-.362 6.345 1.384 12.617 1.025 19.04-.22 3.951-1.784 8.297.181 11.966 1.413 2.637 4.954 2.097 7.476 2.138 4.802.078 9.576.488 14.385.43 6.846-.084 13.688.358 20.531.303 3.377-.028 10.098 2.56 10.092-.82-.013-7.397-1.744-14.637-2.692-21.951-.724-5.583 5.395-18.425.029-16.814-5.959 1.788-12.204.405-18.28.702-6.199.302-12.39.137-18.612-.09-4.562-.166-9.802-1.616-13.7.806-1.498.932-.58 2.938-.435 4.29z" transform="matrix(1.28354 0 0 1.31113 -2.455 3.15)" stroke-width=".665" fill="rgba(0, 0, 0, 0)" stroke="rgba(170, 170, 170, 1)"/>
+  <path d="M12.001 22.108c16.078 1.444 32.203 1.633 48.336 1.226.806-.02 1.605-.09 2.406-.174" transform="matrix(1.28354 0 0 1.31113 -2.455 3.15)" stroke-width=".665" fill="rgba(0, 0, 0, 0)" stroke="rgba(170, 170, 170, 1)"/>
+  <path d="M16.844 15.16c-.033.223.153.458.392.3.088-.058.203-.159.08-.013-.155.183.184.381.307.537.486.617.96 1.295 1.093 2.087.084.5-.128 1.011-.512 1.343-.558.483-1.43.686-2.09.3-.673-.395-.973-1.199-1.037-1.944-.054-.62.208-1.204.36-1.808.113-.45.457-.934.957-.944a.792.792 0 0 1 .45.141z" transform="matrix(1.28354 0 0 1.31113 -3.134 3.15)" stroke-width=".665" fill="rgba(0, 0, 0, 0)" stroke="rgba(170, 170, 170, 1)"/>
+  <path d="M21.265 14.738c1.206.035 2.322.714 3.084 1.619.48.569.876 1.351.64 2.097-.224.714-.922 1.156-1.607 1.35-.789.223-1.66-.034-2.256-.598-.927-.875-1.336-2.372-.74-3.531.198-.386.508-.713.88-.937z" transform="matrix(1.28354 0 0 1.31113 -2.455 3.843)" stroke-width=".665" fill="rgba(0, 0, 0, 0)" stroke="rgba(170, 170, 170, 1)"/>
+  <path d="M26.95 14.949c.831-.389 1.843-.126 2.51.456.56.489 1.024 1.14 1.156 1.882.085.486-.014 1.05-.442 1.365-.332.244-.757.25-1.148.32-.449.08-.833-.223-1.165-.507-.756-.647-1.532-1.322-1.97-2.254-.19-.404.105-.834.455-1.047.185-.113.398-.156.604-.215z" transform="matrix(1.28354 0 0 1.31113 -1.096 4.537)" stroke-width=".665" fill="rgba(0, 0, 0, 0)" stroke="rgba(170, 170, 170, 1)"/>
+  <path d="M28.532 28.383c-1.615 1.964-3.45 3.703-5.367 5.381-1.032.904-2.13 1.714-3.065 2.749-.586.649-2.266 1.04-1.875 1.828.858 1.729 2.697 2.61 4.394 3.297.959.387 1.899.833 2.7 1.505.672.564 1.36 1.036 2.134 1.476.461.262.9.563 1.378.793" transform="matrix(1.28354 0 0 1.31113 -2.455 3.15)" stroke-width=".665" fill="rgba(0, 0, 0, 0)" stroke="rgba(170, 170, 170, 1)"/>
+  <path d="M39.138 29.578c-1.011 2.526-1.814 5.157-3.11 7.549-1.003 1.848-2.224 3.573-2.834 5.649-.26.888-.574 1.803-1.226 2.487" transform="matrix(1.28354 0 0 1.31113 -2.455 3.15)" stroke-width=".665" fill="rgba(0, 0, 0, 0)" stroke="rgba(170, 170, 170, 1)"/>
+  <path d="M44.964 28.98c.801 1.677 2.412 2.675 3.647 4.007 1.23 1.327 2.694 2.219 4.387 2.972.725.322 1.35 1.151.98 1.974-.383.85-1.303 1.142-2.018 1.636-2.991 2.07-6.443 3.421-9.37 5.57-.112.083-.213.179-.315.273" transform="matrix(1.28354 0 0 1.31113 -2.455 3.15)" stroke-width=".665" fill="rgba(0, 0, 0, 0)" stroke="rgba(170, 170, 170, 1)"/>
 </svg>
 </g></svg></g></g>
-<!-- /image 45723 -->
+<!-- /image 34740 -->
 
-<!-- image 50127 -->
-<g id="transformed-50127" data-image="50127" transform="translate(28.458980337503156, 32.458980337503164) rotate(333, 33.54101966249684, 33.541019662496836)"><g><svg version="1.1" width="67.08203932499369px" height="67.08203932499367px" viewBox="0 0 67.08203932499369 67.08203932499367"><g id="original-50127"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" preserveAspectRatio="xMidYMid meet">
-  <path d="M28.645 27.036c-1.768-1.384-4.128-1.501-6.264-1.638-2.908-.186-6.064-.261-8.656 1.234-1.565.902-1.232 2.809-1.336 4.344-.102 1.515.423 3.026 2.151 3.505 1.905.528 3.965.304 5.84.892 1.624.51 3.265.917 4.967 1.1 1.932.21 2.691 2.166 3.544 3.764.79 1.48.574 3.115-.596 4.442-2.234 2.532-5.422 4.146-8.803 4.487-3.095.311-6.244.193-9.285-.865-1.314-.458-1.807-3.36-.276-3.844.459-.145-.152-.253-.275-.202" stroke-width=".665" fill="rgba(0, 0, 0, 0)" stroke="rgba(170, 170, 170, 1)"/>
-  <path d="M20.438 22.69c-.143 3.186-.478 6.355-.337 9.56.094 2.137-.738 4.251-.555 6.367.193 2.226.652 4.405.755 6.654.112 2.476-.814 4.838-1.103 7.274l-.048.4" stroke-width=".665" fill="rgba(0, 0, 0, 0)" stroke="rgba(170, 170, 170, 1)"/>
-  <path d="M37.496 26.875c-.67 5.018-.79 10.034-1.116 15.121-.161 2.517.663 5.3-.815 7.57" stroke-width=".665" fill="rgba(0, 0, 0, 0)" stroke="rgba(170, 170, 170, 1)"/>
-  <path d="M45.864 49.404c-1.96.043-3.044-1.837-4.106-3.215-.758-.984-1.442-2.049-1.574-3.33-.15-1.448-.274-2.908-.238-4.36.076-3.101.667-7.49 3.725-8.303 1.795-.477 3.92-.704 5.509.271 1.867 1.147 1.925 3.572 2.434 5.495.598 2.257-.073 4.621-1.169 6.588-.717 1.287-1.008 2.726-1.44 4.121-.348 1.129-.867 2.648-2.126 2.868-.341.06-.702.017-1.015-.135z" stroke-width=".665" fill="rgba(0, 0, 0, 0)" stroke="rgba(170, 170, 170, 1)"/>
-  <path d="M56.324 29.128c.884 4.34-.456 8.687-1.167 12.987-.465 2.807.326 5.61.362 8.416" stroke-width=".665" fill="rgba(0, 0, 0, 0)" stroke="rgba(170, 170, 170, 1)"/>
-  <path d="M59.864 29.771c.971 2.312.116 4.797-.267 7.131-.22 1.337.042 2.672.396 3.982.729 2.695.965 5.819-.772 8.198" stroke-width=".665" fill="rgba(0, 0, 0, 0)" stroke="rgba(170, 170, 170, 1)"/>
-  <path d="M68.393 30.093c1.878-.419 3.407 1.19 4.102 2.791.492 1.134.467 2.379.256 3.6-.572 3.304.744 6.731.045 9.986-.656 3.055-4.15 4.573-7.22 3.778-1.45-.375-2.512-1.618-2.87-3.052-.475-1.895-.51-3.874-.449-5.812.126-4.006 2.303-7.607 5.299-10.402.298-.28.573-.578.837-.889z" stroke-width=".665" fill="rgba(0, 0, 0, 0)" stroke="rgba(170, 170, 170, 1)"/>
+<!-- image 25434 -->
+<g id="transformed-25434" data-image="25434" transform="translate(23.536907576544365, 18.536907576544365) rotate(336, 30.463092423455635, 30.463092423455635)"><g><svg version="1.1" width="60.92618484691127px" height="60.92618484691127px" viewBox="0 0 60.92618484691127 60.92618484691127"><g id="original-25434"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 100 100" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" preserveAspectRatio="xMidYMid meet">
+  <path d="M24.682 33.622c8.85.532 17.717.333 26.58.592 5.354.157 10.71-1.366 16.022-.83 4.2.424 3.892 5.738 3.276 8.69-.776 3.724.53 7.286.487 10.988-.108 9.333-3.757 20.251-12.791 24.025-6.915 2.888-14.677 5.354-22.22 3.42-6.104-1.563-9.397-7.664-11.058-13.371-1.187-4.079.01-8.336-.499-12.442-.54-4.377-2.9-9.037-.405-13.37 1.407-2.445-1.333-5.463.608-7.702z" stroke-width=".665" fill="rgba(0, 0, 0, 0)" stroke="rgba(170, 170, 170, 1)"/>
+  <path d="M32.456 34.151c-.279-3.343 1.276-6.415 1.596-9.718.19-1.952 1.188-3.786 2.918-4.885 1.331-.845 2.792-1.068 4.404-1.08 1.738-.012 3.412-.461 5.159-.502 3.774-.09 7.538.38 11.283.87 1.511.199 1.947 1.751 2.164 3.028.633 3.734.467 7.545.462 11.316" stroke-width=".665" fill="rgba(0, 0, 0, 0)" stroke="rgba(170, 170, 170, 1)"/>
+  <path d="M41.396 18.074c.149-.79-.02-1.61-.368-2.33-.293-.605-.69-1.151-.992-1.75" stroke-width=".665" fill="rgba(0, 0, 0, 0)" stroke="rgba(170, 170, 170, 1)"/>
+  <path d="M51.697 17.88c.367-1.148 1.113-2.133 1.994-2.944.494-.453 1.028-.86 1.504-1.332" stroke-width=".665" fill="rgba(0, 0, 0, 0)" stroke="rgba(170, 170, 170, 1)"/>
+  <path d="M45.477 33.957a48.644 48.644 0 0 0 .222 5.444c.34 3.455.56 6.952-.038 10.415-.23 1.336-.045 2.683.212 4.023.205 1.069.178 2.163.188 3.246" stroke-width=".665" fill="rgba(0, 0, 0, 0)" stroke="rgba(170, 170, 170, 1)"/>
+  <path d="M70.548 37.704c3.117.07 6.296-.183 9.266-1.164 1.432-.474 2.912-1.285 3.474-2.82 1.401-3.82.653-7.99.67-11.953" stroke-width=".665" fill="rgba(0, 0, 0, 0)" stroke="rgba(170, 170, 170, 1)"/>
+  <path d="M70.548 52.474c3.151-.467 6.35.792 9.468-.032 1.366-.361 2.703-.939 4.137-.94" stroke-width=".665" fill="rgba(0, 0, 0, 0)" stroke="rgba(170, 170, 170, 1)"/>
+  <path d="M69.328 62.58c2.95 1.366 5.72 3.48 7.123 6.496.918 1.972 1.238 4.172 1.234 6.331" stroke-width=".665" fill="rgba(0, 0, 0, 0)" stroke="rgba(170, 170, 170, 1)"/>
+  <path d="M23.516 36.149c-3.257.888-7.002.146-9.414-2.348-1.283-1.326-1.819-3.123-2.419-4.836-.795-2.272-2.533-4.286-2.432-6.832.039-.969.249-1.923.272-2.893" stroke-width=".665" fill="rgba(0, 0, 0, 0)" stroke="rgba(170, 170, 170, 1)"/>
+  <path d="M23.657 51.502c-3.723.193-7.474 1.095-11.192.379a12.082 12.082 0 0 1-2.024-.573" stroke-width=".665" fill="rgba(0, 0, 0, 0)" stroke="rgba(170, 170, 170, 1)"/>
+  <path d="M23.905 62.386c-3.28-.15-6.647 1.081-8.866 3.56-2.573 2.875-3.568 6.845-3.572 10.627" stroke-width=".665" fill="rgba(0, 0, 0, 0)" stroke="rgba(170, 170, 170, 1)"/>
 </svg>
 </g></svg></g></g>
-<!-- /image 50127 -->
-</defs><rect x="0" y="0" width="100" height="100" fill="rgba(255, 255, 255, 0)"></rect><use xlink:href="#transformed-45723" transform="translate(-100, -100)"></use><use xlink:href="#transformed-45723" transform="translate(0, -100)"></use><use xlink:href="#transformed-45723" transform="translate(100, -100)"></use><use xlink:href="#transformed-45723" transform="translate(-100, 0)"></use><use xlink:href="#transformed-45723" transform="translate(0, 0)"></use><use xlink:href="#transformed-45723" transform="translate(100, 0)"></use><use xlink:href="#transformed-45723" transform="translate(-100, 100)"></use><use xlink:href="#transformed-45723" transform="translate(0, 100)"></use><use xlink:href="#transformed-45723" transform="translate(100, 100)"></use><use xlink:href="#transformed-50127" transform="translate(-100, -100)"></use><use xlink:href="#transformed-50127" transform="translate(0, -100)"></use><use xlink:href="#transformed-50127" transform="translate(100, -100)"></use><use xlink:href="#transformed-50127" transform="translate(-100, 0)"></use><use xlink:href="#transformed-50127" transform="translate(0, 0)"></use><use xlink:href="#transformed-50127" transform="translate(100, 0)"></use><use xlink:href="#transformed-50127" transform="translate(-100, 100)"></use><use xlink:href="#transformed-50127" transform="translate(0, 100)"></use><use xlink:href="#transformed-50127" transform="translate(100, 100)"></use></svg>
\ No newline at end of file
+<!-- /image 25434 -->
+</defs><rect x="0" y="0" width="100" height="100" fill="rgba(255, 255, 255, 0)"></rect><use xlink:href="#transformed-34740" transform="translate(-100, -100)"></use><use xlink:href="#transformed-34740" transform="translate(0, -100)"></use><use xlink:href="#transformed-34740" transform="translate(100, -100)"></use><use xlink:href="#transformed-34740" transform="translate(-100, 0)"></use><use xlink:href="#transformed-34740" transform="translate(0, 0)"></use><use xlink:href="#transformed-34740" transform="translate(100, 0)"></use><use xlink:href="#transformed-34740" transform="translate(-100, 100)"></use><use xlink:href="#transformed-34740" transform="translate(0, 100)"></use><use xlink:href="#transformed-34740" transform="translate(100, 100)"></use><use xlink:href="#transformed-25434" transform="translate(-100, -100)"></use><use xlink:href="#transformed-25434" transform="translate(0, -100)"></use><use xlink:href="#transformed-25434" transform="translate(100, -100)"></use><use xlink:href="#transformed-25434" transform="translate(-100, 0)"></use><use xlink:href="#transformed-25434" transform="translate(0, 0)"></use><use xlink:href="#transformed-25434" transform="translate(100, 0)"></use><use xlink:href="#transformed-25434" transform="translate(-100, 100)"></use><use xlink:href="#transformed-25434" transform="translate(0, 100)"></use><use xlink:href="#transformed-25434" transform="translate(100, 100)"></use></svg>
\ No newline at end of file