summaryrefslogtreecommitdiff
path: root/index.eex
diff options
context:
space:
mode:
authorBen Busby <noreply+git@benbusby.com>2021-11-08 17:08:19 -0700
committerBen Busby <noreply+git@benbusby.com>2021-11-08 17:08:19 -0700
commit56b9c52528d1e514d4ec15f1da7517cd83bcf5ff (patch)
treeb7a5c0f8015bba7b47fb1e72577ea4eb9c7e99c2 /index.eex
parent8042dcad0c61110111949a856c935325ca65f8ef (diff)
downloadfarside-56b9c52528d1e514d4ec15f1da7517cd83bcf5ff.tar.gz
Display list of available instances on home page
This introduces a number of new changes: - Services are now inserted into redis with a prefix prepended to the key name. This allows for easier filtering to get only live instances. - The home page now uses an eex template for displaying all live instances for every service, determined by the last update - A "last_updated" field was added - farside.ex was added to contain all functionality related to querying for instances (WIP) - Other improvements
Diffstat (limited to 'index.eex')
-rw-r--r--index.eex50
1 files changed, 50 insertions, 0 deletions
diff --git a/index.eex b/index.eex
new file mode 100644
index 0000000..c55e587
--- /dev/null
+++ b/index.eex
@@ -0,0 +1,50 @@
+<head>
+ <title>Farside</title>
+ <style>
+ html {
+ font-family: monospace;
+ font-size: 16px;
+ color: #66397C;
+ }
+ #parent-div {
+ text-align: center;
+ }
+ #child-div {
+ text-align: left;
+ width: 50%;
+ display: inline-block;
+ }
+ hr {
+ border: 1px dashed;
+ }
+ a:link, a:visited {
+ color: #66397C;
+ }
+ @media only screen and (max-width: 1000px) {
+ #child-div {
+ width: 90%;
+ }
+ }
+ </style>
+</head>
+<body>
+ <div id="parent-div">
+ <div id="child-div">
+ <h1>Farside | <a href="https://github.com/benbusby/farside">View on GitHub</a></h1>
+ <hr>
+ <h3>Last synced <%= last_updated %> UTC</h2>
+ <div>
+ <ul>
+ <%= for {service, instance_list} <- services do %>
+ <li><a href="/<%= service %>"><%= service %></a></li>
+ <ul>
+ <%= for url <- instance_list do %>
+ <li><a href="<%= url %>"><%= url %></a></li>
+ <% end%>
+ </ul>
+ <% end %>
+ </ul>
+ </div>
+ </div>
+ </div>
+</body>