summaryrefslogtreecommitdiff
path: root/arduino_blog
diff options
context:
space:
mode:
Diffstat (limited to 'arduino_blog')
-rw-r--r--arduino_blog/static/arduino_blog/templates/home.html34
-rwxr-xr-xarduino_blog/static/images/MainBoard.jpgbin0 -> 152417 bytes
-rwxr-xr-xarduino_blog/static/images/Traffic.jpgbin0 -> 134477 bytes
3 files changed, 32 insertions, 2 deletions
diff --git a/arduino_blog/static/arduino_blog/templates/home.html b/arduino_blog/static/arduino_blog/templates/home.html
index a1feb61..7660f18 100644
--- a/arduino_blog/static/arduino_blog/templates/home.html
+++ b/arduino_blog/static/arduino_blog/templates/home.html
@@ -3,9 +3,39 @@
{% load static %}
<!-- Navigation -->
{% block home %}
-
+<style>
+ /* Make the image fully responsive */
+ .carousel-inner img {
+ width: 25%;
+ height: 25%;
+ }
+</style>
<main role="main">
-
+ <section>
+ <div id="front-image" class="carousel slide" data-ride="carousel">
+ <!-- Indicators -->
+ <ul class="carousel-indicators">
+ <li data-target="#front-image" data-slide-to="0" class="active"></li>
+ <li data-target="#front-image" data-slide-to="1"></li>
+ </ul>
+ <!-- The slideshow -->
+ <div class="carousel-inner">
+ <div class="carousel-item active text-center">
+ <img src="{% static 'images/MainBoard.jpg' %}" alt="Main Board" class="img-fluid">
+ </div>
+ <div class="carousel-item text-center">
+ <img src="{% static 'images/Traffic.jpg' %}" alt="Traffic" class="img-fluid">
+ </div>
+ </div>
+ <!-- Left and right controls -->
+ <a class="carousel-control-prev" href="#front-image" data-slide="prev">
+ <span class="carousel-control-prev-icon"></span>
+ </a>
+ <a class="carousel-control-next" href="#front-image" data-slide="next">
+ <span class="carousel-control-next-icon"></span>
+ </a>
+ </div>
+ </section>
<section class="text-center">
<div class="container">
<h1>Open Source Hardware Project</h1>
diff --git a/arduino_blog/static/images/MainBoard.jpg b/arduino_blog/static/images/MainBoard.jpg
new file mode 100755
index 0000000..adda668
--- /dev/null
+++ b/arduino_blog/static/images/MainBoard.jpg
Binary files differ
diff --git a/arduino_blog/static/images/Traffic.jpg b/arduino_blog/static/images/Traffic.jpg
new file mode 100755
index 0000000..534d788
--- /dev/null
+++ b/arduino_blog/static/images/Traffic.jpg
Binary files differ