etc404/thymecrunch
1
0
Fork 0
mirror of https://gitlab.com/etc404/software-engineering-project.git synced 2026-05-10 20:52:58 +00:00
Code Issues Actions Packages Projects Releases Wiki Activity

logged out display

Browse Source
This commit is contained in:
kaipher7
2026-04-23 16:53:17 -06:00
parent f19a647ee5
commit 23d9d1d6e8
9 changed files with 67 additions and 33 deletions
Download Patch File Download Diff File Expand all files Collapse all files
src/main/resources/static/css/explore.css
+8
View File
@@ -138,6 +138,14 @@ body, html {
transform: scale(1.05);
}
.login-link {
margin-top: 16px;
font-size: 0.8em;
text-align: center;
padding: 0 15px;
list-style: none;
}
/* =========================
Floating Create Icon
========================= */
src/main/resources/static/css/home.css
+7 -1
View File
@@ -98,7 +98,7 @@ body, html {
.sidebar-left ul {
list-style: none;
padding: 0;
padding: 0 25px;
}
.sidebar-left li {
@@ -130,6 +130,12 @@ body, html {
transform: scale(1.05);
}
.login-link {
margin-top: 16px;
font-size: 0.8em;
text-align: center;
list-style: none;
}
/* =========================
Floating Create Icon
src/main/resources/static/css/public-profile.css
+7
View File
@@ -134,6 +134,13 @@ body, html {
transform: scale(1.05);
}
.login-link {
margin-top: 16px;
font-size: 0.8em;
text-align: center;
padding: 0 15px;
list-style: none;
}
/* =========================
Floating Create Icon
src/main/resources/static/css/view-recipe.css
+7 -1
View File
@@ -132,7 +132,13 @@ body, html {
transform: scale(1.05);
}
.login-link {
margin-top: 16px;
font-size: 0.8em;
text-align: center;
padding: 0 15px;
list-style: none;
}
/* =========================
Floating Create Icon
src/main/resources/templates/explore.html
+12 -12
View File
@@ -22,20 +22,20 @@
<div class="body-left">
<nav class="sidebar-left">
<ul>
<li><a th:href="@{/explore}">Explore</a></li>
<li><a th:href="${guest} ? @{/login} : @{/}">Saved</a></li>
<li><a th:href="@{/my-profile}">Profile</a></li>
<li><a th:href="@{/explore}">Explore</a></li>
<li th:unless="${guest}"><a th:href="@{/}">Saved</a></li>
<li th:unless="${guest}"><a th:href="@{/my-profile}">Profile</a></li>
<li th:if="${guest}">
<a th:href="@{/login(redirect='/explore')}" class="login-link">Login</a>
</li>
<li th:if="${guest}" class="login-link">
<a th:href="@{/login}">Login</a> or <a th:href="@{/register}">Sign Up</a> to create and save recipes
</li>
<li th:unless="${guest}">
<form th:action="@{/logout}" method="post">
<input type="image" th:src="@{images/logout_icon.png}" alt="Logout button" class="nav_icon"/>
</form>
</li>
</ul>
<li th:unless="${guest}">
<form th:action="@{/logout}" method="post">
<input type="image" th:src="@{images/logout_icon.png}" alt="Logout button" class="nav_icon"/>
</form>
</li>
</ul>
</nav>
<a th:href="@{/create}" class="create_icon">
<img th:src="@{images/create_icon.png}" alt="Create New Recipe Icon (Red mixing bowl with a spoon and yellow addition symbol.)">
src/main/resources/templates/home.html
+4 -7
View File
@@ -19,11 +19,11 @@
<nav class="sidebar-left">
<ul>
<li><a th:href="@{/explore}">Explore</a></li>
<li><a th:href="${guest} ? @{/login} : @{/}">Saved</a></li>
<li><a th:href="@{/my-profile}">Profile</a></li>
<li th:unless="${guest}"><a th:href="@{/}">Saved</a></li>
<li th:unless="${guest}"><a th:href="@{/my-profile}">Profile</a></li>
<li th:if="${guest}">
<a th:href="@{/login}" class="login-link">Login</a>
<li th:if="${guest}" class="login-link">
<a th:href="@{/login}">Login</a> or <a th:href="@{/register}">Sign Up</a> to create and save recipes
</li>
<li th:unless="${guest}">
@@ -43,9 +43,6 @@
<div class="recipe-card">
<div th:if="${guest}" style="text-align:center; padding: 20px 0;">
<p style="margin-bottom:16px;">Log in to view and save your favorite recipes.</p>
<a th:href="@{/login}" style="display:inline-block; padding:10px 18px; background:#850000; color:white; text-decoration:none; border-radius:8px;">
Login
</a>
</div>
<div th:unless="${guest}">
src/main/resources/templates/my-profile.html
+8 -3
View File
@@ -23,9 +23,14 @@
<nav class="sidebar-left">
<ul>
<li><a th:href="@{/explore}">Explore</a></li>
<li><a href="/">Saved</a></li>
<li><a th:href="@{/my-profile}">Profile</a></li>
<li>
<li th:unless="${guest}"><a th:href="@{/}">Saved</a></li>
<li th:unless="${guest}"><a th:href="@{/my-profile}">Profile</a></li>
<li th:if="${guest}" class="login-link">
<a th:href="@{/login}">Login</a> or <a th:href="@{/register}">Sign Up</a> to create and save recipes
</li>
<li th:unless="${guest}">
<form th:action="@{/logout}" method="post">
<input type="image" th:src="@{images/logout_icon.png}" alt="Logout button" class="nav_icon"/>
</form>
src/main/resources/templates/public-profile.html
+5 -5
View File
@@ -22,16 +22,16 @@
<nav class="sidebar-left">
<ul>
<li><a th:href="@{/explore}">Explore</a></li>
<li><a th:href="${guest} ? @{/login} : @{/}">Saved</a></li>
<li><a th:href="@{/my-profile}">Profile</a></li>
<li th:unless="${guest}"><a th:href="@{/}">Saved</a></li>
<li th:unless="${guest}"><a th:href="@{/my-profile}">Profile</a></li>
<li th:if="${guest}">
<a th:href="@{/login}" class="login-link">Login</a>
<li th:if="${guest}" class="login-link">
<a th:href="@{/login}">Login</a> or <a th:href="@{/register}">Sign Up</a> to create and save recipes
</li>
<li th:unless="${guest}">
<form th:action="@{/logout}" method="post">
<input type="image" th:src="@{/images/logout_icon.png}" alt="Logout button" class="nav_icon"/>
<input type="image" th:src="@{images/logout_icon.png}" alt="Logout button" class="nav_icon"/>
</form>
</li>
</ul>
src/main/resources/templates/view-recipe.html
+9 -4
View File
@@ -22,11 +22,16 @@
<nav class="sidebar-left">
<ul>
<li><a th:href="@{/explore}">Explore</a></li>
<li><a href="/">Saved</a></li>
<li><a th:href="@{/my-profile}">Profile</a></li>
<li>
<li th:unless="${guest}"><a th:href="@{/}">Saved</a></li>
<li th:unless="${guest}"><a th:href="@{/my-profile}">Profile</a></li>
<li th:if="${guest}" class="login-link">
<a th:href="@{/login}">Login</a> or <a th:href="@{/register}">Sign Up</a> to create and save recipes
</li>
<li th:unless="${guest}">
<form th:action="@{/logout}" method="post">
<input type="image" th:src="@{/images/logout_icon.png}" alt="Logout button" class="nav_icon"/>
<input type="image" th:src="@{images/logout_icon.png}" alt="Logout button" class="nav_icon"/>
</form>
</li>
</ul>