PixelRidge-Softworks/SimplyBilling
PixelRidge-Softworks/SimplyBilling
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Basic project structure

Browse Source
This commit is contained in:
VetheonGames 2024-02-29 19:49:53 -07:00
parent 2379343f78
commit 2e0ef7861b
32 changed files with 348 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

17
Gemfile Normal file
View File

@ -0,0 +1,17 @@
# frozen_string_literal: true
source "https://rubygems.org"
# gem "rails"
gem "sinatra", "~> 4.0"
gem "puma", "~> 6.4"
gem "sequel", "~> 5.77"
gem "mysql2", "~> 0.5.6"
gem "sqlite3", "~> 1.7"
gem "erb", "~> 4.0"

49
Gemfile.lock Normal file
View File

@ -0,0 +1,49 @@
GEM
remote: https://rubygems.org/
specs:
base64 (0.2.0)
bigdecimal (3.1.6)
cgi (0.4.1)
erb (4.0.4)
cgi (>= 0.3.3)
mini_portile2 (2.8.5)
mustermann (3.0.0)
ruby2_keywords (~> 0.0.1)
mysql2 (0.5.6)
nio4r (2.7.0)
puma (6.4.2)
nio4r (~> 2.0)
rack (3.0.9.1)
rack-protection (4.0.0)
base64 (>= 0.1.0)
rack (>= 3.0.0, < 4)
rack-session (2.0.0)
rack (>= 3.0.0)
ruby2_keywords (0.0.5)
sequel (5.77.0)
bigdecimal
sinatra (4.0.0)
mustermann (~> 3.0)
rack (>= 3.0.0, < 4)
rack-protection (= 4.0.0)
rack-session (>= 2.0.0, < 3)
tilt (~> 2.0)
sqlite3 (1.7.2)
mini_portile2 (~> 2.8.0)
sqlite3 (1.7.2-x86_64-linux)
tilt (2.3.0)
PLATFORMS
ruby
x86_64-linux
DEPENDENCIES
erb (~> 4.0)
mysql2 (~> 0.5.6)
puma (~> 6.4)
sequel (~> 5.77)
sinatra (~> 4.0)
sqlite3 (~> 1.7)
BUNDLED WITH
2.5.6

5
app/app.rb Normal file
View File

@ -0,0 +1,5 @@
require 'sinatra'
get '/' do
'Hello, Simply Billing!'
end

0
app/assets/images/admin/admin_favicon.ico Normal file
View File

0
app/assets/images/index/index_favicon.ico Normal file
View File

0
app/assets/images/shop/category_images/placeholder.png Normal file
View File

0
app/assets/images/shop/item_images/placeholder.png Normal file
View File

0
app/assets/images/shop/shop_favicon.ico Normal file
View File

0
app/assets/scripts/admin/admin.js Normal file
View File

0
app/assets/scripts/index/index.js Normal file
View File

0
app/assets/scripts/shop/category_scripts/category_1.js Normal file
View File

0
app/assets/scripts/shop/category_scripts/category_2.js Normal file
View File

0
app/assets/scripts/shop/product_scripts/product_1.js Normal file
View File

0
app/assets/scripts/shop/product_scripts/product_2.js Normal file
View File

0
app/assets/scripts/shop/shop.js Normal file
View File

0
app/assets/styles/admin/admin.css Normal file
View File

0
app/assets/styles/index/index.css Normal file
View File

0
app/assets/styles/shop/category_styles/category_1.css Normal file
View File

0
app/assets/styles/shop/category_styles/category_2.css Normal file
View File

0
app/assets/styles/shop/product_styles/product_1.css Normal file
View File

0
app/assets/styles/shop/product_styles/product_2.css Normal file
View File

0
app/assets/styles/shop/shop.css Normal file
View File

23
app/partials/_admin_backend_settings.html.erb Normal file
View File

