A website for producing interactive charts without writing a single line of code. Built with Common Lisp and Python.
https://charts.craigoates.net
You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
83 lines
2.3 KiB
83 lines
2.3 KiB
{% extends "layouts/base.html" %} |
|
{% block title %} |
|
Turn your spreadsheets into interactive charts, without writing a single line of code. |
|
{% endblock %} |
|
|
|
{% block content %} |
|
<style> |
|
h1, h2 { |
|
text-align: center; |
|
font-size: 50px; |
|
} |
|
img { |
|
width: 100%; |
|
} |
|
hr { |
|
margin: 60px 0px; |
|
} |
|
.ui-link-external { |
|
background: white; |
|
border: 2px solid #0094ff; |
|
border-radius :4px; |
|
text-transform: uppercase; |
|
text-decoration: none; |
|
color: white; |
|
display: flex; |
|
justify-content: center; |
|
align-items: center; |
|
margin-left: 20px; |
|
box-shadow: 2px 2px 1px black; |
|
} |
|
|
|
.ui-link-image { |
|
width: 20px; |
|
padding: 0px 2px; |
|
display: inline; |
|
} |
|
</style> |
|
<div class="flex-center"> |
|
<article> |
|
<div class="flex-center"> |
|
<img src="/images/hero.png"> |
|
</div> |
|
<h2>Turn your spreadsheets into interactive charts, without writing a single line of code.</h1> |
|
<div class="flex-center"> |
|
<a class="ui-link-add" href="/sign-up">Create Account</a> |
|
</div> |
|
<hr > |
|
<div class="flex-center"> |
|
<img src="/images/screenshot-1.png"> |
|
</div> |
|
<h2>Your newly created charts are accessible from anywhere on the web.</h2> |
|
<div class="flex-center"> |
|
<img src="/images/screenshot-2.png"> |
|
</div> |
|
<h2>Fill out a simple form and start exploring your data.</h2> |
|
<div class="flex-center"> |
|
<video width=100% controls> |
|
<source src="/images/screen-video-1.mp4" type="video/mp4"> |
|
Your browser does not support the video tag. |
|
</video> |
|
</div> |
|
<h2>Use Bokeh's interactive controls to explore your data.</h2> |
|
<div class="flex-center"> |
|
<a class="ui-link-add" href="/sign-up">Create Account</a> |
|
<a class="ui-link-external" href="https://bokeh.org"> |
|
<img class="ui-link-image" src="/images/bokeh-simple.png"> |
|
Bokeh's Website |
|
</a> |
|
</div> |
|
<div class="flex-center"> |
|
<img src="/images/network-effect.png"> |
|
</div> |
|
<h2>Sharing your charts is as easy as attaching a file to an email.</h2> |
|
<div class="flex-center" style="margin-bottom: 20px;"> |
|
<a class="ui-link-add" href="/sign-up">Create Account</a> |
|
<a class="ui-link-external" href="https://bokeh.org/"> |
|
<img class="ui-link-image" src="/images/bokeh-simple.png"> |
|
Bokeh's Website |
|
</a> |
|
</div> |
|
</article> |
|
</div> |
|
{% endblock %}
|
|
|