Changeset a51a591 for src/main/resources


Ignore:
Timestamp:
09/22/23 19:09:19 (14 months ago)
Author:
colovik <j.colovik@…>
Branches:
master
Parents:
de70cd4
Message:

final

Location:
src/main/resources
Files:
15 added
2 edited

Legend:

Unmodified
Added
Removed

  • src/main/resources/application.properties

    rde70cd4 ra51a591  
    11server.port=9999
    22spring.profiles.active=prod
    3 spring.jpa.properties.hibernate.default_schema=project
     3spring.jpa.properties.hibernate.default_schema=public

  • src/main/resources/templates/Home.html

    rde70cd4 ra51a591  
    44    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
    55    <style>
    6 
    7         .navbar{
     6        .navbar {
    87            background: darkkhaki;
    9 
    10         }
    11         span{
     8        }
     9
     10        span {
    1211            color: #b2d7ff;
    1312            text-decoration: none;
    1413            background: transparent;
    1514        }
    16         ul{
     15
     16        ul {
    1717            text-align: justify;
    1818            margin-left: 50px;
    … …  
    2020
    2121        }
    22         #txt {text-align: center;
    23             margin-top:17.2rem;
    24             margin-bottom: 300px;
    25             font-size: 110px;
    26             color: black;
    27         }
    28         #txt1 {text-align: center;
    29             margin-top:17.2rem;
    30             margin-bottom: 300px;
    31             font-size: 110px;
    32             color: black;
    33         }
    34         body{
    35             background-image: url("../static/eventrabg.jpg");
     22
     23        body {
     24            background-image: url("https://images.unsplash.com/photo-1511795409834-ef04bbd61622?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=869&q=80");
    3625            background-size: 100%;
    3726            background-repeat: no-repeat;
    38         }
    39         .navbar-brand{
    40             color:yellow;
    41         }
    42         .nav-link{
    43             color: yellow;
    44         }
    45 
    46         footer{
    47             position: absolute;
     27            background-position: center top -150px; /* Adjust the background position to move the image up */
     28        }
     29
     30        .navbar-brand {
     31            color: #343a40;
     32            font-weight: bold;
     33        }
     34
     35        .nav-link {
     36            color: #343a40;
     37            font-weight: bold;
     38
     39        }
     40
     41        footer {
     42            position: fixed;
    4843            bottom: 0;
    4944            left: 0;
    … …  
    5247            height: auto;
    5348            width: 100vw;
    54 
    5549            padding-top: 40px;
    5650            color: #fff;
    5751        }
    58         .footer-content{
     52
     53        .footer-content {
    5954            display: flex;
    6055            align-items: center;
    … …  
    6257            flex-direction: column;
    6358            text-align: center;
    64             height: 100px;
    65         }
    66         .footer-content h3{
     59            height: 80px;
     60        }
     61
     62        .footer-content h3 {
    6763            font-size: 2.1rem;
    6864            font-weight: 500;
    6965            text-transform: capitalize;
    7066            line-height: 3rem;
    71         }
    72         .footer-content p{
     67            margin-top: 20px;
     68        }
     69
     70        .footer-content p {
    7371            max-width: 500px;
    7472            margin: 10px auto;
    … …  
    7775            color: #cacdd2;
    7876        }
    79         .socials{
     77
     78        .socials {
    8079            list-style: none;
    8180            display: flex;
    … …  
    8483            margin: 1rem 0 3rem 0;
    8584        }
    86         .socials li{
     85
     86        .socials li {
    8787            margin: 0 10px;
    8888        }
    89         .socials a{
     89
     90        .socials a {
    9091            text-decoration: none;
    9192            color: #fff;
    9293            border: 1.1px solid white;
    9394            padding: 5px;
    94 
    9595            border-radius: 50%;
    96 
    97         }
    98         .socials a i{
     96        }
     97
     98        .socials a i {
    9999            font-size: 1.1rem;
    100100            width: 20px;
    101 
    102 
    103101            transition: color .4s ease;
    104 
    105         }
    106         .socials a:hover i{
     102        }
     103
     104        .socials a:hover i {
    107105            color: aqua;
    108106        }
    109107
    110         .footer-bottom{
    111             background: #000;
    112             width: 100vw;
    113             padding: 20px;
    114             padding-bottom: 40px;
    115             text-align: center;
    116         }
    117         .footer-bottom p{
     108        .footer-bottom p {
    118109            float: left;
    119110            font-size: 14px;
    … …  
    121112            text-transform: capitalize;
    122113        }
    123         .footer-bottom p a{
    124             color:#44bae8;
     114
     115        .footer-bottom p a {
     116            color: #44bae8;
    125117            font-size: 16px;
    126118            text-decoration: none;
    127119        }
    128         .footer-bottom span{
     120
     121        .footer-bottom span {
    129122            text-transform: uppercase;
    130123            opacity: .4;
    131124            font-weight: 200;
    132125        }
    133         .footer-menu{
    134             float: right;
    135 
    136         }
    137         .footer-menu ul{
     126
     127        .footer-menu ul {
    138128            display: flex;
    139129        }
    140         .footer-menu ul li{
     130
     131        .footer-menu ul li {
    141132            padding-right: 10px;
    142133            display: block;
    143134        }
    144         .footer-menu ul li a{
     135
     136        .footer-menu ul li a {
    145137            color: #cfd2d6;
    146138            text-decoration: none;
    147139        }
    148         .footer-menu ul li a:hover{
     140
     141        .footer-menu ul li a:hover {
    149142            color: #27bcda;
    150143        }
    151144
    152         @media (max-width:500px) {
    153             .footer-menu ul{
     145        @media (max-width: 500px) {
     146            .footer-menu ul {
    154147                display: flex;
    155148                margin-top: 10px;
    … …  
    158151        }
    159152
    160         .kopce{
     153        .kopce {
    161154            background-color: mediumslateblue;
    162155            border: none;
    … …  
    170163        }
    171164
    172         #logo{
    173             width:160px;
    174             height: 60px
     165        /*#logo{*/
     166        /*    width:160px;*/
     167        /*    height: 60px*/
     168        /*}*/
     169        h1 {
     170            color: black;
     171            font-size: 60px;
     172            font-weight: 700;
     173            letter-spacing: 8px;
     174            margin-bottom: 20px;
     175            margin-left: auto;
     176            margin-right: auto;
     177            margin-top: 50px;
     178            position: relative;
     179            animation: text 3s 1;
     180        }
     181
     182        @keyframes text {
     183            0% {
     184                color: black;
     185                margin-bottom: -40px;
     186            }
     187            30% {
     188                letter-spacing: 25px;
     189                margin-bottom: -40px;
     190            }
     191            85% {
     192                letter-spacing: 8px;
     193                margin-bottom: -40px;
     194            }
     195        }
     196
     197        footer {
     198            width: 100%;
     199            padding: 20px;
     200            box-sizing: border-box;
    175201        }
    176202    </style>
    177203    <meta name="viewport" content="width=device-width, initial-scale=1">
    178204    <meta charset="UTF-8"/>
    179     <title>Home</title>
    180     <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css" integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
    181     <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
    182     <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1" crossorigin="anonymous"></script>
    183     <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM" crossorigin="anonymous"></script>
     205    <title>Home - Eventrra</title>
     206    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
     207          integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
     208    <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
     209            integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
     210            crossorigin="anonymous"></script>
     211    <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js"
     212            integrity="sha384-UO2eT0CpHqdSJQ6hJty5KVphtPhzWj9WO1clHTMGa3JDZwrnQq4sF86dIHNDz0W1"
     213            crossorigin="anonymous"></script>
     214    <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js"
     215            integrity="sha384-JjSmVgyd0p3pXB1rRibZUAYoIIy6OrQ6VrjIEaFf/nJGzIxFDsf4x0xIM+B07jRM"
     216            crossorigin="anonymous"></script>
    184217</head>
    185218<body>
    186219<div>
    187 <nav class="navbar navbar-expand-md ">
    188     <div  class="container">
    189 
    190         <img id="logo" src="../static/logoeventra.png">
    191         <a class="navbar-brand" href="/home"></a>
    192         <a class="navbar-brand" href="/home"> Eventrra</a>
    193         <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault"
    194                 aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
    195             <span class="navbar-toggler-icon"></span>
    196         </button>
    197 
    198         <div class="collapse navbar-collapse justify-content-end" id="navbarsExampleDefault">
    199             <ul class="navbar-nav m-auto">
    200 
    201                 <li  class="nav-item m-auto">
    202                     <a  class="nav-link active" href="/home">Home</a>
    203                 </li>
    204 
    205                 <li  class="nav-item m-auto">
    206                     <a class="kopce" href="/home/hostevent">Host an event</a>
    207                 </li>
    208             </ul>
    209             <form class="form-inline my-2 my-lg-0">
    210 
    211             <div th:if="${session.user==null}">
    212                     <a class="btn btn-light btn-sm ml-3" href="/login">
    213                          Login
    214                     </a>
    215 
    216                     <a  class="btn btn-light btn-sm ml-3" href="/register">
    217                          SignUp
    218                     </a>
     220    <nav class="navbar navbar-expand-md ">
     221        <div class="container">
     222            <!--                    <img class="u-image u-image-default u-image-1" src="../static/logoeventra.png" alt="" data-image-width="648" data-image-height="292">-->
     223            <!--                <a class="navbar-brand" href="/home"></a>-->
     224            <a class="navbar-brand"> Eventrra</a>
     225            <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExampleDefault"
     226                    aria-controls="navbarsExampleDefault" aria-expanded="false" aria-label="Toggle navigation">
     227                <span class="navbar-toggler-icon"></span>
     228            </button>
     229
     230            <div class="collapse navbar-collapse justify-content-end" id="navbarsExampleDefault">
     231                <ul class="navbar-nav m-auto">
     232
     233                    <li th:if="${session.user!=null}" class="nav-item m-auto">
     234                        <a class="nav-link active" href="/">Home</a>
     235                    </li>
     236
     237                    <li th:if="${session.user!=null and session.role == 'ROLE_CLIENT'}"
     238                        class="nav-item m-auto">
     239                    <a class="kopce" href="/host_event">Host an event</a>
     240                    </li>
     241                    <li th:if="${session.user!=null}" class="nav-item m-auto">
     242                        <a class="nav-link active" href="/my_events">Scheduled events</a>
     243                    </li>
     244                </ul>
     245
     246                <form class="form-inline my-2 my-lg-0">
     247
     248                    <div th:if="${session.user==null}">
     249                        <a class="btn btn-light btn-sm ml-3" href="/login">
     250                            Login
     251                        </a>
     252
     253                        <a class="btn btn-light btn-sm ml-3" href="/register">
     254                            Sign up
     255                        </a>
     256                    </div>
     257                    <div style="text-align: center" th:if="${session.user!=null}" class="nav-item m-auto">
     258                        <a th:text="${session.user.username}" style="color:white; font-size: 20px;"
     259                           class="nav-link active" href="/login/profile"></a>
     260                    </div>
     261
     262                    <div th:if="${session.user!=null}">
     263                        <a class="btn btn-light btn-sm ml-3" href="/logout">
     264                            Log out
     265                        </a>
     266                    </div>
     267                </form>
    219268            </div>
    220                 <div  style="  text-align: center"  th:if="${session.user!=null}" class="nav-item m-auto">
    221                     <a th:text="${session.user.username}" style="color:white; font-size: 20px;" class="nav-link active" href="/login/profile"></a>
    222                 </div>
    223 
    224                 <div th:if="${session.user!=null}">
    225                     <a class="btn btn-light btn-sm ml-3" href="/logout">
    226                          Log out
    227                     </a>
    228 
    229 
    230 
    231                     </a>
    232                 </div>
    233 
    234             </form>
    235269        </div>
    236     </div>
    237 </nav>
     270    </nav>
    238271</div>
    239 
    240 
    241 
    242 
    243 <style>
    244     h1{
    245         color: black;
    246         font-size: 60px;
    247         font-weight: 700;
    248         letter-spacing: 8px;
    249         margin-bottom: 20px;
    250         margin-left:auto;
    251         margin-right:auto;
    252         margin-top:50px;
    253         position: relative;
    254         animation: text 3s 1;
    255     }
    256 
    257 
    258     @keyframes text {
    259         0%{
    260             color: black;
    261             margin-bottom: -40px;
    262         }
    263         30%{
    264             letter-spacing: 25px;
    265             margin-bottom: -40px;
    266         }
    267         85%{
    268             letter-spacing: 8px;
    269             margin-bottom: -40px;
    270         }
    271     }
    272 
    273 </style>
    274 
    275 
    276 
    277 </section>
    278 </body>
    279 <!-- Footer -->
    280 
    281 
     272<!--        <div class="ml-5">-->
     273<!--        <img class="img-fluid" src="https://images.unsplash.com/photo-1511795409834-ef04bbd61622?ixlib=rb-4.0.3&ixid=MnwxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8&auto=format&fit=crop&w=869&q=80" alt="Image">-->
     274<!--        </div>-->
    282275<footer>
    283276    <div class="footer-content">
     277        <br>
    284278        <h3>Contact us</h3>
    285279
    … …  
    292286        </ul>
    293287    </div>
    294 
    295 
    296288</footer>
    297 
    298 
    299 
    300 
    301 
    302 
     289</body>
    303290</html>
Note: See TracChangeset for help on using the changeset viewer.