@ -0,0 +1,23 @@
<div style="width: 1110px; height: 894px; position: relative">
<div style="width: 1110px; height: 894px; left: 0px; top: 0px; position: absolute; background: #403D52; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25)"></div>
<div style="width: 175px; height: 175px; left: 911px; top: 24px; position: absolute">
<div style="width: 175px; height: 175px; left: 0px; top: 0px; position: absolute; background: #605D80; border-radius: 9999px"></div>
<div style="left: 21px; top: 78px; position: absolute; color: white; font-size: 16px; font-family: Inter; font-weight: 400; word-wrap: break-word">Invoicing Settings</div>
</div>
<div style="width: 175px; height: 175px; left: 689px; top: 24px; position: absolute">
<div style="width: 175px; height: 175px; left: 0px; top: 0px; position: absolute; background: #605D80; border-radius: 9999px"></div>
<div style="left: 15px; top: 78px; position: absolute; color: white; font-size: 16px; font-family: Inter; font-weight: 400; word-wrap: break-word">Automation Settings</div>
</div>
<div style="width: 175px; height: 175px; left: 467px; top: 24px; position: absolute">
<div style="width: 175px; height: 175px; left: 0px; top: 0px; position: absolute; background: #605D80; border-radius: 9999px"></div>
<div style="left: 29px; top: 78px; position: absolute; color: white; font-size: 16px; font-family: Inter; font-weight: 400; word-wrap: break-word">Server Settings</div>
</div>
<div style="width: 175px; height: 175px; left: 245px; top: 24px; position: absolute">
<div style="width: 175px; height: 175px; left: 0px; top: 0px; position: absolute; background: #605D80; border-radius: 9999px"></div>
<div style="left: 18px; top: 78px; position: absolute; color: white; font-size: 16px; font-family: Inter; font-weight: 400; word-wrap: break-word">Database Settings</div>
</div>
<div style="width: 175px; height: 175px; left: 23px; top: 24px; position: absolute">
<div style="width: 175px; height: 175px; left: 0px; top: 0px; position: absolute; background: #605D80; border-radius: 9999px"></div>
<div style="left: 33px; top: 78px; position: absolute; color: white; font-size: 16px; font-family: Inter; font-weight: 400; word-wrap: break-word">Color Settings</div>
</div>
</div>

13
app/partials/_admin_dashboard_header.html.erb Normal file
View File

@ -0,0 +1,13 @@
<div style="width: 1440px; height: 75px; position: relative">
<div style="width: 1440px; height: 75px; left: 0px; top: 0px; position: absolute; background: #252136; box-shadow: 0px 4px 0px 4px black"></div>
<img style="width: 75px; height: 75px; left: 25px; top: 0px; position: absolute; border-radius: 9999px" src="https://via.placeholder.com/75x75" />
<div style="width: 405px; height: 58.46px; left: 451px; top: 8px; position: absolute; color: white; font-size: 48px; font-family: Inter; font-weight: 400; word-wrap: break-word">Main Dashboard</div>
<div style="width: 65px; height: 45px; left: 1206px; top: 15px; position: absolute">
<div style="width: 65px; height: 45px; left: 0px; top: 0px; position: absolute; background: #7C7399"></div>
<div style="width: 39px; left: 13px; top: 13px; position: absolute; color: white; font-size: 16px; font-family: Inter; font-weight: 400; word-wrap: break-word">Shop</div>
</div>
<div style="width: 150px; height: 45px; left: 1279px; top: 15px; position: absolute">
<div style="width: 150px; height: 45px; left: 0px; top: 0px; position: absolute; background: #7C7399"></div>
<div style="width: 84px; left: 33px; top: 13px; position: absolute; color: white; font-size: 16px; font-family: Inter; font-weight: 400; word-wrap: break-word">Homepage</div>
</div>
</div>

4
app/partials/_admin_dashboard_main.html.erb Normal file
View File

@ -0,0 +1,4 @@
<div style="width: 1175px; height: 950px; position: relative">
<div style="width: 1175px; height: 950px; left: 0px; top: 0px; position: absolute; background: #373244"></div>
<div style="width: 1110px; height: 894px; left: 17px; top: 22px; position: absolute; background: #403D52; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25)"></div>
</div>

27
app/partials/_admin_dashboard_sidebar.html.erb Normal file
View File

