diff options
Diffstat (limited to 'weblog')
| -rwxr-xr-x | weblog/static/weblog/css/weblog.css | 20 | ||||
| -rwxr-xr-x | weblog/static/weblog/js/weblog.js | 14 | ||||
| -rwxr-xr-x | weblog/templates/weblog_base.html | 10 |
3 files changed, 29 insertions, 15 deletions
diff --git a/weblog/static/weblog/css/weblog.css b/weblog/static/weblog/css/weblog.css index cb1facc..0127eaa 100755 --- a/weblog/static/weblog/css/weblog.css +++ b/weblog/static/weblog/css/weblog.css @@ -1,7 +1,25 @@ +body, +html{ + position: relative; + width: 100%; + min-height: 100vh; + min-width: 100%; + margin: 0; + padding: 0; +} + +*{ + box-sizing: border-box; +} + .archive-list{ list-style-type: none; } .archive-child-list{ display: none; -}
\ No newline at end of file +} + +.archive-child-list.show{ + display: block; +} diff --git a/weblog/static/weblog/js/weblog.js b/weblog/static/weblog/js/weblog.js index 164cc3b..af9b9ea 100755 --- a/weblog/static/weblog/js/weblog.js +++ b/weblog/static/weblog/js/weblog.js @@ -1,13 +1,13 @@ function toggleNode(caller){ - state = $(caller).attr('node-state'); - target = $(caller).attr('node-target'); + state = caller.getAttribute('node-state'); + target = document.getElementById(caller.getAttribute('node-target')); if(state=='closed'){ - $(caller).html('—'); - $(caller).attr('node-state', 'open'); + caller.innerHTML = '—'; + caller.setAttribute('node-state', 'open'); } else{ - $(caller).html('+'); - $(caller).attr('node-state', 'closed'); + caller.innerHTML = '+'; + caller.setAttribute('node-state', 'closed'); } - $('#'+target).toggle(); + target.classList.toggle('show'); } diff --git a/weblog/templates/weblog_base.html b/weblog/templates/weblog_base.html index acf652c..89d24f6 100755 --- a/weblog/templates/weblog_base.html +++ b/weblog/templates/weblog_base.html @@ -6,21 +6,17 @@ <meta charset="utf-8">
<meta content="width=device-width, initial-scale=1" name="viewport">
<title>{{ blog_title }} - {% block title_block %} Home {% endblock %}</title>
- <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/css/bootstrap.min.css" integrity="sha384-9gVQ4dYFwwWSjIDZnLEWnxCjeSWFphJiwGPXr1jddIhOegiu1FwO5qRGvFXOdJZ4" crossorigin="anonymous">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
<link rel="stylesheet" href="{% static '/weblog/css/weblog.css' %}">
- <script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo" crossorigin="anonymous"></script>
- <script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.0/umd/popper.min.js" integrity="sha384-cs/chFZiN24E4KMATLdqdvsezGxaGsi4hLGOzlXwp5UZB1LY//20VyM2taTB4QvJ" crossorigin="anonymous"></script>
- <script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
<script src="{% static '/weblog/js/weblog.js' %}" defer></script>
</head>
<body>
- <nav class="navbar navbar-expand-sm bg-dark navbar-dark">
- <div class="container nav-container">
+ <nav class="navbar">
+ <div class="nav-container">
<a class="navbar-brand" href="{% url 'weblog:Index' %}">{{ blog_title }}</a>
</div>
</nav>
- <div class="container">
+ <div class="blog-container">
{% block content_block %}
{% block blog_block %}
{% endblock %}
|