Skip to content
This repository was archived by the owner on Mar 4, 2025. It is now read-only.

Commit cd70575

Browse files
committed
Add shutdown notice to front page of DBHub.io website
1 parent c9e69f4 commit cd70575

File tree

1 file changed

+7
-80
lines changed

1 file changed

+7
-80
lines changed

webui/templates/root.html

+7-80
Original file line numberDiff line numberDiff line change
@@ -26,89 +26,16 @@
2626
</style>
2727
<div class="container-fluid">
2828
<div class="row">
29-
<div class="col-md-12">
30-
<div class="col-md-6 vcenter" style="text-align: right;">
31-
<h3>Share your SQLite data</h3>
32-
<h3>Visualise it</h3>
33-
<h3>Improve it with others</h3>
34-
<br />
35-
<button class="btn btn-success" onClick="uploadForm()">Get Started</button>
36-
<br /><br />
37-
</div><div class="col-md-6 vcenter" style="text-align: left;">
38-
<video autoplay="" loop="" muted="" width="100%" height="100%">
39-
<source src="/images/dbhub-vis-720.mp4" type="video/mp4">
40-
<source src="/images/dbhub-vis-720.webm" type="video/webm">
41-
<p>There's supposed to be a video here, but your browser doesn't support mp4 nor WebM.</p>
42-
</video>
43-
</div>
44-
</div>
29+
<div class="col-md-12"><h1>DBHub.io Shutdown at the end of February 2025</h1></div>
4530
</div>
4631
<div class="row mt-2">
47-
<div class="col-md-12 text-center"><h2 data-cy="features">Features</h2></div>
32+
<div class="col-md-12 text-center">The DBHub.io platform hasn't achieved any meaningful traction, so will be
33+
shut down at the end of February 2025.</div>
34+
<div class="col-md-12 text-center">At that time all data (user databases, accounts, etc) will be deleted and
35+
the servers will be decommissioned.</div>
4836
</div>
49-
<div class="row text-bg-secondary" style="padding: 10px; border-radius: 5px; border-style: dotted; border-width: 1px; border-color: #9d9d9d;">
50-
<div class="col-md-6 vtop text-center">
51-
<h4>Public and private databases</h4>
52-
<p>The databases you upload can be set to public access, for<br />
53-
anyone to download, or private, so they're only for you.</p>
54-
<div class="lightbox-image" data-small="/images/pub_priv1-50px.png" data-large="/images/pub_priv1.png" data-alt="You choose whether your data is just for you, or accessible to everyone"></div>
55-
</div><div class="col-md-6 vtop text-center">
56-
<h4>Integration with <a href="https://sqlitebrowser.org" rel="noopener noreferrer external">DB Browser for SQLite</a></h4>
57-
<p>We're the people behind DB Browser for SQLite,<br />
58-
so naturally they're integrated.</p>
59-
<div class="lightbox-image" data-small="/images/db4s_screenshot1-50px.png" data-large="/images/db4s_screenshot1.png" data-alt="DB Browser for SQLite is a popular Open Source GUI for SQLite databases"></div> &nbsp;
60-
<div class="lightbox-image" data-small="/images/db4s_screenshot2-50px.png" data-large="/images/db4s_screenshot2.png" data-alt="DB Browser for SQLite includes basic plotting capabilities"></div> &nbsp;
61-
<div class="lightbox-image" data-small="/images/db4s_screenshot3-50px.png" data-large="/images/db4s_screenshot3.png" data-alt="When configured, DB Browser for SQLite can access your databases on DBHub.io"></div> &nbsp;
62-
<div class="lightbox-image" data-small="/images/db4s_screenshot4-50px.png" data-large="/images/db4s_screenshot4.png" data-alt="DB Browser for SQLite can download databases from DBHub.io, and upload your changes"></div>
63-
</div>
64-
</div>
65-
<div class="row" style="padding: 10px;">
66-
<div class="col-md-6 vtop text-center">
67-
<h4>Visualise your data</h4>
68-
<p>Chart it using Plotly.js. (<a href="/vis/justinclift/Marine%20Litter%20Survey%20%28Keep%20Northern%20Ireland%20Beautiful%29.sqlite" target="_blank">example</a>)</p>
69-
<div class="lightbox-image" data-small="/images/plotly1-50px.png" data-large="/images/plotly1.png" data-alt="You can run SQL queries on your data, and visualise the results with Plotly.js charts"></div> &nbsp;
70-
<div class="lightbox-image" data-small="/images/plotly2-50px.png" data-large="/images/plotly2.png" data-alt="Plotly.js offers many useful visualisation capabilities for your data"></div> &nbsp;
71-
<div class="lightbox-image" data-small="/images/plotly3-50px.png" data-large="/images/plotly3.png" data-alt="With further chart types being added over time..."></div>
72-
</div><div class="col-md-6 vtop text-center">
73-
<h4>A powerful <a href="https://github.com/sqlitebrowser/dio" target="_blank" rel="noopener noreferrer external">command line interface</a></h4>
74-
<p style="padding-bottom: 5px;">Push (upload), pull (download), create tags, releases, and<br />
75-
more using <a href="https://github.com/sqlitebrowser/dio" target="_blank" rel="noopener noreferrer external">Dio</a>, our fully scriptable command line interface.</p>
76-
<div style="color: white; font-family: Source Code Pro,Monaco,Menlo,Consolas,monospace;">
77-
<span style="background: #283542; border-radius: 5px 5px 5px 5px; border-style: none; padding: 10px 10px 5px 10px;"><span style="color: lightskyblue;">$</span> dio push mydata.sqlite&nbsp;</span><br />
78-
<span style="background: #283542; border-radius: 5px 5px 5px 5px; border-style: none; padding: 5px 10px 10px 10px;"><span style="color: lightskyblue;">$</span> dio pull newdata.sqlite</span>
79-
</div><br />
80-
</div>
81-
</div>
82-
<div class="row text-bg-secondary" style="padding: 10px; border-radius: 5px; border-style: dotted; border-width: 1px; border-color: #9d9d9d;">
83-
<div class="col-md-6 vtop text-center">
84-
<h4>Automatic alerts on data changes</h4>
85-
<p>You can easily "watch" any public database,<br />
86-
to alert you by email any time its changed.</p>
87-
<div class="lightbox-image" data-small="/images/watch1-46px.png" data-large="/images/watch1.png" data-alt="You can set a &quot;Watch&quot; on databases, so you're alerted to changes"></div>
88-
</div><div class="col-md-6 vtop text-center">
89-
<h4>Open discussions, or report problems in data</h4>
90-
<p>Every database has a <i>discussion</i> area, useful for asking questions,<br />
91-
making suggestions, and pointing out potential problems.</p>
92-
<div class="lightbox-image" data-small="/images/discussions1-50px.png" data-large="/images/discussions1.png" data-alt="You can start discussions on your own databases, and any public database"></div> &nbsp;
93-
<div class="lightbox-image" data-small="/images/discussions2-50px.png" data-large="/images/discussions2.png" data-alt="Anyone watching the database will be notified of the discussion, and can join in"></div> &nbsp;
94-
<div class="lightbox-image" data-small="/images/discussions3-50px.png" data-large="/images/discussions3.png" data-alt="Discussions are useful for suggesting ideas, asking about the data, and pointing out problems"></div>
95-
</div>
96-
</div>
97-
<div class="row" style="padding: 10px;">
98-
<div class="col-md-6 vtop text-center">
99-
<h4>Collaborative development</h4>
100-
<p>Submit changes to public databases, for collaborative development.</p>
101-
<div class="lightbox-image" data-small="/images/merge1-50px.png" data-large="/images/merge1.png" data-alt="Submitting new data to public databases is done through Merge Requests"></div> &nbsp;
102-
<div class="lightbox-image" data-small="/images/merge2-50px.png" data-large="/images/merge2.png" data-alt="The Merge Request creation page"></div> &nbsp;
103-
<div class="lightbox-image" data-small="/images/merge3-50px.png" data-large="/images/merge3.png" data-alt="Merge Requests have a title, discussion area, and list of the proposed changes"></div> &nbsp;
104-
<div class="lightbox-image" data-small="/images/merge4-50px.png" data-large="/images/merge4.png" data-alt="A completed Merge Request. The database has been updated with the new data"></div>
105-
</div><div class="col-md-6 vtop text-center">
106-
<h4>Full version control history, for traceability</h4>
107-
<p>All data changes are recorded and<br />
108-
checksummed, for full traceability.</p>
109-
<div class="lightbox-image" data-small="/images/version_control_history1-50px.png" data-large="/images/version_control_history1.png" data-alt="All data is SHA256 checksummed, and every database maintains a complete version history"></div> &nbsp;
110-
<div class="lightbox-image" data-small="/images/version_control_history2-50px.png" data-large="/images/version_control_history2.png" data-alt="The version history can be useful for traceability of important data"></div>
111-
</div>
37+
<div class="row mt-2">
38+
<div class="col-md-12 text-center">Further information: <a href="https://sqlitebrowser.org/blog/dbhub-shutdown/">here.</a></div>
11239
</div>
11340
</div>
11441
<script type="application/javascript">

0 commit comments

Comments
 (0)