From 6b83c0b8c4c6b03353f0e10982f8f39b93b6186d Mon Sep 17 00:00:00 2001
From: Roscoe <roscoe@wah.moe>
Date: Fri, 30 Jan 2026 02:21:42 +0000
Subject: [PATCH] dingle dongle i am tired

---
 app/assets/images/logo.png             | Bin 0 -> 3442 bytes
 app/assets/stylesheets/application.css | 129 +++++++++++++++++++++++++
 app/helpers/clips_helper.rb            |  12 +++
 app/views/categories/show.html.erb     |   3 +-
 app/views/layouts/application.html.erb |  29 +++---
 5 files changed, 158 insertions(+), 15 deletions(-)
 create mode 100644 app/assets/images/logo.png

diff --git a/app/assets/images/logo.png b/app/assets/images/logo.png
new file mode 100644
index 0000000000000000000000000000000000000000..30b2fa7934bb591497dc286db0e47aba7535735b
GIT binary patch
literal 3442
zcmbtXYfM{Z7(OGQq;ZK$Bq3aXlqE(?lrSgd5IP4^AX^28bU|?>1qy+nP-y93Fo_aP
z;1Do113A<<wcbjF0t!~jFri4WU4{ZBxJhVxLfW<59F$V<{n`})8Kd;qX};6Gx99SH
z{V0viI!OznVHkEYB{}hR4D*4HKA8U#@K~+<V*}0^DT%LSRGzqhE4}o2b)VnRpZJBG
zXP@y)h{^N6I7h4Vn+vRa@x$}M!)aeXdFyFoX<BW@1@m|uF%&P?iyH~O|G9(!>@$*v
z-Ddk?1yUcZ=h6vm<{J#VpMhN$Jcpgb4|z?{%O9k^tt)6~CMUCW3&{jloObkI?+Z@F
z46{*9#&!{}NH)7fNow<@R;$%q9>Kc)$-XapP-qD2YSn3Z@fqqVYmrPW?3)~8v&wv@
zKliNFUHLVoxpL0(SQ1~ORP<(AE*BZd#;7uNAl+L0U;MUjk2b<xaoqs$BSd*O8NApx
ziwp$Bzri;W44&nu&Pd@~Q)1HCz5r>+tu@uQfzWETXgoO|9}hp2oYlf9xxufOplne|
zC>xnQCB_E_2fHWKYSwyxZ{}THRwN$!+o>6^dNS1CQ`J(0X<%6Euu&4-g00#}$mQ}M
zwENQZ9g%$pkIqo9+TOy2abZp7@@&p}KV%qs?OJv9`=~=w*4sVN98&oG@xgD_i-R>Q
z<DptATG#-vw@2gIQvo#=lPPlXQmx}3jwO)$1@PkG(3%?$DD#LC3rPWOX<G5gtp52p
zt$DRFu6v>)dyWEZhPBX=eiturWBVKhA}o}NaY8?ubckvnQxHL~`lW?)HdY&rH%4_&
z%rA|yrz$>>*f%!DLc_zub%jvTmffl{uWFgwxl#rXQ3R=gpfkGDJvR||Im~5a&Gr_F
z$1|CV2~mfx5M0IBu3H%BR4SU9nr2J0IhJ*YU3gcwVjE|38y5LRvPHhPeU_|4D||KT
zQX&CT!ko{HjIx{5bbwW?namRLxDDlflc~s)N+Vcjz0g32&Lmcr{VM9{pGVwxsx4pY
z)Nlt+5X8-us^^=@P7@7`DxjuBCf2xT<GH*;SQgP~xv~qK13|MAr*I;9K#$;vH0F=s
zihRv%7d)WPbT3T2OdBaO)H8U3fzC*rq*}?5K;6PpW$yky@eVD|QW-CCx|z$=5YcZQ
zUzy>$VxVTHX)KhlF|RrtBndhNqL^3hYgY5B&DQ$x0N@;h^Vz78WI$D^@O--N-B_Ee
z*xs_gARK2XK$-nqO)EL5Qti+e@tNG=Gr0ChU_ZB^8CW$(c?<3AyB*H?p@1NMmrhIr
z-EQfGHL(O6o15bRt4k?GGINHPxT3YRhfY%!2DB}92JLbvw7*eKrGm~VOE|tG%#T)~
z&0W4n9Ao&;dx)hcsFhYkCfJvG;6~2+z>s2E=r6lr^4uhB^iLgaE8<{ut+Cs2H<7{n
zK%e^w=HwG_t_NJg^HlC_N6^<cA?1k6#Q!(asfs))Qt{fFP|(KDm-c2lF9=>w*!~g~
z*@)I6?D*YsH4Q9lpjDs`^yM-LR++y3_*zk)vaBDH3uywi4s70fM@A2R<MG$eM@Wc4
zENW_gx21A{@jak)N|Y~+N)lX+3v>A{@C6j;+%L$R?wMk}BB}r8tekPB5M9a;TU-ky
z6y0E};}vMCXp6$-&<u&Z*^l%7O8FK3;GJm*iSU9I>7?ea@OLhIAvXWTODbdamtDP?
zf-F!HOe~12CmmJUtm&_gZ_1^<l^l0icf5k{yovWW55T1{A6P3w-@Et-3b-|O$m>n!
Z?J%Efv473@!hb0&<yCfK=lPtve*ym$r)2;D

literal 0
HcmV?d00001

diff --git a/app/assets/stylesheets/application.css b/app/assets/stylesheets/application.css
index fe93333..1a5d0a6 100644
--- a/app/assets/stylesheets/application.css
+++ b/app/assets/stylesheets/application.css
@@ -8,3 +8,132 @@
  *
  * Consider organizing styles into separate files for maintainability.
  */
+
+header {
+  position: sticky;
+  top: 0;
+  z-index: 1;
+}
+
+div.header {
+  padding: 10px 16px;
+  background: #0065B4;
+  color: #fff;
+  border: none;
+	display: grid;
+	grid-template-columns: 64px 1fr;
+	grid-template-rows: 1fr;
+	grid-column-gap: 15px;
+	grid-row-gap: 0;
+	align-items: center;
+}
+
+div.header h1 {
+  margin: 0;
+}
+
+nav {
+  width: 100%;
+  background: #A62227;
+  padding: 5px;
+  color: #ffffff;
+}
+
+nav button {
+  border: 1px solid black;
+}
+
+nav form {
+  display: inline-block;
+}
+
+h1, h2, ul, ol {
+  margin-top: 0;
+  margin-bottom: 5px;
+}
+
+ul, ol {
+  list-style-position: inside;
+  padding-left: 20px;
+}
+
+main {
+  padding: 20px;
+}
+
+pre {
+  display: inline;
+}
+
+body {
+  margin: 0;
+  background-color: #BBBFC8;
+}
+
+div.header a {
+  color: #fff;
+  text-decoration: none;
+}
+
+div.header a:hover {
+  text-decoration: underline solid;;
+}
+
+table.metatable {
+  border: black 2px solid;
+  background-color: #fff;
+  filter: drop-shadow(3px 3px #818181)
+}
+
+table.metatable tr:nth-child(even) {
+  background-color: #f2f2f2;
+}
+
+video {
+  border: black 2px solid;
+  background-color: #000;
+  filter: drop-shadow(8px 8px #818181)
+}
+
+table.metadata td.downloadbutton {
+  border: none;
+  display: inline-block;
+  border-top: black 2px solid;
+}
+
+table.metadata td.downloadbutton form,
+table.metadata td.downloadbutton form button {
+  width: 100%;
+}
+
+table.metadata td.downloadbutton button {
+  border: none;
+  display: inline-block;
+  border-bottom: 1px solid black;
+  border-top: black 2px solid;
+}
+
+table.metatable td.editcontrols {
+  padding: 0;
+}
+
+table.metatable td.editcontrols button {
+  border: none;
+  display: inline-block;
+  border-bottom: 1px solid black;
+  border-top: black 2px solid;
+}
+
+table.metatable td.editcontrols form:first-child  {
+  float: left;
+  width: 50%;
+}
+
+table.metatable td.editcontrols form:first-child button {
+  border-right: black 2px solid;
+  width: 100%;
+}
+
+table.metatable td.editcontrols form:last-child button {
+  width: 50%;
+}
\ No newline at end of file
diff --git a/app/helpers/clips_helper.rb b/app/helpers/clips_helper.rb
index 131c1f9..ac6e903 100644
--- a/app/helpers/clips_helper.rb
+++ b/app/helpers/clips_helper.rb
@@ -6,4 +6,16 @@ module ClipsHelper
       Time.at(seconds.round).utc.strftime("%M:%S") #=> "01:00:00"
     end
   end
+
+  def get_video_aspect(video)
+    if video.metadata["width"] and video.metadata["height"]
+      width = video.metadata["width"].round
+      height = video.metadata["height"].round
+      common_fact = width.gcd(height)
+      width_div = width / common_fact
+      height_div = height / common_fact
+      return "#{width_div}:#{height_div}"
+    end
+    return ""
+  end
 end
diff --git a/app/views/categories/show.html.erb b/app/views/categories/show.html.erb
index a93e8a1..fe9b7da 100644
--- a/app/views/categories/show.html.erb
+++ b/app/views/categories/show.html.erb
@@ -1,7 +1,6 @@
 <% cache @category do %>
-  <h1><%= @category.name %></h1>
+  <h1>Clips in the <pre><%= @category.name %></pre> category</h1>
 <% end %>
-
 <table id="clips" border="1">
   <tr>
     <th>Preview</th>
diff --git a/app/views/layouts/application.html.erb b/app/views/layouts/application.html.erb
index b0d9ddc..1c6cf3d 100644
--- a/app/views/layouts/application.html.erb
+++ b/app/views/layouts/application.html.erb
@@ -17,26 +17,29 @@
     <link rel="icon" href="/icon.svg" type="image/svg+xml">
     <link rel="apple-touch-icon" href="/icon.png">
 
-    <style>
-      html {
-        color-scheme: dark;
-      }
-    </style>
-
     <%# Includes all stylesheet files in app/assets/stylesheets %>
     <%= stylesheet_link_tag :app %>
   </head>
 
   <body>
-    <h1>Misadventure</h1>
-    <nav>
-      <%= link_to "Home", root_path %>
+    <header>
+    <div class="header">
+      <div><%= image_tag("logo.png", width: 64) %></div>
+      <div>
+        <h1><em>Misadventure!</em></h1>
+      </div>
+    </div>
+        <nav>
+      <strong>Links:</strong>
+      <%= button_to "Home", root_path, method: :get %>
+      <%= button_to "Log in", new_session_path, method: :get unless authenticated? %>
       <%= button_to "Log out", session_path, method: :delete if authenticated? %>
-      <%= link_to "Login", new_session_path unless authenticated? %>
-      <%= link_to "Clips", clips_path %>
-      <%= link_to "Categories", categories_path %>
-      <%= link_to "Tags", tags_path %>
+      <%= button_to "Clips", clips_path, method: :get %>
+      <%= button_to "Categories", categories_path, method: :get %>
+      <%= button_to "Tags", tags_path, method: :get %>
     </nav>
+
+    </header>
     <main>
       <%= yield %>
     </main>