init

hypr/theme/animations.conf

@@ -0,0 +1,41 @@
+animations {
+    enabled = 1
+
+    bezier = default, 0.05, 0.9, 0.1, 1.02
+    bezier = wind, 0.05, 0.9, 0.1, 1.02
+    bezier = overshot, 0.13, 0.99, 0.29, 1.02
+    bezier = liner, 1, 1, 1, 1
+    bezier = easeOutQuint, 0.23, 1, 0.32, 1.03
+
+    # Slow Animations
+    # animation = windows, 1, 7, wind, popin
+    # animation = windowsIn, 1, 6, overshot, popin
+    # animation = windowsOut, 1, 5, overshot, popin
+    # animation = windowsMove, 1, 6, overshot, slide
+    # animation = layers, 1, 4, default, popin
+    # animation = fadeIn, 1, 10, default
+    # animation = fadeOut, 1, 10, default
+    # animation = fadeSwitch, 1, 10, default
+    # animation = fadeShadow, 1, 10, default
+    # animation = fadeDim, 1, 10, default
+    # animation = fadeLayers, 1, 10, default
+    # animation = workspaces, 1, 6, overshot, slide
+    # animation = border, 1, 1, liner
+    # animation = borderangle, 1, 30, liner, loop
+
+    # Fast Animations
+    animation = windows, 1, 3.5, easeOutQuint, popin
+    animation = windowsIn, 1, 3.5, easeOutQuint, popin
+    animation = windowsOut, 1, 3.5, overshot, popin
+    animation = windowsMove, 1, 3.5, overshot, slide
+    animation = layers, 1, 3, default, popin
+    animation = fadeIn, 1, 4, default
+    animation = fadeOut, 1, 4, default
+    animation = fadeSwitch, 1, 4, default
+    animation = fadeShadow, 1, 4, default
+    animation = fadeDim, 1, 4, default
+    animation = fadeLayers, 1, 4, default
+    animation = workspaces, 1, 3.25, easeOutQuint, slide
+    #animation = border, 1, 1, liner
+    #animation = borderangle, 1, 30, liner, loop
+}

hypr/theme/colors.conf

@@ -0,0 +1,77 @@
+$rosewater = rgb(f4dbd6)
+$rosewaterAlpha = f4dbd6
+
+$flamingo = rgb(f0c6c6)
+$flamingoAlpha = f0c6c6
+
+$pink = rgb(f5bde6)
+$pinkAlpha = f5bde6
+
+$mauve = rgb(c6a0f6)
+$mauveAlpha = c6a0f6
+
+$red = rgb(ed8796)
+$redAlpha = ed8796
+
+$maroon = rgb(ee99a0)
+$maroonAlpha = ee99a0
+
+$peach = rgb(f5a97f)
+$peachAlpha = f5a97f
+
+$yellow = rgb(eed49f)
+$yellowAlpha = eed49f
+
+$green = rgb(a6da95)
+$greenAlpha = a6da95
+
+$teal = rgb(8bd5ca)
+$tealAlpha = 8bd5ca
+
+$sky = rgb(91d7e3)
+$skyAlpha = 91d7e3
+
+$sapphire = rgb(7dc4e4)
+$sapphireAlpha = 7dc4e4
+
+$blue = rgb(8aadf4)
+$blueAlpha = 8aadf4
+
+$lavender = rgb(b7bdf8)
+$lavenderAlpha = b7bdf8
+
+$text = rgb(cad3f5)
+$textAlpha = cad3f5
+
+$subtext1 = rgb(b8c0e0)
+$subtext1Alpha = b8c0e0
+
+$subtext0 = rgb(a5adcb)
+$subtext0Alpha = a5adcb
+
+$overlay2 = rgb(939ab7)
+$overlay2Alpha = 939ab7
+
+$overlay1 = rgb(8087a2)
+$overlay1Alpha = 8087a2
+
+$overlay0 = rgb(6e738d)
+$overlay0Alpha = 6e738d
+
+$surface2 = rgb(5b6078)
+$surface2Alpha = 5b6078
+
+$surface1 = rgb(494d64)
+$surface1Alpha = 494d64
+
+$surface0 = rgb(363a4f)
+$surface0Alpha = 363a4f
+
+$base = rgb(24273a)
+$baseAlpha = 24273a
+
+$mantle = rgb(1e2030)
+$mantleAlpha = 1e2030
+
+$crust = rgb(181926)
+$crustAlpha = 181926

hypr/theme/decoration.conf

