Pictory/templates/users/login.html at fcae5119e5800380c94de7e69644ebe1db331140 · pirogramming/Pictory · 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
{% load static %}
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
    <title>login</title>
    <link rel="stylesheet" href="{% static 'reset.css' %}">
    <link rel="stylesheet" href="{% static 'global.css' %}">
    <link rel="stylesheet" href="{% static 'users/login.css' %}">
    <link rel="preconnect" href="https://fonts.googleapis.com">
    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    <link href="https://fonts.googleapis.com/css2?family=Gravitas+One&display=swap" rel="stylesheet">
</head>
<body class="login_body_psy">
    <div class="login_wrapper_psy">

        <div class="login_title_psy">
            <p class="login_typing_text_ksy">인생네컷으로 만드는 나만의 일기장</p>
            <h1 class="login_title_pictory_ksy">Pictory</h1>
        </div>

        <div class="login_container_psy">

            <form method="POST" action="{% url 'users:login' %}" class="login_form_psy">
                {% csrf_token %}
                <input type="text" name="login_id" placeholder="아이디" class="login_input_psy" required>
                <input type="password" name="password" placeholder="비밀번호" class="login_input_psy" required>
                <button type="submit" class="login_button_psy">로그인</button>
            </form>

            <div class="login_link_psy">계정이 없으신가요? <a href="{% url 'users:signup' %}">회원가입</a></div>

            <div class="login_social_container_psy">
                <!-- 네이버 소셜 로그인 버튼 -->
                <button type="button" class="login_naverSocial_button_psy" onclick="window.location.href='/naver/login/'">
                    <img src="{% static 'images/naver_login_btn.png' %}" alt="네이버 계정 로그인" class="login_naverSocial_img_psy">
                </button>
                <button type="submit" class="login_kakaoSocial_button_psy" onclick="document.location.href='{% url "users:login_kakao" %}'">
                    <img src="{% static 'images/kakao_login_btn.png' %}" alt="카카오오 계정 로그인" class="login_naverSocial_img_psy">
                </button>
            </div>

        </div>
    </div>

    {% if messages %}
        <script>
            {% for message in messages %}
                alert("{{ message }}");  // 설정해둔 로그인 오류 메세지 출력
            {% endfor %}
        </script>
    {% endif %}
</body>
</html>