Aggiunto Abbellimento Homepage

master
Michael Vignotto 2020-05-27 22:19:33 +02:00
parent 9d73d299da
commit a2b277789d
5 changed files with 29 additions and 7 deletions

View File

@ -14,11 +14,11 @@
<title>{% block title %} {% endblock title %}</title>
</head>
<body>
<div class="topnav">
<a class="active" href="{% url 'Homepage' %}">Home</a>
<div class="topnav text-center">
<a class="active" href="{% url 'Homepage' %}"><i class="fas fa-home mr-2"></i>Home</a>
<a href="#about">Strumenti</a>
<a href="#about">Bicchieri</a>
<a href="{% url 'random_cocktail' %}">Random Cocktail</a>
<a href="{% url 'random_cocktail' %}"><i class="fas fa-glass-cheers mr-2" style="color: black;"></i>Random Cocktail</a>
<div class="search-container">
<form action="{% url 'cerca' %}">
<input type="text" placeholder="Cerca..." name="q">

View File

@ -8,10 +8,11 @@
{% endblock css %}
{% block content %}
<h1 class="text-center">In totale nel nostro Salone Bar abbiamo {{ lista_cocktail.count }} <i class="fas fa-cocktail"></i> </h1>
<div class="contained-img-bar mt-2">
<div class="text-contained-img-bar">In totale nel nostro Salone Bar abbiamo {{ lista_cocktail.count }} cocktails</div>
</div>
<!-- <h1 class="text-center">In totale nel nostro Salone Bar abbiamo {{ lista_cocktail.count }} <i class="fas fa-cocktail"></i> </h1> -->
{% for cocktail in lista_cocktail %}
<!-- {{ cocktail.ingredienti.all }}
{{ cocktail.nome_cocktail }} -->
{% if forloop.first %} <div class="row"> {% endif %}
<div class="col-lg-4 my-3">
<a href="{{ cocktail.get_absolute_url }}">

View File

@ -1,7 +1,7 @@
from django.shortcuts import render,get_object_or_404,redirect
from .models import Cocktail,Ingredienti
import random
import time
# Create your views here.

View File

@ -20,3 +20,24 @@ a
a:hover{
color: inherit;
}
.contained-img-bar{
width: 100%;
height: 300px;
border-radius: 5px;
border: 1px solid grey;
background-image: url("https://img.freepik.com/foto-gratuito/selezione-di-vari-cocktail-sul-tavolo_140725-2909.jpg?size=626&ext=jpg");
background-size: cover;
background-position: center;
position: relative;
}
.text-contained-img-bar{
color: white;
text-transform: uppercase;
text-align: center;
position: absolute;
font-size: 1.5em;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}