@@ -0,0 +1,59 @@
+source = ./colors.conf
+
+general {
+    border_size = 2
+    col.inactive_border = rgba($lavenderAlpha69)
+    col.active_border = rgba($textAlphaee) rgba($lavenderAlpha69) rgba($lavenderAlpha69) rgba($textAlphaee) 45deg
+
+    gaps_in = 3
+    gaps_out = 5
+}
+
+decoration {
+    rounding = 7
+
+    active_opacity = 0.92
+    inactive_opacity = 0.90
+
+    blur {
+        enabled = yes
+        size = 5
+        passes = 4
+        ignore_opacity = true
+        new_optimizations = true
+        xray = false
+        noise = 0.0
+        popups = true
+    }
+
+    shadow {
+      enabled = yes
+      range = 30
+      scale = 2
+      render_power = 5
+      color = $crust
+      color_inactive = $surface0
+    }
+
+    dim_inactive = false
+    dim_strength = 0.05
+}
+
+group {
+    col.border_inactive = rgba($lavenderAlpha69)
+    col.border_active = rgba($textAlphaee) rgba($lavenderAlpha69) rgba($lavenderAlpha69) rgba($textAlphaee) 45deg
+
+    col.border_locked_inactive = rgba($lavenderAlpha69)
+    col.border_locked_active = rgba($textAlphaee) rgba($lavenderAlpha69) rgba($lavenderAlpha69) rgba($textAlphaee) 45deg
+
+    groupbar {
+      col.active = rgba($lavenderAlphaCC)
+      col.inactive = rgba($subtext1Alpha99)
+      col.locked_active = rgba($maroonAlphaCC)
+      col.locked_inactive = rgba($subtext1Alpha99)
+      font_family = JetBrainsMono Nerd Font
+      font_size = 14
+      text_color = $crust
+      height = 16
+    }
+}

hypr/theme/rules.conf