@ -0,0 +1,27 @@
<div style="width: 265px; height: 950px; position: relative">
<div style="width: 265px; height: 950px; left: 0px; top: 0px; position: absolute; background: #2E2A3B; box-shadow: 4px 0px 4px rgba(0, 0, 0, 0.25)"></div>
<div style="width: 240px; height: 45.05px; left: 12px; top: 329.35px; position: absolute">
<div style="width: 240px; height: 45.05px; left: 0px; top: 0px; position: absolute; background: #605D80"></div>
<div style="width: 182px; height: 24.03px; left: 29px; top: 10.01px; position: absolute; color: black; font-size: 20px; font-family: Inter; font-weight: 400; word-wrap: break-word">Payment Gateways</div>
</div>
<div style="width: 240px; height: 45.05px; left: 12px; top: 268.28px; position: absolute">
<div style="width: 240px; height: 45.05px; left: 0px; top: 0px; position: absolute; background: #605D80"></div>
<div style="width: 151px; height: 24.03px; left: 45px; top: 10.01px; position: absolute; color: black; font-size: 20px; font-family: Inter; font-weight: 400; word-wrap: break-word">Support Tickets</div>
</div>
<div style="width: 240px; height: 45.05px; left: 12px; top: 208.22px; position: absolute">
<div style="width: 240px; height: 45.05px; left: 0px; top: 0px; position: absolute; background: #605D80"></div>
<div style="width: 174px; height: 24.03px; left: 33px; top: 11.01px; position: absolute; color: black; font-size: 20px; font-family: Inter; font-weight: 400; word-wrap: break-word">User Management</div>
</div>
<div style="width: 240px; height: 45.05px; left: 12px; top: 148.16px; position: absolute">
<div style="width: 240px; height: 45.05px; left: 0px; top: 0px; position: absolute; background: #605D80"></div>
<div style="width: 166px; height: 24.03px; left: 37px; top: 10.01px; position: absolute; color: black; font-size: 20px; font-family: Inter; font-weight: 400; word-wrap: break-word">Backend Settings</div>
</div>
<div style="width: 240px; height: 45.05px; left: 12px; top: 88.09px; position: absolute">
<div style="width: 240px; height: 45.05px; left: 0px; top: 0px; position: absolute; background: #605D80"></div>
<div style="width: 158px; height: 24.03px; left: 41px; top: 10.01px; position: absolute; color: black; font-size: 20px; font-family: Inter; font-weight: 400; word-wrap: break-word">Product Settings</div>
</div>
<div style="width: 240px; height: 45.05px; left: 12px; top: 28.03px; position: absolute">
<div style="width: 240px; height: 45.05px; left: 0px; top: 0px; position: absolute; background: #605D80"></div>
<div style="width: 155px; height: 24.03px; left: 43px; top: 10.01px; position: absolute; color: black; font-size: 20px; font-family: Inter; font-weight: 400; word-wrap: break-word">Main Dashboard</div>
</div>
</div>

162
app/partials/_admin_maindash.html.erb Normal file
View File

