{% extends 'calculators/base.html' %}
{% block content %}
<div class="row">
  <div class="col-md-6">
    <h2>Welcome</h2>
    <p class="lead">Choose a calculator. This collection uses a glassmorphism theme and Bootstrap 5 for responsive layout.</p>
    <ul>
      <li><a href="{% url 'calculators:basic' %}">Basic Calculator</a></li>
      <li><a href="{% url 'calculators:scientific' %}">Scientific Calculator</a></li>
      <li><a href="{% url 'calculators:graphing' %}">Graphing Calculator</a></li>
      <li><a href="{% url 'calculators:financial' %}">Financial Calculators</a></li>
      <li><a href="{% url 'calculators:printing' %}">Printing Calculator</a></li>
      <li><a href="{% url 'calculators:specialized' %}">Specialized Calculators</a></li>
    </ul>
  </div>
  <div class="col-md-6">
    <div class="card-glass p-3">
      <h5>Quick tip</h5>
      <p class="mb-0">Graphing uses Plotly (CDN). Scientific functions map to JS Math functions for responsive client-side evaluation.</p>
    </div>
  </div>
</div>
{% endblock %}