atomaka/budget
1
0
Fork 0
Code Issues 1 Pull requests 3 Activity Actions

Add logo #63

Merged
atomaka merged 2 commits from add-logo into main 2025-06-11 22:28:29 -04:00
Conversation 0 Commits 2 Files changed 2 +37 -2
2 changed files with 37 additions and 2 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

30
app/assets/images/logo.svg Normal file
View file

@ -0,0 +1,30 @@
<?xml version="1.0" encoding="UTF-8"?>
<svg width="200" height="48" viewBox="0 0 200 48" fill="none" xmlns="http://www.w3.org/2000/svg">
<!-- Piggy bank icon -->
<g>
<!-- Piggy body -->
<ellipse cx="24" cy="26" rx="14" ry="10" fill="#F472B6" stroke="#DB2777" stroke-width="1.5"/>
<!-- Piggy snout -->
<ellipse cx="34" cy="26" rx="4" ry="3" fill="#F9A8D4" stroke="#DB2777" stroke-width="1"/>
<!-- Nostrils -->
<circle cx="33" cy="26" r="0.5" fill="#DB2777"/>
<circle cx="35" cy="26" r="0.5" fill="#DB2777"/>
<!-- Eye -->
<circle cx="28" cy="22" r="1.5" fill="#DB2777"/>
<!-- Ear -->
<path d="M20 18 L18 16 L20 20" fill="#F472B6" stroke="#DB2777" stroke-width="1" stroke-linejoin="round"/>
<!-- Legs -->
<rect x="16" y="32" width="3" height="4" rx="1" fill="#F472B6" stroke="#DB2777" stroke-width="1"/>
<rect x="29" y="32" width="3" height="4" rx="1" fill="#F472B6" stroke="#DB2777" stroke-width="1"/>
<!-- Coin slot -->
<rect x="22" y="16" width="8" height="1.5" rx="0.5" fill="#DB2777"/>
</g>
<!-- Text -->
<text x="48" y="28" font-family="Arial, Helvetica, sans-serif" font-size="22" fill="#ffffff" font-weight="600" dominant-baseline="middle">
Family
</text>
<text x="118" y="28" font-family="Arial, Helvetica, sans-serif" font-size="22" fill="#F472B6" font-weight="600" dominant-baseline="middle">
Funds
</text>
</svg>
Side by side

After

Width:  |  Height:  |  Size: 1.4 KiB

9
app/views/layouts/application.html.erb
View file

@ -12,8 +12,12 @@
</head>
<body>
<nav class="w-100 p-6 bg-gray-900 flex items-center justify-between flex-wrap">
<ul class="flex">
<nav class="w-100 py-4 px-6 bg-gray-900 flex items-center justify-between flex-wrap">
<div class="flex items-center">
<%= link_to root_path, class: "mr-8" do %>
<%= image_tag "logo.svg", alt: "Family Funds Logo", class: "h-8" %>
<% end %>
<ul class="flex">
<% if Current.user.registered? %>
<li class="mr-6"><%= link_to "Dashboard", root_path, class: "text-white" %></li>
<li class="mr-6"><%= link_to "Expenses", expenses_path, class: "text-white" %></li>
@ -26,6 +30,7 @@
<li class="mr-6"><%= link_to "Log in", new_session_path, class: "text-white" %></li>
<% end %>
</ul>
</div>
</nav>
<% if flash.any? %>