mirror of
https://github.com/System-End/shipment-viewer.git
synced 2026-04-19 15:18:18 +00:00
begin the deprecation...
This commit is contained in:
24c02
parent
1c88247f74
commit
c9a3bed80e
2 changed files with 59 additions and 54 deletions
|
|
@ -1,21 +1,19 @@
|
|||
<div class="container">
|
||||
<div class="card sunken" style="margin-bottom: var(--spacing-3);">
|
||||
<h1>Shipment Viewer</h1>
|
||||
<p>The one-stop shop to view all your shipments from <b>Hack Club HQ</b>! (think <b>High Seas</b>, other <b>YSWSes</b>, random poster shipments, live feral raccoons, etc.)</p>
|
||||
<p>Need help? If it's for High Seas, send us a message in <a target="_blank" href="https://hackclub.slack.com/archives/C07PZNMBPBN">#high-seas-help</a>!</p>
|
||||
</div>
|
||||
<div class="card sunken" style="margin-bottom: var(--spacing-3);">
|
||||
<h1>what's <%= @internal ? "their" : "your" %> email?</h1>
|
||||
<form action="<%= @internal ? '/dyn/internal' : '/dyn/send_mail' %>" method="post">
|
||||
<input type="email" placeholder="orpheus@hackclub.com" id="email" name="email" style="margin-top: var(--spacing-3);" required="required"> <br/>
|
||||
<input class="button" type="submit" style="margin-top: var(--spacing-3); margin-bottom: var(--spacing-3);" value="go!">
|
||||
</form>
|
||||
</div>
|
||||
<% if @internal %>
|
||||
<div class="card sunken internal">
|
||||
<a href="/set_internal_key">set internal key?</a>
|
||||
<br>
|
||||
<p>You're in <a href='/internal'>internal</a> mode rn! Switch back to <a href="/">external</a> mode?</p>
|
||||
<br/>
|
||||
<div class="card sunken" style="margin-bottom: var(--spacing-3);">
|
||||
<h1>what's <%= @internal ? "their" : "your" %> email?</h1>
|
||||
<form action="<%= @internal ? '/dyn/internal' : '/dyn/send_mail' %>" method="post">
|
||||
<input type="email" placeholder="orpheus@hackclub.com" id="email" name="email" style="margin-top: var(--spacing-3);" required="required"> <br/>
|
||||
<input class="button" type="submit" style="margin-top: var(--spacing-3); margin-bottom: var(--spacing-3);" value="go!">
|
||||
</form>
|
||||
</div>
|
||||
<% end %>
|
||||
</div>
|
||||
<% if @internal %>
|
||||
<div class="card sunken internal">
|
||||
<a href="/set_internal_key">set internal key?</a>
|
||||
<br>
|
||||
<p>You're in <a href='/internal'>internal</a> mode rn! Switch back to <a href="/">external</a> mode?</p>
|
||||
</div>
|
||||
<% end %>
|
||||
</div>
|
||||
|
|
@ -1,13 +1,13 @@
|
|||
<!DOCTYPE html>
|
||||
<html>
|
||||
<head>
|
||||
<title>Shipment Viewer <%= " – #{@title}" if @title %></title>
|
||||
<link rel="stylesheet" href="/hc.css">
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<script src="https://kit.fontawesome.com/384fa9fca2.js" crossorigin="anonymous"></script>
|
||||
<%= yield_content :head %>
|
||||
<script>
|
||||
<head>
|
||||
<title>Shipment Viewer <%= " – #{@title}" if @title %></title>
|
||||
<link rel="stylesheet" href="/hc.css">
|
||||
<link rel="stylesheet" href="/style.css">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
||||
<script src="https://kit.fontawesome.com/384fa9fca2.js" crossorigin="anonymous"></script>
|
||||
<%= yield_content :head %>
|
||||
<script>
|
||||
// The poor man's jQuery
|
||||
window.$ = (query, el=document)=>{
|
||||
return el.querySelector(query);
|
||||
|
|
@ -41,38 +41,45 @@
|
|||
});
|
||||
}
|
||||
});
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar fixed-top bg-light">
|
||||
<a class="banner" target="_blank" href="https://hackclub.com/">
|
||||
<img src="/flag.png" />
|
||||
</a>
|
||||
<a href='<%= @internal ? '/internal' : '/' %>' class="navbar-brand"><b>Shipment Viewer<%= " <span class='internal'>(cool edition)</span>" if @internal %></b></a>
|
||||
<button id="dark-mode-toggle" class="">
|
||||
<i class="fa-solid fa-moon"></i>
|
||||
</button>
|
||||
</nav>
|
||||
<div class="main-content">
|
||||
<div style="margin-top: 64px">
|
||||
<% if @error %>
|
||||
</script>
|
||||
</head>
|
||||
<body>
|
||||
<nav class="navbar fixed-top bg-light">
|
||||
<a class="banner" target="_blank" href="https://hackclub.com/">
|
||||
<img src="/flag.png" />
|
||||
</a>
|
||||
<a href='<%= @internal ? '/internal' : '/' %>' class="navbar-brand"><b>Shipment Viewer<%= " <span class='internal'>(cool edition)</span>" if @internal %></b></a>
|
||||
<button id="dark-mode-toggle" class="">
|
||||
<i class="fa-solid fa-moon"></i>
|
||||
</button>
|
||||
</nav>
|
||||
<div class="main-content">
|
||||
<div style="margin-top: 64px">
|
||||
<% if @error %>
|
||||
<div class="container">
|
||||
<div class="card" style="background: var(--orange); margin-bottom: var(--spacing-2); color: var(--white)">
|
||||
<b>error:</b> <%= @error %>
|
||||
</div>
|
||||
</div>
|
||||
<% end %>
|
||||
<div class="container">
|
||||
<div class="card" style="background: var(--orange); margin-bottom: var(--spacing-2); color: var(--white)">
|
||||
<b>error:</b> <%= @error %>
|
||||
<div style="border: 2px dashed red; padding: 10px; margin: 20px 0 ">
|
||||
<h2 style="color: red;">hey!!</h2>
|
||||
<p>going forward, please use <a href="https://mail.hackclub.com">mail.hackclub.com</a> instead.</p>
|
||||
<p>it shows everything shipment viewer did, and more!</p>
|
||||
<p>this site is now deprecated and will be replaced with a redirect there once the new site has a public API.</p>
|
||||
</div>
|
||||
</div>
|
||||
<% end %>
|
||||
<%= yield %>
|
||||
<%= yield %>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="footer">
|
||||
<div class="footer-text">
|
||||
<% if @internal %>
|
||||
<span class="internal" style="padding: 4px !important;"><%= ENV['STATIC_BUILD'] ? "i'm kind of like if shipments had a viewer" : ["don't do anything i wouldn't do", "agent 47! welcome!", "i ship it :3", "i'm kind of like if shipments had a viewer", '🎶 "shipment viewer", definition: views some hack club mailings 🎵', "to continue using, please #{%w(meow bark woof nya~ scream).sample} as loudly as you can.", 'if a package is from us does that make it a hackage?'].sample %></span>
|
||||
<% end %>
|
||||
<p>with <3 from <a target="_blank" href="https://hackclub.com/">Hack Club</a>! open-source'd @ <a target="_blank" href="https://github.com/hackclub/shipment-viewer">hackclub/shipment-viewer</a> <i class="fa-brands fa-github"></i> (<%= footer_commit %>)</p>
|
||||
<div class="footer">
|
||||
<div class="footer-text">
|
||||
<% if @internal %>
|
||||
<span class="internal" style="padding: 4px !important;"><%= ENV['STATIC_BUILD'] ? "i'm kind of like if shipments had a viewer" : ["don't do anything i wouldn't do", "agent 47! welcome!", "i ship it :3", "i'm kind of like if shipments had a viewer", '🎶 "shipment viewer", definition: views some hack club mailings 🎵', "to continue using, please #{%w(meow bark woof nya~ scream).sample} as loudly as you can.", 'if a package is from us does that make it a hackage?'].sample %></span>
|
||||
<% end %>
|
||||
<p>with <3 from <a target="_blank" href="https://hackclub.com/">Hack Club</a>! open-source'd @ <a target="_blank" href="https://github.com/hackclub/shipment-viewer">hackclub/shipment-viewer</a> <i class="fa-brands fa-github"></i> (<%= footer_commit %>)</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
</body>
|
||||
</body>
|
||||
</html>
|
||||
Loading…
Add table
Reference in a new issue