123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184 |
- {% extends "base.html" %}
- {% load static %}
- {% block title %}
- 首页
- {% endblock title %}
- {% block style %}
- <link rel="stylesheet" type="text/css" href="{% static 'article/list.css' %}">
- {% endblock style %}
- {% block content %}
- <header class="masthead" id="masthead">
- <div class="overlay"></div>
- <div class="container">
- <div class="row">
- <div class="col-lg-12 col-md-10 mx-auto">
- <div class="site-heading no-gutter" data-aos="fade-up" data-aos-delay="100">
- <h1>Design And Record</h1>
- <p>
- <span class="subheading text-slider-items">
- All things are difficult before they are easy.,
- No success in life merely happens.,
- 99 little bugs in the code.,
- One must first understand recursion in order to understand recursion.,
- Everything will be okay in the end. If it's not okay, it's not the end.,
- Everybody wants happiness. No one wants pain. But how can you make a rainbow without a little rain?,
- No matter when you start, it is important that you do not stop after starting. No matter when you end, it is more important that you do not regret after ended.,
- If you want something you've never had, then you've got to do something you've never Done.,
- Dear music, thank you for being there when nobody else was.
- </span><strong
- class="text-slider"></strong>
- </p>
- </div>
- </div>
- </div>
- </div>
- </header>
- <div class="container" id="content">
-
- <div class="row mt-2" id="articles_list">
- {% for article in articles %}
- <div class="row col-10 m-auto">
-
- {% if article.avatar %}
- <div class="col-4" data-aos="fade-up" data-aos-delay="100">
- <img src="{{ article.avatar.url }}"
- alt="avatar"
- style="max-width: 100%; border-radius: 20px;"
- >
- </div>
- {% endif %}
- <div class="col">
- {% if article.column %}
- <button type="button"
- onclick="window.open('{% url 'article:article_list' %}?search={{ search }}&tag={{ tag }}&column={{ article.column.id }}')"
- class="btn btn-sm mb-2 column_button"
- data-aos="fade-up" data-aos-delay="120">
- {{ article.column }}
- </button>
- {% endif %}
-
- <span>
- {% for tag in article.tags.all %}
- <a href="{% url 'article:article_list' %}?tag={{ tag }}&search={{ search }}&column={{ column }}"
- class="badge badge-secondary" data-aos="fade-up" data-aos-delay="120">
- {{ tag }}
- </a>
- {% endfor %}
- </span>
-
- <h4 data-aos="fade-up" data-aos-delay="140">
- <b>
- <a id="post-preview" href="{% url 'article:article_detail' article.id %}">
- {{ article.title }}
- </a>
- </b>
- </h4>
-
- <div data-aos="fade-up" data-aos-delay="160">
- <p style="color: gray;">
- {{ article.summary|slice:'50' }}...
- </p>
- </div>
-
- <p style="color: #868e96;font-style: italic;font-family: 'Lora', 'Times New Roman', serif;"
- data-aos="fade-up" data-aos-delay="180">
-
- <span>
- <i class="fas fa-eye"></i>
- {{ article.total_views }} viewd
- </span>
- <span>
- <i class="fas fa-comments"></i>
- Posted at {{ article.created|date:'Y-m-d' }}
- </span>
- <span>
- <i class="fas fa-clock"></i>
- Update at {{ article.updated|date:'Y-m-d' }}
- </span>
- </p>
- <hr data-aos="fade-up" data-aos-delay="180">
- </div>
- <hr style="width:100%;" data-aos="fade-up" data-aos-delay="180"/>
- </div>
- {% endfor %}
- </div>
-
- </div>
- {% endblock content %}
- {% block script %}
- <script src="{% static 'typed/typed.js' %}"></script>
- <script src="{% static 'article/list.js' %}"></script>
- <script src="{% static 'article/jquery.cookie.js' %}"></script>
- {% endblock script %}
|