{% extends "layouts/base.html" %}
{% block title %}About Craig Oates{% endblock %}
{% block content %}

<div class="content-header">
  <h1>About</h1>
</div>

<div class="flex-center">
  <article>
    <p><strong>
	This website's aim is to help people take their spreadsheets and generate
	interactive charts with them.
      </strong>
      The charts are created using a plotting/visualisation library written in
      Python called Bokeh.
    </p>
    <h2 style="display:flex; align-items:center;">
      <img style="margin-right: 12px;"
	   width="72px" src="images/bokeh-simple.png">
      About Bokeh
    </h2>
    <p>
      The following it taken from Bokeh's website,
    </p>
    <blockquote>
      Bokeh is a Python library for creating interactive visualizations for modern
      web browsers. It helps you build beautiful graphics, ranging from simple
      plots to complex dashboards with streaming datasets. With Bokeh, you can
      create JavaScript-powered visualizations without writing any JavaScript
      yourself.
    </blockquote>
    <p>
      If you would like to know more about Bokeh, please use the following links:
    </p>
    <ul>
      <li><a href="https://bokeh.org">Bokeh's Main Website</a></li>
      <li><a href="https://docs.bokeh.org">Bokeh's Documentation Website</a></li>
      <li><a href="https://demo.bokeh.org/">Examples of charts made with Bokeh</a></li>
    </ul>
    <h2>The Site's Intended Users</h2>
    <p>
      The main group of people I had in mind when I developed this website were
      people with little to no programming experience but worked with
      spreadsheets. Because of this, the type of charts a user can create
      utilises only a sub-set of Bokeh's functionality. This trade-off, though,
      allows non-programmers to make interactive charts quickly and easily. From
      there, they can explore and share said charts like it was another file on
      your computer.
    </p>
    <h2>Accepted File Types</h2>
    <p>
      So far, this website only accepts the following file types:
    </p>
      <ul>
	<li>Comma-Seperate values (.csv)</li>
	<li>Tab-Seperated values (.tsv)</li>
      </ul>
    <p>
      These types of files quite common and can be viewed in standard
      spreadsheet software such as:
    </p>
    <ul>
      <li><a href="https://www.libreoffice.org/download/download/">Libre Office: Calc</a></li>
      <li><a href="https://www.microsoft.com/en-gb/microsoft-365/excel">Microsoft Excel</a></li>
    </ul>
    <p>
      <strong>Note: </strong>
      Because .csv and .tsv are 'plain text' files, you should be able to open them
      using Notepad (Windows) or TextEdit (Mac OS). 
    </p>
    <h2>About Craig</h2>
    <p>
      The short version is on my personal website you will find artworks I've
      made, blog posts I've written, 3D models I've concocted, graphic design
      projects I've put together and software I've developed. For the longer
      version,
      visit <a href="https://www.craigoates.net/about">craigoates.net/about</a>.
    </p>
  </article>
</div>

{% endblock %}