website/index.html at main · Froqqy54/website · 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
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
<!DOCTYPE html>
<!--          shift alt f for reformat                   //-->
<html lang="en">
  <head>
    <link rel="stylesheet" type="text/css" href="style.css" />
    <meta charset="utf-8" />
    <title>Meal Decider</title>
    <style>
      body {
        background-image: url("salade.jpg");
        background-size: 200% auto;
        background-attachment: fixed;
      }

      img {
        transform: scale(0.7);
        max-width: 20%;
        max-height: 20%;
        margin-right: 100px;
        margin-top: 300px;
      }

      .text {
        overflow: hidden;
      }

      .topnav {
        position: fixed;
        top: 0;
        width: 100%;
      }

      .topnav a {
        display: inline-block;
        padding: 14px 16px;
        text-decoration: none;
        color: #ffffff;
        font-family: "Montserrat", sans-serif;
      }

      .topnav a.active {
        background-color: #466c16;
      }
    </style>
    <script>
      window.addEventListener("scroll", function () {
        document.body.style.backgroundPositionY =
          -(window.pageYOffset / 2) + "px";
      });
    </script>
  </head>
  <body>
    <div class="topnav">
      <a class="active" href="/home">Home</a>
      <a href="/app.html">Try it out!</a>
      <a href="/about.html">About</a>
    </div>

    <div class="text">
      <p style="font-size: 80px; margin-left: 30px">
        <b>Lorem ipsum? Dolor sit amet!</b>
      </p>
      <div class="image">
        <img
          src="gpt.png"
          class="scaled-image"
          align="right"
          style="margin-right: 100px; margin-top: 30px"
        />
      </div>
    </div>
    <hr />
    <p style="font-size: 20px; margin-left: 50px">
      Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod
      tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim
      veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea
      commodo consequat. Duis aute irure dolor in reprehenderit in voluptate
      velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat
      cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id
      est laborum.
    </p>
    <button
      class="button"
      style="margin-left: 100px; margin-top: 100px; border-radius: 8px"
    >
      Lorem ipsum dolor sit amet!
    </button>
    <center>
      <p
        onclick="window.location.href='/app';"
        style="font-size: 50px; padding: 10px"
      >
        <b>Lorem ipsum dolor sit amet</b>
      </p>
    </center>
    <p style="font-size: 20px; margin-left: 50px">
      Maecenas semper pharetra enim, eu ultricies enim tempor a. Duis ac ex
      maximus, condimentum metus at, elementum eros. Etiam mollis nisi bibendum
      vestibulum sollicitudin. Sed ultrices turpis sit amet nulla commodo, sed
      vestibulum nisl aliquam. Ut interdum eros a massa hendrerit aliquam. Nam
      porttitor risus in neque auctor, a dignissim ex commodo. Duis vel semper
      arcu, in dapibus augue. Duis fermentum fermentum magna, vel commodo metus
      gravida et. Sed blandit condimentum leo vitae varius. Donec tincidunt
      tellus sapien. Aenean consequat posuere sem, vitae placerat magna aliquam
      non. Nam ut lobortis enim, id consequat augue. Quisque condimentum feugiat
      arcu ut dapibus. Integer maximus sem sed fermentum scelerisque. Vestibulum
      ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia
      curae.
    </p>
  </body>
</html>