@ -0,0 +1,162 @@
<div style="width: 1122px; height: 902px; position: relative">
<div style="width: 717px; height: 421px; left: 2px; top: 481px; position: absolute">
<div style="width: 234px; height: 416px; left: 483px; top: 4px; position: absolute">
<div style="width: 234px; height: 416px; left: 0px; top: 0px; position: absolute; background: #403D52"></div>
<div style="width: 144.96px; left: 44.52px; top: 5px; position: absolute; text-align: center; color: white; font-size: 20px; font-family: Inter; font-weight: 400; word-wrap: break-word">Closed Tickets</div>
</div>
<div style="width: 253px; height: 416px; left: 230px; top: 4px; position: absolute">
<div style="width: 253px; height: 416px; left: 0px; top: 0px; position: absolute; background: #403D52"></div>
<div style="left: 58px; top: 5px; position: absolute; text-align: center; color: white; font-size: 20px; font-family: Inter; font-weight: 400; word-wrap: break-word">Awaiting Reply</div>
</div>
<div style="width: 230px; height: 416px; left: 0px; top: 4px; position: absolute">
<div style="width: 230px; height: 416px; left: 0px; top: 0px; position: absolute; background: #403D52"></div>
<div style="width: 125px; left: 51px; top: 5px; position: absolute; text-align: center; color: white; font-size: 20px; font-family: Inter; font-weight: 400; word-wrap: break-word">Open Tickets</div>
</div>
<div style="width: 421px; height: 0px; left: 230px; top: 0px; position: absolute; transform: rotate(90deg); transform-origin: 0 0; border: 1px #373737 solid"></div>
<div style="width: 421px; height: 0px; left: 483px; top: 0px; position: absolute; transform: rotate(90deg); transform-origin: 0 0; border: 1px #373737 solid"></div>
</div>
<div style="width: 390px; height: 416px; left: 732px; top: 485px; position: absolute">
<div style="width: 390px; height: 416px; left: 0px; top: 0px; position: absolute; background: #403D52; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25); border: 1px #2F2F2F solid"></div>
<div style="width: 161px; height: 21px; left: 115px; top: 4px; position: absolute; text-align: center; color: white; font-size: 20px; font-family: Inter; font-weight: 400; word-wrap: break-word">Big Fuckoff Log</div>
</div>
<div style="width: 390px; height: 465px; left: 732px; top: 1px; position: absolute">
<div style="width: 390px; height: 465px; left: 0px; top: 0px; position: absolute; background: #403D52; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25); border: 1px #2F2F2F solid"></div>
<div style="left: 111px; top: 237.50px; position: absolute; text-align: center; color: white; font-size: 20px; font-family: Inter; font-weight: 400; word-wrap: break-word">Suspended Users</div>
<div style="width: 390px; height: 0px; left: 0px; top: 232.50px; position: absolute; border: 1px #373737 solid"></div>
<div style="left: 135px; top: 4px; position: absolute; text-align: center; color: white; font-size: 20px; font-family: Inter; font-weight: 400; word-wrap: break-word">Active Users</div>
</div>
<div style="width: 719px; height: 465px; left: 0px; top: 0px; position: absolute">
<div style="width: 719px; height: 465px; left: 0px; top: 0px; position: absolute; background: #403D52; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25); border: 1px #2F2F2F solid"></div>
<div style="width: 220px; height: 139.40px; left: 462px; top: 310.66px; position: absolute">
<div style="width: 220px; height: 139.40px; left: 0px; top: 0px; position: absolute; background: rgba(217, 217, 217, 0); border: 1px #373737 solid"></div>
<div style="width: 190px; height: 104.55px; left: 15px; top: 14.94px; position: absolute; text-align: center"><span style="color: #FF1F00; font-size: 40px; font-family: Inter; font-weight: 400; word-wrap: break-word">$100<br/></span><span style="color: white; font-size: 20px; font-family: Inter; font-weight: 400; word-wrap: break-word"><br/>Net Income YTD</span></div>
</div>
<div style="width: 220px; height: 139.40px; left: 243px; top: 310.66px; position: absolute">
<div style="width: 220px; height: 139.40px; left: 0px; top: 0px; position: absolute; background: rgba(217, 217, 217, 0); border: 1px #373737 solid"></div>
<div style="width: 190px; height: 104.55px; left: 15px; top: 14.94px; position: absolute; text-align: center"><span style="color: #FFC700; font-size: 40px; font-family: Inter; font-weight: 400; word-wrap: break-word">$100<br/></span><span style="color: white; font-size: 20px; font-family: Inter; font-weight: 400; word-wrap: break-word"><br/>of Invoices Late</span></div>
</div>
<div style="width: 220px; height: 139.40px; left: 24px; top: 310.66px; position: absolute">
<div style="width: 220px; height: 139.40px; left: 0px; top: 0px; position: absolute; background: rgba(217, 217, 217, 0); border: 1px #373737 solid"></div>
<div style="width: 190px; height: 104.55px; left: 15px; top: 14.94px; position: absolute; text-align: center"><span style="color: #039900; font-size: 40px; font-family: Inter; font-weight: 400; word-wrap: break-word">$100<br/></span><span style="color: white; font-size: 20px; font-family: Inter; font-weight: 400; word-wrap: break-word"><br/>of Invoices Paid</span></div>
</div>
<div style="width: 673px; height: 210.10px; left: 17px; top: 100.57px; position: absolute">
<div style="height: 31.01px; left: 65.49px; top: 173.33px; position: absolute">
<div style="width: 602.48px; height: 0px; left: 0px; top: 0px; position: absolute; border: 1px white solid"></div>
<div style="width: 562.34px; height: 31.01px; left: 21.07px; top: 0px; position: absolute">
<div style="width: 8.06px; height: 31.01px; left: 0px; top: 0px; position: absolute">
<div style="width: 0px; height: 6.30px; left: 4.03px; top: -0px; position: absolute; border: 1px white solid"></div>
<div style="width: 8.06px; height: 15.76px; left: -0px; top: 15.25px; position: absolute; text-align: center; color: white; font-size: 12px; font-family: Inter; font-weight: 400; word-wrap: break-word">0</div>
</div>
<div style="width: 6.04px; height: 31.01px; left: 51.21px; top: -0px; position: absolute">
<div style="width: 0px; height: 6.30px; left: 3.02px; top: 0px; position: absolute; border: 1px white solid"></div>
<div style="width: 6.04px; height: 15.76px; left: 0px; top: 15.25px; position: absolute; text-align: center; color: white; font-size: 12px; font-family: Inter; font-weight: 400; word-wrap: break-word">1</div>
</div>
<div style="width: 8.06px; height: 31.01px; left: 100.41px; top: -0px; position: absolute">
<div style="width: 0px; height: 6.30px; left: 4.03px; top: 0px; position: absolute; border: 1px white solid"></div>
<div style="width: 8.06px; height: 15.76px; left: -0px; top: 15.25px; position: absolute; text-align: center; color: white; font-size: 12px; font-family: Inter; font-weight: 400; word-wrap: break-word">2</div>
</div>
<div style="width: 8.06px; height: 31.01px; left: 150.62px; top: -0px; position: absolute">
<div style="width: 0px; height: 6.30px; left: 4.03px; top: 0px; position: absolute; border: 1px white solid"></div>
<div style="width: 8.06px; height: 15.76px; left: 0px; top: 15.25px; position: absolute; text-align: center; color: white; font-size: 12px; font-family: Inter; font-weight: 400; word-wrap: break-word">3</div>
</div>
<div style="width: 8.06px; height: 31.01px; left: 200.83px; top: -0px; position: absolute">
<div style="width: 0px; height: 6.30px; left: 4.03px; top: 0px; position: absolute; border: 1px white solid"></div>
<div style="width: 8.06px; height: 15.76px; left: -0px; top: 15.25px; position: absolute; text-align: center; color: white; font-size: 12px; font-family: Inter; font-weight: 400; word-wrap: break-word">4</div>
</div>
<div style="width: 8.06px; height: 31.01px; left: 251.03px; top: -0px; position: absolute">
<div style="width: 0px; height: 6.30px; left: 4.03px; top: 0px; position: absolute; border: 1px white solid"></div>
<div style="width: 8.06px; height: 15.76px; left: -0px; top: 15.25px; position: absolute; text-align: center; color: white; font-size: 12px; font-family: Inter; font-weight: 400; word-wrap: break-word">5</div>
</div>
<div style="width: 8.06px; height: 31.01px; left: 301.24px; top: -0px; position: absolute">
<div style="width: 0px; height: 6.30px; left: 4.03px; top: 0px; position: absolute; border: 1px white solid"></div>
<div style="width: 8.06px; height: 15.76px; left: 0px; top: 15.25px; position: absolute; text-align: center; color: white; font-size: 12px; font-family: Inter; font-weight: 400; word-wrap: break-word">6</div>
</div>
<div style="width: 7.05px; height: 31.01px; left: 351.95px; top: -0px; position: absolute">
<div style="width: 0px; height: 6.30px; left: 3.53px; top: 0px; position: absolute; border: 1px white solid"></div>
<div style="width: 7.05px; height: 15.76px; left: -0px; top: 15.25px; position: absolute; text-align: center; color: white; font-size: 12px; font-family: Inter; font-weight: 400; word-wrap: break-word">7</div>
</div>
<div style="width: 8.06px; height: 31.01px; left: 401.65px; top: -0px; position: absolute">
<div style="width: 0px; height: 6.30px; left: 4.03px; top: 0px; position: absolute; border: 1px white solid"></div>
<div style="width: 8.06px; height: 15.76px; left: -0px; top: 15.25px; position: absolute; text-align: center; color: white; font-size: 12px; font-family: Inter; font-weight: 400; word-wrap: break-word">8</div>
</div>
<div style="width: 8.06px; height: 31.01px; left: 451.86px; top: -0px; position: absolute">
<div style="width: 0px; height: 6.30px; left: 4.03px; top: 0px; position: absolute; border: 1px white solid"></div>
<div style="width: 8.06px; height: 15.76px; left: -0px; top: 15.25px; position: absolute; text-align: center; color: white; font-size: 12px; font-family: Inter; font-weight: 400; word-wrap: break-word">9</div>
</div>
<div style="width: 14.10px; height: 31.01px; left: 499.04px; top: -0px; position: absolute">
<div style="width: 0px; height: 6.30px; left: 7.05px; top: 0px; position: absolute; border: 1px white solid"></div>
<div style="width: 14.10px; height: 15.76px; left: 0px; top: 15.25px; position: absolute; text-align: center; color: white; font-size: 12px; font-family: Inter; font-weight: 400; word-wrap: break-word">10</div>
</div>
<div style="width: 12.09px; height: 31.01px; left: 550.25px; top: -0px; position: absolute">
<div style="width: 0px; height: 6.30px; left: 6.04px; top: 0px; position: absolute; border: 1px white solid"></div>
<div style="width: 12.09px; height: 15.76px; left: 0px; top: 15.25px; position: absolute; text-align: center; color: white; font-size: 12px; font-family: Inter; font-weight: 400; word-wrap: break-word">11</div>
</div>
</div>
</div>
<div style="height: 179.63px; left: 25.19px; top: 1.32px; position: absolute">
<div style="width: 0px; height: 168.08px; left: 40.30px; top: 3.93px; position: absolute; border: 1px white solid"></div>
<div style="width: 40.30px; height: 179.63px; left: 0px; top: 0px; position: absolute">
<div style="width: 19.14px; height: 15.76px; left: 21.16px; top: 163.88px; position: absolute">
<div style="width: 6.04px; height: 0px; left: 13.10px; top: 8.13px; position: absolute; border: 1px white solid"></div>
<div style="width: 8.06px; height: 15.76px; left: 0px; top: 0px; position: absolute; text-align: right; color: white; font-size: 12px; font-family: Inter; font-weight: 400; word-wrap: break-word">0</div>
</div>
<div style="width: 34.25px; height: 15.76px; left: 6.04px; top: 121.86px; position: absolute">
<div style="width: 6.04px; height: 0px; left: 28.21px; top: 8.13px; position: absolute; border: 1px white solid"></div>
<div style="width: 23.17px; height: 15.76px; left: 0px; top: 0px; position: absolute; text-align: right; color: white; font-size: 12px; font-family: Inter; font-weight: 400; word-wrap: break-word">250</div>
</div>
<div style="width: 34.25px; height: 15.76px; left: 6.04px; top: 79.84px; position: absolute">
<div style="width: 6.04px; height: 0px; left: 28.21px; top: 8.13px; position: absolute; border: 1px white solid"></div>
<div style="width: 23.17px; height: 15.76px; left: 0px; top: 0px; position: absolute; text-align: right; color: white; font-size: 12px; font-family: Inter; font-weight: 400; word-wrap: break-word">500</div>
</div>
<div style="width: 33.25px; height: 15.76px; left: 7.05px; top: 37.82px; position: absolute">
<div style="width: 6.04px; height: 0px; left: 27.20px; top: 8.13px; position: absolute; border: 1px white solid"></div>
<div style="width: 22.16px; height: 15.76px; left: 0px; top: 0px; position: absolute; text-align: right; color: white; font-size: 12px; font-family: Inter; font-weight: 400; word-wrap: break-word">750</div>
</div>
<div style="width: 40.30px; height: 15.76px; left: 0px; top: 0px; position: absolute">
<div style="width: 6.04px; height: 0px; left: 34.25px; top: 3.93px; position: absolute; border: 1px white solid"></div>
<div style="width: 29.22px; height: 15.76px; left: 0px; top: 0px; position: absolute; text-align: right; color: white; font-size: 12px; font-family: Inter; font-weight: 400; word-wrap: break-word">1000</div>
</div>
</div>
</div>
<div style="width: 569.40px; height: 160.18px; left: 70.51px; top: 13.15px; position: absolute">
<div style="width: 17.13px; height: 50.59px; left: 0px; top: 109.59px; position: absolute; background: #08DBF7"></div>
<div style="width: 17.13px; height: 160.18px; left: 50.21px; top: 0px; position: absolute; background: #08DBF7"></div>
<div style="width: 17.13px; height: 8.57px; left: 100.41px; top: 151.61px; position: absolute; background: #08DBF7"></div>
<div style="width: 17.13px; height: 102.53px; left: 150.62px; top: 57.65px; position: absolute; background: #08DBF7"></div>
<div style="width: 17.13px; height: 153.79px; left: 200.83px; top: 6.39px; position: absolute; background: #08DBF7"></div>
<div style="width: 17.13px; height: 5.38px; left: 251.03px; top: 154.80px; position: absolute; background: #08DBF7"></div>
<div style="width: 17.13px; height: 77.82px; left: 301.24px; top: 82.36px; position: absolute; background: #08DBF7"></div>
<div style="width: 17.13px; height: 48.07px; left: 351.44px; top: 112.11px; position: absolute; background: #08DBF7"></div>
<div style="width: 17.13px; height: 66.39px; left: 401.65px; top: 93.79px; position: absolute; background: #08DBF7"></div>
<div style="width: 17.13px; height: 76.48px; left: 451.86px; top: 83.70px; position: absolute; background: #08DBF7"></div>
<div style="width: 17.13px; height: 152.78px; left: 502.06px; top: 7.40px; position: absolute; background: #08DBF7"></div>
<div style="width: 17.13px; height: 7.56px; left: 552.27px; top: 152.61px; position: absolute; background: #08DBF7"></div>
</div>
<div style="width: 569.40px; height: 160.35px; left: 91.66px; top: 12.98px; position: absolute">
<div style="width: 17.13px; height: 4.20px; left: 0px; top: 156.14px; position: absolute; background: #F75E08"></div>
<div style="width: 17.13px; height: 23.19px; left: 50.21px; top: 137.15px; position: absolute; background: #F75E08"></div>
<div style="width: 17.13px; height: 149.25px; left: 100.41px; top: 11.09px; position: absolute; background: #F75E08"></div>
<div style="width: 17.13px; height: 160.35px; left: 150.62px; top: -0px; position: absolute; background: #F75E08"></div>
<div style="width: 17.13px; height: 99.84px; left: 200.83px; top: 60.51px; position: absolute; background: #F75E08"></div>
<div style="width: 17.13px; height: 29.92px; left: 251.03px; top: 130.43px; position: absolute; background: #F75E08"></div>
<div style="width: 17.13px; height: 91.27px; left: 301.24px; top: 69.08px; position: absolute; background: #F75E08"></div>
<div style="width: 17.13px; height: 152.45px; left: 351.44px; top: 7.90px; position: absolute; background: #F75E08"></div>
<div style="width: 17.13px; height: 108.75px; left: 401.65px; top: 51.60px; position: absolute; background: #F75E08"></div>
<div style="width: 17.13px; height: 134.13px; left: 451.86px; top: 26.22px; position: absolute; background: #F75E08"></div>
<div style="width: 17.13px; height: 126.90px; left: 502.06px; top: 33.45px; position: absolute; background: #F75E08"></div>
<div style="width: 17.13px; height: 3.87px; left: 552.27px; top: 156.48px; position: absolute; background: #F75E08"></div>
</div>
</div>
<div style="width: 279px; height: 65.03px; left: 243px; top: 5.97px; position: absolute">
<div style="width: 124px; height: 38.83px; left: 72px; top: 0px; position: absolute; color: white; font-size: 32px; font-family: Inter; font-weight: 400; word-wrap: break-word">Income</div>
<div style="width: 117px; height: 18.92px; left: 0px; top: 45.80px; position: absolute">
<div style="width: 10px; height: 9.96px; left: 0px; top: 2.99px; position: absolute; background: #08DBF7; border-radius: 9999px"></div>
<div style="width: 102px; height: 18.92px; left: 15px; top: 0px; position: absolute; color: white; font-size: 16px; font-family: Inter; font-weight: 400; word-wrap: break-word">Money In</div>
</div>
<div style="width: 99px; height: 19px; left: 180px; top: 46.03px; position: absolute">
<div style="width: 10px; height: 9.96px; left: 89px; top: 2.76px; position: absolute; background: #F75E08; border-radius: 9999px"></div>
<div style="width: 91px; height: 19px; left: 0px; top: 0px; position: absolute; color: white; font-size: 16px; font-family: Inter; font-weight: 400; word-wrap: break-word">Money Out</div>
</div>
</div>
</div>
</div>

