Skip to content

L
lexchan_reading
Commit 1beb226b authored by Lex Philip Gabriel D. Chan's avatar Lex Philip Gabriel D. Chan
Browse files
Options

Applied basic CSS styling

parent c797500a
Pipeline #3095 failed with stages
      Show whitespace changes
      Inline Side-by-side
      Showing with 60 additions and 13 deletions
      lexchan_reading/bookshelf/templates/bookshelf/author_details.html
      View file @ 1beb226b
      ......@@ -18,8 +18,8 @@
      {% endfor %}
      </ul>
      <center>
      <a href="/bookshelf/home">Home</a>
      <a href="/bookshelf/books">Books</a>
      <a href="/bookshelf/authors">Authors</a>
      <button class="button"><a href="/bookshelf/home">Home</a></button>
      <button class="button"><a href="/bookshelf/books">Books</a></button>
      <button class="button"><a href="/bookshelf/authors">Authors</a></button>
      </center>
      {% endblock %}
      \ No newline at end of file
      lexchan_reading/bookshelf/templates/bookshelf/authors.html
      View file @ 1beb226b
      ......@@ -13,7 +13,7 @@
      {% endfor %}
      </ul>
      <center>
      <a href="/bookshelf/home">Home</a>
      <a href="/bookshelf/books">Books</a>
      <button class="button"><a href="/bookshelf/home">Home</a></button>
      <button class="button"><a href="/bookshelf/books">Books</a></button>
      </center>
      {% endblock %}
      \ No newline at end of file
      lexchan_reading/bookshelf/templates/bookshelf/book_details.html
      View file @ 1beb226b
      ......@@ -11,8 +11,8 @@
      <h3>{{ object.ISBN }}</h3>
      <p>{{ object.blurb }}</p>
      <center>
      <a href="/bookshelf/home">Home</a>
      <a href="/bookshelf/books">Books</a>
      <a href="/bookshelf/authors">Authors</a>
      <button class="button"><a href="/bookshelf/home">Home</a></button>
      <button class="button"><a href="/bookshelf/books">Books</a></button>
      <button class="button"><a href="/bookshelf/authors">Authors</a></button>
      </center>
      {% endblock %}
      \ No newline at end of file
      lexchan_reading/bookshelf/templates/bookshelf/books.html
      View file @ 1beb226b
      ......@@ -13,7 +13,7 @@
      {% endfor %}
      </ul>
      <center>
      <a href="/bookshelf/home">Home</a>
      <a href="/bookshelf/authors">Authors</a>
      <button class="button"><a href="/bookshelf/home">Home</a></button>
      <button class="button"><a href="/bookshelf/authors">Authors</a></button>
      </center>
      {% endblock %}
      \ No newline at end of file
      lexchan_reading/bookshelf/templates/bookshelf/home.html
      View file @ 1beb226b
      {% extends 'base.html' %}
      {% load static %}
      {% block title %}My Favorite Books and Authors{% endblock %}
      {% block content %}
      <center>
      <h1>Welcome to Lex's Database of Favorite Books and Authors!</h1>
      <img src="/static/reading.png" alt="Lazy Reading" style="width: 300pxpx;height:359px;">
      <p>I don't really enjoy reading but if I were to do so, action or rom-com would be the genres I will go to.</p>
      <br>
      <a href="/bookshelf/books">Books</a>
      <a href="/bookshelf/authors">Authors</a>
      <button class="button"><a href="/bookshelf/books">Books</a></button>
      <button class="button"><a href="/bookshelf/authors">Authors</a></button>
      </center>
      {% endblock %}
      \ No newline at end of file
      lexchan_reading/lexchan_reading/settings.py
      View file @ 1beb226b
      ......@@ -120,7 +120,8 @@ USE_TZ = True
      # Static files (CSS, JavaScript, Images)
      # https://docs.djangoproject.com/en/4.1/howto/static-files/
      STATIC_URL = 'static/'
      STATIC_URL = '/static/'
      STATICFILES_DIRS = [os.path.join(BASE_DIR, 'static')]
      # Default primary key field type
      # https://docs.djangoproject.com/en/4.1/ref/settings/#default-auto-field
      ......
      lexchan_reading/templates/base.html
      View file @ 1beb226b
      ......@@ -2,6 +2,50 @@
      <html lang="en">
      <head>
      <title>{% block title %}{% endblock %}</title>
      <style>
      html {height: 100%}
      body {background-image: linear-gradient(#e6e7e2, #c7b698)}
      h1 {
      color: #374154;
      font-family:'Georgia';
      font-size: 30px;
      }
      h3 {
      color: #374154;
      font-family:'Georgia'
      }
      p {
      color: #374154;
      font-family: 'Palatino';
      font-size: 17px;
      }
      ul {
      color: #374154;
      font-family: 'Palatino';
      font-size: 17px;
      }
      .button {
      background-color: #e6e7e2;
      border: 2px solid #374154;
      color: #374154;
      padding: 5px 10px;
      text-align: center;
      display: inline-block;
      font-family: 'Palatino';
      font-size: 13px;
      border-radius: 8px;
      transition-duration: 0.4s;
      }
      .button:hover {
      background-color: #374154;
      color: #e6e7e2;
      }
      </style>
      </head>
      <body>
      <div id="content">
      ......
      Markdown is supported
      0% or
      You are about to add 0 people to the discussion. Proceed with caution.
      Finish editing this message first!
      Please register or to comment