diff --git a/apps/nextcloud/assets/favicon.svg b/apps/nextcloud/assets/favicon.svg
new file mode 100644
index 0000000..059cd44
--- /dev/null
+++ b/apps/nextcloud/assets/favicon.svg
@@ -0,0 +1,207 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="500"
+   height="500"
+   viewBox="0 0 500 499.99999"
+   version="1.1"
+   id="SVGRoot"
+   sodipodi:docname="cloud.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14, custom)"
+   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="namedview14"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     showgrid="true"
+     inkscape:zoom="1.1711456"
+     inkscape:cx="151.13407"
+     inkscape:cy="218.58939"
+     inkscape:window-width="1920"
+     inkscape:window-height="1057"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="layer1">
+    <inkscape:grid
+       type="xygrid"
+       id="grid20"
+       originx="-147.81011"
+       originy="-442.66698" />
+  </sodipodi:namedview>
+  <defs
+     id="defs9">
+    <inkscape:path-effect
+       effect="powermask"
+       id="path-effect725"
+       is_visible="true"
+       lpeversion="1"
+       uri="#mask-powermask-path-effect725"
+       invert="false"
+       hide_mask="false"
+       background="false"
+       background_color="#ffffffff" />
+    <inkscape:path-effect
+       effect="powermask"
+       id="path-effect9397"
+       is_visible="true"
+       lpeversion="1"
+       uri="#mask-powermask-path-effect9397"
+       invert="false"
+       hide_mask="false"
+       background="false"
+       background_color="#ffffffff" />
+    <inkscape:path-effect
+       effect="powermask"
+       id="path-effect9314"
+       is_visible="true"
+       lpeversion="1"
+       uri="#mask-powermask-path-effect9314"
+       invert="false"
+       hide_mask="false"
+       background="true"
+       background_color="#ffffffff" />
+    <inkscape:path-effect
+       effect="skeletal"
+       id="path-effect1003"
+       is_visible="true"
+       lpeversion="1"
+       pattern="M 0,18.867925 C 0,8.4528302 8.4528302,0 18.867925,0 c 10.415094,0 18.867924,8.4528302 18.867924,18.867925 0,10.415094 -8.45283,18.867924 -18.867924,18.867924 C 8.4528302,37.735849 0,29.283019 0,18.867925 Z"
+       copytype="single_stretched"
+       prop_scale="1"
+       scale_y_rel="false"
+       spacing="0"
+       normal_offset="0"
+       tang_offset="0"
+       prop_units="false"
+       vertical_pattern="false"
+       hide_knot="false"
+       fuse_tolerance="0" />
+    <inkscape:path-effect
+       effect="bspline"
+       id="path-effect1001"
+       is_visible="true"
+       lpeversion="1"
+       weight="33.333333"
+       steps="2"
+       helper_size="0"
+       apply_no_weight="true"
+       apply_with_weight="true"
+       only_selected="false" />
+    <inkscape:path-effect
+       effect="skeletal"
+       id="path-effect997"
+       is_visible="true"
+       lpeversion="1"
+       pattern="M 0,18.867925 C 0,8.4528302 8.4528302,0 18.867925,0 c 10.415094,0 18.867924,8.4528302 18.867924,18.867925 0,10.415094 -8.45283,18.867924 -18.867924,18.867924 C 8.4528302,37.735849 0,29.283019 0,18.867925 Z"
+       copytype="single_stretched"
+       prop_scale="1"
+       scale_y_rel="false"
+       spacing="0"
+       normal_offset="0"
+       tang_offset="0"
+       prop_units="false"
+       vertical_pattern="false"
+       hide_knot="false"
+       fuse_tolerance="0" />
+    <inkscape:path-effect
+       effect="bspline"
+       id="path-effect995"
+       is_visible="true"
+       lpeversion="1"
+       weight="33.333333"
+       steps="2"
+       helper_size="0"
+       apply_no_weight="true"
+       apply_with_weight="true"
+       only_selected="false" />
+    <mask
+       maskUnits="userSpaceOnUse"
+       id="mask-powermask-path-effect725">
+      <g
+         id="g723"
+         inkscape:label="C-mask"
+         style="opacity:1;mix-blend-mode:normal;fill:#000000;fill-opacity:1;fill-rule:evenodd"
+         transform="matrix(0.79101564,0,0,0.75000002,-1.5820313e-6,-3.515625e-7)">
+        <ellipse
+           style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:2.81822"
+           id="ellipse719"
+           cx="549.92554"
+           cy="204"
+           inkscape:label="big-left"
+           rx="189.62952"
+           ry="153.28302"
+           mask="none" />
+        <ellipse
+           style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:1.76138"
+           id="ellipse721"
+           cx="383.99954"
+           cy="225"
+           inkscape:label="left"
+           rx="118.51852"
+           ry="125" />
+      </g>
+    </mask>
+  </defs>
+  <rect
+     style="display:inline;fill:#44afb2;fill-opacity:1;fill-rule:evenodd;stroke-width:1.13804"
+     id="rect1205"
+     width="480"
+     height="480"
+     x="157.81012"
+     y="140.66702"
+     transform="translate(-147.81012,-130.66702)"
+     inkscape:label="background logo"
+     rx="50" />
+  <g
+     inkscape:label="Cloud"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="matrix(1.2641975,0,0,1.3333333,-147.81011,-130.66702)"
+     style="display:inline">
+    <g
+       id="g2450"
+       inkscape:label="cloud"
+       transform="matrix(0.41391585,0.00288644,-0.001543,0.38030725,104.97413,83.911466)"
+       style="fill:#ffffff;fill-opacity:1;stroke-width:0.964283">
+      <circle
+         style="fill:#ffffff;fill-opacity:1;stroke-width:1.74431"
+         id="path1168-3-6-7-5"
+         cx="783.67926"
+         cy="551.20752"
+         r="125"
+         inkscape:label="right" />
+      <circle
+         style="fill:#ffffff;fill-opacity:1;stroke-width:2.7909"
+         id="path1168-3"
+         cx="608.67926"
+         cy="526.20752"
+         r="200"
+         inkscape:label="big-right" />
+      <circle
+         style="fill:#ffffff;fill-opacity:1;stroke-width:2.7909"
+         id="path1168-3-6"
+         cx="408.67926"
+         cy="526.20752"
+         inkscape:label="big-left"
+         r="200" />
+      <circle
+         style="opacity:1;fill:#ffffff;fill-opacity:1;stroke-width:1.7443"
+         id="path1168-3-6-7"
+         cx="233.67924"
+         cy="551.20752"
+         r="125"
+         inkscape:label="left" />
+    </g>
+  </g>
+</svg>
diff --git a/apps/nextcloud/assets/logo.svg b/apps/nextcloud/assets/logo.svg
new file mode 100644
index 0000000..64c49f0
--- /dev/null
+++ b/apps/nextcloud/assets/logo.svg
@@ -0,0 +1,298 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!-- Created with Inkscape (http://www.inkscape.org/) -->
+
+<svg
+   width="500"
+   height="500"
+   viewBox="0 0 500 500"
+   version="1.1"
+   id="SVGRoot"
+   sodipodi:docname="hugocloud.svg"
+   inkscape:version="1.2.1 (9c6d41e410, 2022-07-14, custom)"
+   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="namedview14"
+     pagecolor="#ffffff"
+     bordercolor="#000000"
+     borderopacity="0.25"
+     inkscape:showpageshadow="2"
+     inkscape:pageopacity="0.0"
+     inkscape:pagecheckerboard="0"
+     inkscape:deskcolor="#d1d1d1"
+     inkscape:document-units="px"
+     showgrid="true"
+     inkscape:zoom="1.1711456"
+     inkscape:cx="204.92755"
+     inkscape:cy="274.94446"
+     inkscape:window-width="1920"
+     inkscape:window-height="1057"
+     inkscape:window-x="0"
+     inkscape:window-y="0"
+     inkscape:window-maximized="1"
+     inkscape:current-layer="SVGRoot">
+    <inkscape:grid
+       type="xygrid"
+       id="grid20"
+       originx="1.7378932e-06"
+       originy="-365.333" />
+  </sodipodi:namedview>
+  <defs
+     id="defs9">
+    <inkscape:path-effect
+       effect="powermask"
+       id="path-effect725"
+       is_visible="true"
+       lpeversion="1"
+       uri="#mask-powermask-path-effect725"
+       invert="false"
+       hide_mask="false"
+       background="true"
+       background_color="#ffffffff" />
+    <inkscape:path-effect
+       effect="powermask"
+       id="path-effect9397"
+       is_visible="true"
+       lpeversion="1"
+       uri="#mask-powermask-path-effect9397"
+       invert="false"
+       hide_mask="false"
+       background="true"
+       background_color="#ffffffff" />
+    <inkscape:path-effect
+       effect="powermask"
+       id="path-effect9314"
+       is_visible="true"
+       lpeversion="1"
+       uri="#mask-powermask-path-effect9314"
+       invert="false"
+       hide_mask="false"
+       background="true"
+       background_color="#ffffffff" />
+    <inkscape:path-effect
+       effect="skeletal"
+       id="path-effect1003"
+       is_visible="true"
+       lpeversion="1"
+       pattern="M 0,18.867925 C 0,8.4528302 8.4528302,0 18.867925,0 c 10.415094,0 18.867924,8.4528302 18.867924,18.867925 0,10.415094 -8.45283,18.867924 -18.867924,18.867924 C 8.4528302,37.735849 0,29.283019 0,18.867925 Z"
+       copytype="single_stretched"
+       prop_scale="1"
+       scale_y_rel="false"
+       spacing="0"
+       normal_offset="0"
+       tang_offset="0"
+       prop_units="false"
+       vertical_pattern="false"
+       hide_knot="false"
+       fuse_tolerance="0" />
+    <inkscape:path-effect
+       effect="bspline"
+       id="path-effect1001"
+       is_visible="true"
+       lpeversion="1"
+       weight="33.333333"
+       steps="2"
+       helper_size="0"
+       apply_no_weight="true"
+       apply_with_weight="true"
+       only_selected="false" />
+    <inkscape:path-effect
+       effect="skeletal"
+       id="path-effect997"
+       is_visible="true"
+       lpeversion="1"
+       pattern="M 0,18.867925 C 0,8.4528302 8.4528302,0 18.867925,0 c 10.415094,0 18.867924,8.4528302 18.867924,18.867925 0,10.415094 -8.45283,18.867924 -18.867924,18.867924 C 8.4528302,37.735849 0,29.283019 0,18.867925 Z"
+       copytype="single_stretched"
+       prop_scale="1"
+       scale_y_rel="false"
+       spacing="0"
+       normal_offset="0"
+       tang_offset="0"
+       prop_units="false"
+       vertical_pattern="false"
+       hide_knot="false"
+       fuse_tolerance="0" />
+    <inkscape:path-effect
+       effect="bspline"
+       id="path-effect995"
+       is_visible="true"
+       lpeversion="1"
+       weight="33.333333"
+       steps="2"
+       helper_size="0"
+       apply_no_weight="true"
+       apply_with_weight="true"
+       only_selected="false" />
+    <mask
+       maskUnits="userSpaceOnUse"
+       id="mask-powermask-path-effect725">
+      <path
+         id="mask-powermask-path-effect725_box"
+         style="fill:#ffffff;fill-opacity:1"
+         d="M 174,39 H 426 V 291 H 174 Z" />
+      <g
+         id="g723"
+         inkscape:label="C-mask"
+         style="opacity:1;mix-blend-mode:normal;fill:#000000;fill-opacity:1;fill-rule:evenodd"
+         transform="matrix(0.79101564,0,0,0.75000002,-1.5820313e-6,-3.515625e-7)">
+        <ellipse
+           style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:2.81822"
+           id="ellipse719"
+           cx="549.92554"
+           cy="204"
+           inkscape:label="big-left"
+           rx="189.62952"
+           ry="153.28302"
+           mask="none"
+           d="M 739.55505,204 A 189.62952,153.28302 0 0 1 549.92554,357.28302 189.62952,153.28302 0 0 1 360.29602,204 189.62952,153.28302 0 0 1 549.92554,50.71698 189.62952,153.28302 0 0 1 739.55505,204 Z" />
+        <ellipse
+           style="fill:#000000;fill-opacity:1;fill-rule:evenodd;stroke-width:1.76138"
+           id="ellipse721"
+           cx="383.99954"
+           cy="225"
+           inkscape:label="left"
+           rx="118.51852"
+           ry="125"
+           d="M 502.51806,225 A 118.51852,125 0 0 1 383.99954,350 118.51852,125 0 0 1 265.48103,225 118.51852,125 0 0 1 383.99954,100 118.51852,125 0 0 1 502.51806,225 Z" />
+      </g>
+    </mask>
+    <filter
+       id="mask-powermask-path-effect725_inverse"
+       inkscape:label="filtermask-powermask-path-effect725"
+       style="color-interpolation-filters:sRGB"
+       height="100"
+       width="100"
+       x="-50"
+       y="-50">
+      <feColorMatrix
+         id="mask-powermask-path-effect725_primitive1"
+         values="1"
+         type="saturate"
+         result="fbSourceGraphic" />
+      <feColorMatrix
+         id="mask-powermask-path-effect725_primitive2"
+         values="-1 0 0 0 1 0 -1 0 0 1 0 0 -1 0 1 0 0 0 1 0 "
+         in="fbSourceGraphic" />
+    </filter>
+  </defs>
+  <g
+     inkscape:groupmode="layer"
+     id="layer3"
+     inkscape:label="Background"
+     style="display:inline"
+     transform="translate(0,-53.333)">
+    <rect
+       style="opacity:1;fill:#72df6c;fill-opacity:1;stroke-width:0.936352"
+       id="rect6965"
+       width="646.5918"
+       height="555.40338"
+       x="-47.832951"
+       y="45.083199"
+       inkscape:label="rect6965" />
+  </g>
+  <g
+     inkscape:groupmode="layer"
+     id="layer4"
+     inkscape:label="Letters"
+     transform="translate(0,-53.333)">
+    <path
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:374.448px;font-family:Carlito;-inkscape-font-specification:'Carlito, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;display:inline;mix-blend-mode:difference;fill:#ffffff;fill-opacity:1;stroke-width:1.80889"
+       id="path1168-3-6-7-7"
+       inkscape:label="C"
+       transform="matrix(1.150855,0,0,1.2137923,-24.151058,103.05742)"
+       mask="url(#mask-powermask-path-effect725)"
+       d="M 425,165 A 125,125 0 0 1 300,290 125,125 0 0 1 175,165 125,125 0 0 1 300,40 125,125 0 0 1 425,165 Z"
+       sodipodi:type="arc"
+       sodipodi:ry="125"
+       sodipodi:rx="125"
+       sodipodi:cy="165"
+       sodipodi:cx="300"
+       inkscape:path-effect="#path-effect725" />
+    <text
+       xml:space="preserve"
+       style="font-style:normal;font-variant:normal;font-weight:normal;font-stretch:normal;font-size:374.448px;font-family:Carlito;-inkscape-font-specification:'Carlito, Normal';font-variant-ligatures:normal;font-variant-caps:normal;font-variant-numeric:normal;font-variant-east-asian:normal;display:none;fill:#ffffff;fill-opacity:1;stroke-width:31.2039"
+       x="-25.597033"
+       y="278.68579"
+       id="text187"
+       inkscape:label="H"
+       transform="matrix(1.2148754,0,0,1.3874646,1.7378932e-6,4.6874999e-7)"><tspan
+         sodipodi:role="line"
+         id="tspan2453"
+         x="0"
+         y="0"
+         style="stroke-width:31.2039"
+         inkscape:label="tspan2453">H</tspan></text>
+    <g
+       id="g419"
+       inkscape:label="H"
+       transform="matrix(0.91034428,0,0,0.91034428,6.8006464,103.05742)">
+      <rect
+         style="fill:#ffffff;fill-rule:evenodd;stroke-width:0.596654"
+         id="rect365-6"
+         width="152.30188"
+         height="35.358486"
+         x="34.339619"
+         y="200.8868"
+         inkscape:label="bar" />
+      <rect
+         style="fill:#ffffff;fill-rule:evenodd;stroke-width:0.938844"
+         id="rect365-3"
+         width="40"
+         height="333.33301"
+         x="180.03773"
+         y="53.333"
+         inkscape:label="right" />
+      <rect
+         style="fill:#ffffff;fill-rule:evenodd;stroke-width:0.938844"
+         id="rect365"
+         width="40"
+         height="333.33301"
+         x="0"
+         y="53.333"
+         inkscape:label="left" />
+    </g>
+  </g>
+  <g
+     inkscape:label="Cloud"
+     inkscape:groupmode="layer"
+     id="layer1"
+     transform="matrix(1.2641975,0,0,1.3333333,1.7378932e-6,-53.333)"
+     style="display:inline">
+    <g
+       id="g2450"
+       inkscape:label="cloud"
+       transform="matrix(0.25202543,0,0,0.167469,161.11812,138.14634)"
+       style="fill:#ffffff;fill-opacity:1">
+      <circle
+         style="fill:#ffffff;fill-opacity:1;stroke-width:1.80891"
+         id="path1168-3-6-7-5"
+         cx="783.67926"
+         cy="551.20752"
+         r="125"
+         inkscape:label="right" />
+      <circle
+         style="fill:#ffffff;fill-opacity:1;stroke-width:2.89426"
+         id="path1168-3"
+         cx="608.67926"
+         cy="526.20752"
+         r="200"
+         inkscape:label="big-right" />
+      <circle
+         style="fill:#ffffff;fill-opacity:1;stroke-width:2.89426"
+         id="path1168-3-6"
+         cx="408.67926"
+         cy="526.20752"
+         inkscape:label="big-left"
+         r="200" />
+      <circle
+         style="opacity:1;fill:#ffffff;fill-opacity:1;stroke-width:1.8089"
+         id="path1168-3-6-7"
+         cx="233.67924"
+         cy="551.20752"
+         r="125"
+         inkscape:label="left" />
+    </g>
+  </g>
+</svg>