17
app/partials/_admin_product_settings.html.erb Normal file
View File

@ -0,0 +1,17 @@
<div style="width: 1110px; height: 894px; position: relative">
<div style="width: 1110px; height: 894px; left: 0px; top: 0px; position: absolute; background: #403D52; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25)"></div>
<div style="width: 105px; height: 35px; left: 991px; top: 11px; position: absolute">
<div style="width: 105px; height: 35px; left: 0px; top: 0px; position: absolute; background: #7C7399; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25)"></div>
<div style="left: 18px; top: 8px; position: absolute; color: white; font-size: 16px; font-family: Inter; font-weight: 400; word-wrap: break-word">Add New</div>
</div>
<div style="width: 105px; height: 35px; left: 881px; top: 11px; position: absolute">
<div style="width: 105px; height: 35px; left: 0px; top: 0px; position: absolute; background: #7C7399; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25)"></div>
<div style="left: 28px; top: 8px; position: absolute; color: white; font-size: 16px; font-family: Inter; font-weight: 400; word-wrap: break-word">Delete</div>
</div>
<div style="width: 105px; height: 35px; left: 771px; top: 11px; position: absolute">
<div style="width: 105px; height: 35px; left: 0px; top: 0px; position: absolute; background: #7C7399; box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.25)"></div>
<div style="left: 38px; top: 8px; position: absolute; color: white; font-size: 16px; font-family: Inter; font-weight: 400; word-wrap: break-word">Edit</div>
</div>
<div style="width: 1110px; height: 0px; left: 0px; top: 60px; position: absolute; border: 1px #373737 solid"></div>
<div style="width: 1110px; height: 0px; left: 0px; top: 120px; position: absolute; border: 1px #373737 solid"></div>
</div>

