TheCocktailBible/index.html at main · Whyiest/TheCocktailBible · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <title>The Cocktail Bible</title>
    <link rel="stylesheet" href="home.css">
    <link rel="stylesheet" href="general.css">
    <meta http-equiv="Content-Security-Policy" content="upgrade-insecure-requests">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <!-- Dev Note : Font Awesome linked with account (Name : Why). Don't reuse on others projects -->
    <script src="https://kit.fontawesome.com/5edb51746c.js" crossorigin="anonymous"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.6.1/jquery.min.js"></script>

</head>

<body onload="homeActive(), checkLanguageHome()">

<navbar>
    <ul id=nav-list>
        <li class="nav-element hide-mobile"><a class="nav-link" href="index.html"><i class="fa-solid fa-house-chimney"></i>&nbsp;Home</a></li>
        <li class="nav-element" ><a class="nav-link" href="search.html">Name</a></li>
        <li class="nav-element"><a class="nav-link" href="search.html?s=ingredient">Ingredients</a></li>
        <li class="nav-element"><a class="nav-link" href="random.html">Random</a></li>
        <li class="nav-element"><a class="nav-link" href="mailto:contact@cocktail.bible.com">Contact</a></li>

    </ul>

    <select id="language-select">
        <option value="en">EN</option>
        <option value="fr">FR</option>
    </select>


</navbar>

<section id="home">
    <div id="home-grid">
        <div id="home-text-column">
            <h1 id="home-text">The <span class="colored-text">Cocktail</span> Bible</h1>
            <div id="home-button-search">
                <p id="home-button-search-text" href="search.html">By Esteban & Thomas</p>
            </div>
        </div>

        <div id="home-button-column">
            <div id="home-button-container">
                <div class="home-button-byname home-button">
                    <a id="home-button-byname-text" href="search.html">Search by name&nbsp; <i class="fa-solid fa-spell-check"></i></a>
                </div>
                <div class="home-button-byingredient home-button">
                    <a id="home-button-byingredient-text" href="search.html?s=ingredient" >Search by ingredient&nbsp; <i class="fa-solid fa-lemon"></i></a>
                </div>
                <div class="home-button-random home-button">
                    <a id="home-button-random-text" href="random.html">Random cocktail ?&nbsp; <i class="fa-solid fa-dice"></i></a>
                </div>
            </div>

        </div>
    </div>

</section>

<script src="lang.js"></script>


</body>
</html>