Mira/flask_blog
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

inline->css

Browse Source
This commit is contained in:
m
2026-03-13 20:52:24 +01:00
parent 752a32a5ac
commit 01c186edc7
3 changed files with 27 additions and 19 deletions
Download Patch File Download Diff File Expand all files Collapse all files

15
static/css/blog.css Normal file
View File

@@ -0,0 +1,15 @@
.post-divider {
width: 100%;
border: 1px solid #000;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
}
.post-divider-expanded {
margin-top: 25px;
margin-bottom: 60px;
}
.post-divider-preview {
margin-top: 75px;
margin-bottom: 60px;
}

6
templates/base.html
View File

@@ -1,4 +1,4 @@
<!DOCTYPE html> <!doctype html>
<html lang="en"> <html lang="en">
<head> <head>
<meta charset="utf-8" /> <meta charset="utf-8" />
@@ -17,6 +17,10 @@
href="{{ url_for('static', filename='css/simple-blog-template.css') }}" href="{{ url_for('static', filename='css/simple-blog-template.css') }}"
rel="stylesheet" rel="stylesheet"
/> />
<link
href="{{ url_for('static', filename='css/blog.css') }}"
rel="stylesheet"
/>
</head> </head>
<body> <body>

25
templates/index.html
View File

@@ -1,5 +1,9 @@
{% extends "base.html" %} {% block title %}{{blog_title.title}}{% endblock %} {% {% extends "base.html" %} {% block title %}{{blog_title.title}}{% endblock %} {%
block content %} block content %}
<!--timeline as a component which will be filled with callable function
### {{ timeline("career") }} this is a part of html string
### nested render-->
<div class="row"> <div class="row">
<div class="col-md-12"> <div class="col-md-12">
{% for post in posts %} {% for post in posts %}
@@ -17,15 +21,7 @@ block content %}
<!-- stytle customed, expanded and unextanded posts have different margin--> <!-- stytle customed, expanded and unextanded posts have different margin-->
{% if post.displayall %} {% if post.displayall %}
<div>{{ post.content | safe }}</div> <div>{{ post.content | safe }}</div>
<hr <hr class="post-divider post-divider-expanded" />
style="
width: 100%;
margin-top: 25px;
margin-bottom: 60px;
border: 1px solid #000;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
"
/>
{% else %} {% else %}
<div>{{ post.content | striptags | truncate(200) }}</div> <div>{{ post.content | striptags | truncate(200) }}</div>
@@ -35,15 +31,8 @@ block content %}
href="{{ url_for('post_detail', post_id=post.id) }}" href="{{ url_for('post_detail', post_id=post.id) }}"
>Read More</a >Read More</a
> >
<hr <hr class="post-divider post-divider-preview" />
style="
width: 100%;
margin-top: 75px;
margin-bottom: 60px;
border: 1px solid #000;
box-shadow: 0 2px 5px rgba(0, 0, 0, 0.3);
"
/>
{% endif %} {% endfor %} {% endif %} {% endfor %}
<ul class="pager"> <ul class="pager">
{% if prev_url %} {% if prev_url %}