16
app/partials/_index_header.html.erb Normal file
View File

@ -0,0 +1,16 @@
<div style="width: 1440px; height: 75px; position: relative">
<div style="width: 1440px; height: 75px; left: 0px; top: 0px; position: absolute; background: rgba(124, 110, 127, 0)"></div>
<img style="width: 75px; height: 75px; left: 25px; top: 0px; position: absolute; border-radius: 9999px" src="https://via.placeholder.com/75x75" />
<div style="width: 65px; height: 45px; left: 1060px; top: 11px; position: absolute">
<div style="width: 65px; height: 45px; left: 0px; top: 0px; position: absolute; background: #7C7399"></div>
<div style="width: 39px; left: 13px; top: 13px; position: absolute; color: white; font-size: 16px; font-family: Inter; font-weight: 400; word-wrap: break-word">Shop</div>
</div>
<div style="width: 150px; height: 45px; left: 1281px; top: 11px; position: absolute">
<div style="width: 150px; height: 45px; left: 0px; top: 0px; position: absolute; background: #7C7399"></div>
<div style="width: 119px; left: 15px; top: 13px; position: absolute; color: white; font-size: 16px; font-family: Inter; font-weight: 400; word-wrap: break-word">Login / Register</div>
</div>
<div style="width: 150px; height: 45px; left: 1128px; top: 11px; position: absolute">
<div style="width: 150px; height: 45px; left: 0px; top: 0px; position: absolute; background: #7C7399"></div>
<div style="width: 94px; left: 28px; top: 13px; position: absolute; color: white; font-size: 16px; font-family: Inter; font-weight: 400; word-wrap: break-word">Admin Panel</div>
</div>
</div>

