ourworld_web/www_freeflownation
20
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

blockquote and width fixes

Browse Source
This commit is contained in:
timurgordon 2022-02-23 16:41:59 +03:00
parent 4305ee7890
commit a4c636f176
5 changed files with 13 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

8
README.md
View File

@ -33,11 +33,11 @@ content/careers/index.md or content/careers.md -> yoururl.com/careers
### Blog
The blog page is created by default if there is a blog folder in the content directory. The blog page consists of a featured post row, a paginated grid of posts sorted by recency, and a side nav oof post categories and featured posts.
The blog page is created by default if there is a blog folder in the content directory. The blog page consists of a featured post row, a paginated grid of posts sorted by recency, and a side nav of post categories and featured posts.
Blog posts can have categories, and can be filtered by said categries. To add a new category simply define the posts category in the yaml header of the blog's index.md file. See /content/blog/2019/01/post-3/index.md for example. The side navigation and category based listing will be automatically updated.
To make a blog post featured, simply add an isFeatured attribute to the yaml header of the blog post. The most recent featured blog post wiill be displayed on the heading row of the blog page, and the rest will be displayed under featured posts in the side nav. See /content/blog/2019/03/post-5/index.md for implementation.
To make a blog post featured, simply add an isFeatured attribute to the yaml header of the blog post. The most recent featured blog post wiil be displayed on the heading row of the blog page, and the rest will be displayed under featured posts in the side nav. See /content/blog/2019/03/post-5/index.md for implementation.
### Creating custom pages
@ -46,7 +46,7 @@ By default, the markdown file will be displayed plainly as it is.
#### Page templates
If you wish to display your markdown files in a specific page template, simply define the template you would like to use in the yaml header of your markdown file. For instance, the blogPage.html template displays blog posts with author info, date, side margins, and a hero image on top oof the post. See any blog page in /content for implementation.
If you wish to display your markdown files in a specific page template, simply define the template you would like to use in the yaml header of your markdown file. For instance, the blogPage.html template displays blog posts with author info, date, side margins, and a hero image on top of the post. See any blog page in /content for implementation.
#### Augmented MD
@ -66,7 +66,7 @@ See /content/\_index.md for implementation.
### Header & Footer
The header and footer are also created from markdown files in the content directory. In /content/header/\_index.md, each header item is bulleted. If a header item has a row beneath it, the rw will be displayed as a sub-menu on click. Otherwise, if header item is a link, it will simply navigate to the linked page.
The header and footer are also created from markdown files in the content directory. In /content/header/\_index.md, each header item is bulleted. If a header item has a row beneath it, the row will be displayed as a sub-menu on click. Otherwise, if header item is a link, it will simply navigate to the linked page.
The footer, likewise, is structured using the row shortcode. However the left section with page summary is built in. To edit the site destcription, one should edit the description (in the yaml header) of the footer md file. To edit the social links, simply add the social outlets name and your link into the socialLinks dictionary attribute on the yaml header of the footer/\_index.md. If a social icon exists for the social outlet, the link wiill be automatically rendered within the icon, displayed in the footer.

3
css/index.css
View File

@ -53,6 +53,9 @@ img[src*="#large"] {
nav p {
@apply hidden sm:block md:block lg:block xl:block 2xl:block;
}
blockquote {
@apply border-l-4 border-gray-400 mx-2 my-2 p-2;
}
}
h3 {

2
css/layout.css
View File

@ -14,7 +14,7 @@ body {
p,
li {
/* for handling Markdown-created <p> and <li> */
@apply mb-3 text-lg;
@apply text-lg;
}
pre,

2
templates/blogPage.html
View File

@ -7,7 +7,7 @@
<div class="sm:w-5/6 md:w-4/5 mr-auto ml-auto px-6 lg:px-16 xl:w-11/12">
<img class="max-h-60 sm:max-h-60 md:max-h-80 lg:max-h-96 mx-auto" src={{"/" ~ page.extra.imgPath}} alt="">
<div>
<article class="article lg:w-7/12 mx-auto">
<article class="article lg:w-5/6 mx-auto">
<h1 class="tracking-tight pt-8 lg:pt-8 2xl:pt-24 text-5xl text-left
text-5xl fw-500 leading-snug font-normal mb-10">
{{ page.title }}

5
templates/shortcodes/row.html
View File

@ -18,8 +18,11 @@ Parameters:
{% set classes = classes ~ " lg:items-center" %}
{% endif %}
{% set column_classes = "flex-1 lg:mx-8" %}
{% if isLean %}
{% set classes = "relative flex flex-col lg:flex-row items-baseline w-full" %}
{% set column_classes = "flex-1" %}
{% endif %}
{% set styles = "" %}
@ -31,7 +34,7 @@ Parameters:
<div class="{{classes}}" style="{{styles}}">
{% for column in columns%}
<div class="flex-1 lg:mx-8">
<div class="{{column_classes}}">
{{ column | safe }}
</div>
{% endfor %}