@@ -0,0 +1,128 @@
+# Base Rules
+$center-float-large = class:^(center-float-large)$|^(.*qimgv.*)$|^(.*mpv.*)$
+windowrulev2 = float, $center-float-large
+windowrulev2 = size 70% 70%, $center-float-large
+windowrulev2 = center 1, $center-float-large
+
+$center-float = class:^(center-float)$
+$center-float-title = title:^(.*Open Folder.*)$|^(.*Open File.*)$|^(.*Save File.*)$|^(.*Save Folder.*)$|^(.*Save Image.*)$|^(.*Save As.*)$|^(.*Open As.*)$
+windowrulev2 = float, $center-float
+windowrulev2 = float, $center-float-title
+windowrulev2 = size 50% 50%, $center-float
+windowrulev2 = size 50% 50%, $center-float-title
+windowrulev2 = center 1, $center-float
+windowrulev2 = center 1, $center-float-title
+
+$center-float-mini = class:^(center-float-mini)$|^(.*galculator.*)$|^(.*ytdlp-gui.*)$|^(.*udiskie.*)$|^(.*Calculator.*)$
+windowrulev2 = float, $center-float-mini
+windowrulev2 = size 30% 40%, $center-float-mini
+windowrulev2 = center 1, $center-float-mini
+
+
+# Float Rules
+windowrule = float, xfce-polkit|wleave|title:branchdialog|nwg-look|nm-connection-editor|org.twosheds.iwgtk|overskride
+
+
+# Workspace Rules
+## System
+#windowrulev2 = workspace 8, class:^(.*virt-manager.*)$|(.*PikaBackup.*)$|(.*VirtualBox Manager.*)$|(.*Vmware*)$
+#windowrulev2 = workspace 17, class:^(.*GParted.*)$|(.*clamtk.*)$|(.*gnome.Logs.*)$
+
+## Gaming
+#windowrulev2 = workspace 7, class:^(.*steam_app.*)$|(.*gamescope.*)$|(.*atlauncher.*)$|(.*Minecraft.*)$
+#windowrulev2 = workspace 16 silent, class:^([Ss]team)$|(.*heroic.*)$
+#windowrulev2 = workspace 7, class:^(.*Ryujinx.*)$|(.*cemu.*)$|(.*dolphin.*)$|(.*RetroArch.*)$|(.*xemu.*)$|(.*duckstation.*)$|(.*rpcs3.*)$
+
+## Media
+#windowrulev2 = workspace 6, class:^(.*kdenlive.*)$
+#windowrulev2 = workspace 21 silent, class:^(.*thunderbird.*)$
+#windowrulev2 = workspace 22 silent, class:^(.*btop.*)$
+#windowrulev2 = workspace 22 silent, class:^(.*nvtop.*)$
+#windowrulev2 = workspace 19 silent, class:^(.*[Ss]potify.*)$|(.*tidal-hifi.*)$|(.*You[Tt]ube Music.*)$
+#windowrulev2 = workspace 20 silent, class:^(.*discord.*)$|(.*vesktop.*)$|(.*WebCord.*)$
+#windowrulev2 = workspace 15, class:^(.*obsproject.*)$
+#windowrulev2 = workspace 14, class:^(.*easyeffects.*)$|^(.*qpwgraph.*)$|(.*Helvum.*)$
+#windowrulev2 = workspace 5, class:^(.*vital.*)$|(.*fl64.*)$|(.*nicotine_plus.*)$
+#windowrulev2 = workspace 5, title:^(.*FL Studio.*)$
+#windowrulev2 = workspace 4, class:^(.*pinta.*)$|(.*krita.*)$|(.*blender.*)$|(.*Upscayl.*)$
+
+## Productivity/Dev
+#windowrulev2 = workspace 9 silent, class:^(.*obsidian.*)$|(.*Zotero.*)$
+#windowrulev2 = workspace 2, class:^(.*Code.*)$|(.*codium.*)$|(.*VSCodium.*)$|(.*neovide.*)$
+
+
+# Animation Rules
+windowrulev2 = animation slide, title:^(.*cava.*)$
+windowrulev2 = animation popin, class:^(.*wleave.*)$
+
+
+# Scratchpads
+$scratchpad-large = class:^(scratchpad-large)$
+windowrulev2 = float, $scratchpad-large
+windowrulev2 = center 1, $scratchpad-large
+windowrulev2 = size 70% 70%, $scratchpad-large
+windowrulev2 = animation slide, $scratchpad-large
+windowrulev2 = workspace special: scratchpad-large silent, $scratchpad-large
+
+$scratchpad = class:^(scratchpad)$
+windowrulev2 = float, $scratchpad0
+windowrulev2 = center 1, $scratchpad
+windowrulev2 = size 50% 50%, $scratchpad
+windowrulev2 = animation slide, $scratchpad
+windowrulev2 = workspace special: scratchpad silent, $scratchpad
+
+$scratchpad-mini = class:^(scratchpad-mini)$
+windowrulev2 = float, $scratchpad-mini
+windowrulev2 = center 1, $scratchpad-mini
+windowrulev2 = size 30% 40%, $scratchpad-mini
+windowrulev2 = animation slide, $scratchpad-mini
+windowrulev2 = workspace special: scratchpad-mini silent, $scratchpad-mini
+
+$sideScratchpad = class:^(.*pavucontrol.*)$|(.*blueman-manager.*)$
+windowrulev2 = workspace special:scratchpad silent, $sideScratchpad
+windowrulev2 = size 30% 90%, $sideScratchpad
+windowrulev2 = float, $sideScratchpad
+windowrulev2 = center 1, $sideScratchpad
+
+
+# Specific App Rules
+$videobridge = class:^(.*xwaylandvideobridge.*)$
+windowrulev2 = opacity 0.0 override 0.0 override, $videobridge
+windowrulev2 = noanim, $videobridge
+windowrulev2 = noblur, $videobridge
+windowrulev2 = noinitialfocus, $videobridge
+windowrulev2 = maxsize 1 1, $videobridge
+
+$zathura = class:^(.*zathura.*)$
+windowrulev2 = float, $zathura
+windowrulev2 = size 35% 90%, $zathura
+windowrulev2 = center 1, $zathura
+
+$scrcpy = class:^(.*wgpsscli.*)$
+windowrulev2 = center 1, $scrcpy
+windowrulev2 = float, $scrcpy
+
+$agpss = class:^(-*agpss.*)$
+windowrulev2 = tile, $agpss
+
+$affinity = class:^(designer|publisher|photo).exe$
+windowrule = tile, xwayland, $affinity
+
+# Layer Rules
+layerrule = animation popin, rofi
+layerrule = blur, rofi
+layerrule = ignorezero, rofi
+
+layerrule = blur, waybar
+layerrule = ignorezero, waybar
+
+layerrule = ignorezero, swaync-notification-window
+layerrule = animation slide, swaync-notification-window
+layerrule = animation slide, swaync-control-center
+
+layerrule = animation fade, swayosd
+
+layerrule = animation fade, selection
+layerrule = animation fade, hyprlock
+
+layerrule = noanim, hyprpicker

hypr/theme/theme.conf

@@ -0,0 +1,3 @@
+source = ./animations.conf
+source = ./rules.conf
+source = ./decoration.conf

hypr/theme/walls/.github/README.md