9
app/partials/_index_mainview.html.erb Normal file
View File

@ -0,0 +1,9 @@
<div style="width: 1440px; height: 1024px; position: relative">
<img style="width: 1440px; height: 1024px; left: 0px; top: 0px; position: absolute" src="https://via.placeholder.com/1440x1024" />
<div style="width: 695px; height: 140.27px; left: 14px; top: 176.96px; position: absolute; background: rgba(217, 217, 217, 0)"></div>
<div style="width: 598px; height: 125.17px; left: 51px; top: 184.51px; position: absolute; color: white; font-size: 96px; font-family: Inter; font-weight: 400; word-wrap: break-word">Simply Billing</div>
<div style="width: 695px; height: 83px; left: 14px; top: 320px; position: absolute">
<div style="width: 695px; height: 83px; left: 0px; top: 0px; position: absolute; background: rgba(217, 217, 217, 0)"></div>
<div style="left: 61px; top: 34px; position: absolute; color: white; font-size: 20px; font-family: Inter; font-weight: 400; word-wrap: break-word">The better billing system for your Hosting Business</div>
</div>
</div>

1
app/views/index.html.erb Normal file
View File

@ -0,0 +1 @@
<=% yield =>

5
config.ru Normal file
View File

@ -0,0 +1,5 @@
require './app' # require the file where your Sinatra application is defined
run Sinatra::Application
# You can also specify Puma configuration here, for example:
# set :server, :puma