Skip to content

Commit

Permalink
added the changes
Browse files Browse the repository at this point in the history
  • Loading branch information
@YadlaMani
YadlaMani committed May 21, 2024
1 parent ebe1b14 commit ce704ca
Show file tree
Hide file tree
Showing 3 changed files with 237 additions and 180 deletions.
59 changes: 31 additions & 28 deletions newsaggregator/templates/partials/base_auth.html
View file
Original file line number Diff line number Diff line change
@@ -1,40 +1,43 @@
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Onion News</title>

<!--- favicon-->
<link rel="shortcut icon" href="{% static './assets/images/news.png' %}" type="image/x-icon">
<link
rel="shortcut icon"
href="{% static './assets/images/news.png' %}"
type="image/x-icon"
/>

<!-- google cdns -->
<link rel="preconnect" href="https://fonts.gstatic.com">

<!-- apps stylesheets -->

</head>
<body>
{% block authentication %}
<link rel="preconnect" href="https://fonts.gstatic.com" />
<!-- boot strap -->
<link
href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-1BmE4kWBq78iYhFldvKuhfTAU6auU8tT94WrHftjDbrCEXSU1oBoqyl2QvZ6jIW3"
crossorigin="anonymous"
/>

{% endblock authentication %}
<!-- apps stylesheets -->
</head>
<body>
{% block authentication %} {% endblock authentication %}
<body class="light-theme">

<header>
<div class="navbar-section">
{% include 'components/navbar.html' %}
{% load social_share %}
</div>
{% block category %}
{% endblock category %}
{% block index %}
{% endblock index %}
</header>
{% include 'components/footer.html' %}

<header>
<div class="navbar-section">
{% include 'components/navbar.html' %} {% load social_share %}
</div>
{% block category %} {% endblock category %} {% block index %} {%
endblock index %}
</header>
{% include 'components/footer.html' %}
</body>
<!-- apps js -->
<script src="{% static 'assets/js/userauth.js' %}"></script>
</body>
</html>
</body>
</html>
134 changes: 78 additions & 56 deletions newsaggregator/templates/userauths/sign-in.html
View file
Original file line number Diff line number Diff line change
@@ -1,63 +1,85 @@
{% extends 'partials/base.html' %}
{% load static %}

{% block authentication %}
{% extends 'partials/base.html' %} {% load static %} {% block authentication %}
<div class="container">
<div class="main-container">
<div class="main-content">
<div class="row">
<div class="col-md-6">
<img src="../../static/assets/images/sign-in-animate.svg" style="width: max-content;">
</div>
<div class="col-md-6" style="display: flex;align-items: center;justify-content: center;">
<div class="form-container">
<div class="form-content box">
<div class="logo">
<img src="../../static/assets/images/news.png" width="80px" alt="News logo" class="logo-light">
<img src="../../static/assets/images/news.png" width="80px" alt="News logo" class="logo-dark">
</div>

<form method="POST">
{% csrf_token %}
<div class="signin-form" id="signin-form">
<div class="form-group">
<div class="animate-input">
<span>
Enter email
</span>
<input class="login-signup-input" type="text" name="email" maxlength="100" required="" id="login_username">
</div>
</div>
<div class="form-group">
<div class="animate-input">
<span>
Enter Password
</span>
<input class="login-signup-input" type="password" name="password" autocomplete="current-password" required="" id="login_password">
<button>Show</button>
</div>
</div>
<div class="btn-groupss">
<button class="btn-login" id="signin-btn" type="submit">
Sign In
</button>
</div>
</div>
</form>


</div>
<div class="box goto">
<p>
<span style="color: var(--foreground-tertiary);">Don't have an account?</span>
<a href="{% url 'userauths:sign-up' %}">Sign up</a>
</p>
</div>

<div class="main-container">
<div class="main-content">
<div class="row">
<div class="col-md-6">
<img
src="../../static/assets/images/sign-in-animate.svg"
style="width: max-content"
/>
</div>
<div
class="col-md-6"
style="display: flex; align-items: center; justify-content: center"
>
<div class="form-container">
<div class="form-content box">
<div class="logo">
<img
src="../../static/assets/images/news.png"
width="80px"
alt="News logo"
class="logo-light"
/>
<img
src="../../static/assets/images/news.png"
width="80px"
alt="News logo"
class="logo-dark"
/>
</div>

<form method="POST">
{% csrf_token %}
<div class="signin-form" id="signin-form">
<div class="form-group">
<div class="animate-input">
<span> Enter email </span>
<input
class="login-signup-input form-control"
type="text"
name="email"
maxlength="100"
required=""
id="login_username"
/>
</div>
</div>
<div class="form-group">
<div class="animate-input">
<span> Enter Password </span>
<input
class="login-signup-input form-control"
type="password"
name="password"
autocomplete="current-password"
required=""
id="login_password"
/>
<button>Show</button>
</div>
</div>
<div class="btn-groupss">
<button class="btn-login" id="signin-btn" type="submit">
Sign In
</button>
</div>
</div>
</form>
</div>
<div class="box goto">
<p>
<span style="color: var(--foreground-tertiary)"
>Don't have an account?</span
>
<a href="{% url 'userauths:sign-up' %}">Sign up</a>
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
{% endblock authentication %}
{% endblock authentication %}
Loading

0 comments on commit ce704ca

Please sign in to comment.