@@ -0,0 +1,430 @@
+<div align="center">
+  <h1>📷 Wallpapers ✨</h1>
+
+<table>
+<tr>
+  <td>
+    <img alt="abstract" src="../abstract.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="abstract-swirls" src="../abstract-swirls.jpg" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="anime-skull" src="../anime-skull.png" width="260" height="150"/>
+  </td>
+</tr>
+<tr>
+  <td>
+    <img alt="arch-chan" src="../arch-chan.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="arch-distros" src="../arch-distros.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="arch-logo" src="../arch-logo.png" width="260" height="150"/>
+  </td>
+</tr>
+<tr>
+  <td>
+    <img alt="asteroid-miner" src="../asteroid-miner.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="asteroids" src="../asteroids.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="astronaut-2" src="../astronaut-2.png" width="260" height="150"/>
+  </td>
+</tr>
+<tr>
+  <td>
+    <img alt="astronaut" src="../astronaut.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="aztec-mysteries" src="../aztec-mysteries.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="baby-star" src="../baby-star.png" width="260" height="150"/>
+  </td>
+</tr>
+<tr>
+  <td>
+    <img alt="black-hole" src="../black-hole.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="blue-kaiju" src="../blue-kaiju.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="bridge" src="../bridge.png" width="260" height="150"/>
+  </td>
+</tr>
+<tr>
+  <td>
+    <img alt="buildings" src="../buildings.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="bunnies-road" src="../bunnies-road.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="cabin-2" src="../cabin-2.png" width="260" height="150"/>
+  </td>
+</tr>
+<tr>
+  <td>
+    <img alt="cabin" src="../cabin.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="cafe" src="../cafe.jpg" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="car-2" src="../car-2.png" width="260" height="150"/>
+  </td>
+</tr>
+<tr>
+  <td>
+    <img alt="car-wreck" src="../car-wreck.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="car" src="../car.jpg" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="city" src="../city.png" width="260" height="150"/>
+  </td>
+</tr>
+<tr>
+  <td>
+    <img alt="colorful-planets" src="../colorful-planets.jpg" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="cool" src="../cool.jpg" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="cottages-river" src="../cottages-river.png" width="260" height="150"/>
+  </td>
+</tr>
+<tr>
+  <td>
+    <img alt="crystals" src="../crystals.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="cyberpunk-2" src="../cyberpunk-2.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="cyberpunk-3" src="../cyberpunk-3.png" width="260" height="150"/>
+  </td>
+</tr>
+<tr>
+  <td>
+    <img alt="cyberpunk" src="../cyberpunk.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="dark-forest" src="../dark-forest.jpg" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="dark-waves" src="../dark-waves.jpg" width="260" height="150"/>
+  </td>
+</tr>
+<tr>
+  <td>
+    <img alt="darknet" src="../darknet.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="delorean" src="../delorean.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="dominik-mayer" src="../dominik-mayer.jpg" width="260" height="150"/>
+  </td>
+</tr>
+<tr>
+  <td>
+    <img alt="doom-slayer" src="../doom-slayer.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="fireskull" src="../fireskull.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="flower-camp" src="../flower-camp.jpg" width="260" height="150"/>
+  </td>
+</tr>
+<tr>
+  <td>
+    <img alt="flowers-2" src="../flowers-2.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="flowers" src="../flowers.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="flying-comets-clouds" src="../flying-comets-clouds.jpg" width="260" height="150"/>
+  </td>
+</tr>
+<tr>
+  <td>
+    <img alt="fox-clearing" src="../fox-clearing.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="fuji-2" src="../fuji-2.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="fuji" src="../fuji.png" width="260" height="150"/>
+  </td>
+</tr>
+<tr>
+  <td>
+    <img alt="galaxies" src="../galaxies.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="galaxy-2" src="../galaxy-2.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="galaxy-3" src="../galaxy-3.png" width="260" height="150"/>
+  </td>
+</tr>
+<tr>
+  <td>
+    <img alt="galaxy-waves" src="../galaxy-waves.jpg" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="galaxy" src="../galaxy.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="girl" src="../girl.png" width="260" height="150"/>
+  </td>
+</tr>
+<tr>
+  <td>
+    <img alt="glass-room" src="../glass-room.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="glitch" src="../glitch.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="haunted-house" src="../haunted-house.jpg" width="260" height="150"/>
+  </td>
+</tr>
+<tr>
+  <td>
+    <img alt="hollow-knight-2" src="../hollow-knight-2.jpg" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="hollow-knight-3" src="../hollow-knight-3.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="hollow-knight" src="../hollow-knight.jpg" width="260" height="150"/>
+  </td>
+</tr>
+<tr>
+  <td>
+    <img alt="hyprland-logo" src="../hyprland-logo.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="japan-city" src="../japan-city.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="keyboards" src="../keyboards.png" width="260" height="150"/>
+  </td>
+</tr>
+<tr>
+  <td>
+    <img alt="kurz" src="../kurz.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="lake" src="../lake.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="lifeform" src="../lifeform.png" width="260" height="150"/>
+  </td>
+</tr>
+<tr>
+  <td>
+    <img alt="lofi-girl-2" src="../lofi-girl-2.jpg" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="lofi-girl" src="../lofi-girl.jpg" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="marine-tunnel" src="../marine-tunnel.jpg" width="260" height="150"/>
+  </td>
+</tr>
+<tr>
+  <td>
+    <img alt="maze" src="../maze.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="megumin" src="../megumin.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="montains" src="../montains.png" width="260" height="150"/>
+  </td>
+</tr>
+<tr>
+  <td>
+    <img alt="nature" src="../nature.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="nebula" src="../nebula.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="neon-dim" src="../neon-dim.png" width="260" height="150"/>
+  </td>
+</tr>
+<tr>
+  <td>
+    <img alt="neon-man" src="../neon-man.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="neon" src="../neon.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="night-city" src="../night-city.png" width="260" height="150"/>
+  </td>
+</tr>
+<tr>
+  <td>
+    <img alt="night-forest-path" src="../night-forest-path.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="night-lake" src="../night-lake.jpg" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="night-landscape" src="../night-landscape.png" width="260" height="150"/>
+  </td>
+</tr>
+<tr>
+  <td>
+    <img alt="night-street" src="../night-street.jpg" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="nord-car" src="../nord-car.gif" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="old-computer" src="../old-computer.png" width="260" height="150"/>
+  </td>
+</tr>
+<tr>
+  <td>
+    <img alt="puffy-stars" src="../puffy-stars.jpg" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="purpled-night" src="../purpled-night.jpg" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="quasar" src="../quasar.png" width="260" height="150"/>
+  </td>
+</tr>
+<tr>
+  <td>
+    <img alt="reaper" src="../reaper.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="relax" src="../relax.jpg" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="retro-mario" src="../retro-mario.png" width="260" height="150"/>
+  </td>
+</tr>
+<tr>
+  <td>
+    <img alt="s4vitar" src="../s4vitar.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="sakura-gate" src="../sakura-gate.jpg" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="sakura" src="../sakura.png" width="260" height="150"/>
+  </td>
+</tr>
+<tr>
+  <td>
+    <img alt="samurai-geralt" src="../samurai-geralt.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="saturn" src="../saturn.jpg" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="scenery" src="../scenery.png" width="260" height="150"/>
+  </td>
+</tr>
+<tr>
+  <td>
+    <img alt="ship" src="../ship.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="shore" src="../shore.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="sky" src="../sky.png" width="260" height="150"/>
+  </td>
+</tr>
+<tr>
+  <td>
+    <img alt="solar-system" src="../solar-system.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="souls" src="../souls.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="space-2" src="../space-2.jpg" width="260" height="150"/>
+  </td>
+</tr>
+<tr>
+  <td>
+    <img alt="space" src="../space.jpg" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="sparkles" src="../sparkles.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="spill" src="../spill.jpg" width="260" height="150"/>
+  </td>
+</tr>
+<tr>
+  <td>
+    <img alt="stars" src="../stars.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="street" src="../street.jpg" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="switch-2" src="../switch-2.jpg" width="260" height="150"/>
+  </td>
+</tr>
+<tr>
+  <td>
+    <img alt="switch" src="../switch.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="sword" src="../sword.jpg" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="tokyo" src="../tokyo.png" width="260" height="150"/>
+  </td>
+</tr>
+<tr>
+  <td>
+    <img alt="trigonometry" src="../trigonometry.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="underwater" src="../underwater.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="voxel-houses-monochrome" src="../voxel-houses-monochrome.png" width="260" height="150"/>
+  </td>
+</tr>
+<tr>
+  <td>
+    <img alt="waterfall" src="../waterfall.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="window-room" src="../window-room.png" width="260" height="150"/>
+  </td>
+  <td>
+    <img alt="windows-error" src="../windows-error.jpg" width="260" height="150"/>
+  </td>
+</tr>
+<tr>
+  <td>
+    <img alt="yohoho" src="../yohoho.jpg" width="260" height="150"/>
+  </td>
+</tr>
+</table>
+
+</div>