├── .hugo_build.lock
├── archetypes
    └── default.md
├── content
    ├── my-fifth-post.md
    ├── my-first-post.md
    ├── my-fourth-post.md
    ├── my-second-post.md
    └── my-third-post.md
├── hugo.toml
├── layouts
    ├── 404.html
    ├── _default
    │   ├── baseof.html
    │   ├── list.html
    │   └── single.html
    ├── categories
    │   └── list.html
    └── partials
    │   ├── footer.html
    │   ├── navbar.html
    │   └── rightBar.html
└── static
    ├── .DS_Store
    ├── images
        ├── 1b.webp
        ├── 1s.webp
        ├── 2b.webp
        ├── 2s.webp
        ├── 3b.webp
        ├── 3s.webp
        ├── 4b.webp
        ├── 4s.webp
        ├── 5b.webp
        ├── 5s.webp
        ├── adh.webp
        ├── ads.webp
        └── avatar.webp
    ├── js
        └── app.js
    └── styles
        └── style.css


/.hugo_build.lock:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/safak/markdown-blog/627ef9fda33adfcb558d9a84a59df09903b29d3f/.hugo_build.lock


--------------------------------------------------------------------------------
/archetypes/default.md:
--------------------------------------------------------------------------------
 1 | +++
 2 | title = '{{ replace .File.ContentBaseName "-" " " | title }}'
 3 | date = {{ .Date }}
 4 | draft = false
 5 | description = ""
 6 | image = ""
 7 | imageBig = ""
 8 | categories = ["general"]
 9 | authors = ["Lama Dev"]
10 | avatar = "/images/avatar.webp"
11 | +++
12 | 


--------------------------------------------------------------------------------
/content/my-fifth-post.md:
--------------------------------------------------------------------------------
 1 | +++
 2 | title = 'My Fifth Post My Fifth Post My Fifth Post '
 3 | date = 2023-11-22T16:55:24+01:00
 4 | draft = false
 5 | description = "This is a description"
 6 | image = "/images/5s.webp"
 7 | imageBig = "/images/5b.webp"
 8 | categories = ["general", "life", "coding"]
 9 | authors = ["Lama Dev"]
10 | avatar = "/images/avatar.webp"
11 | +++
12 | 
13 | Test Content


--------------------------------------------------------------------------------
/content/my-first-post.md:
--------------------------------------------------------------------------------
 1 | +++
 2 | title = 'My First Post'
 3 | date = 2023-11-22T16:55:24+01:00
 4 | draft = false
 5 | description = "This is a description"
 6 | image = "/images/1s.webp"
 7 | imageBig = "/images/1b.webp"
 8 | categories = ["general", "travel", "culture"]
 9 | authors = ["Lama Dev"]
10 | avatar = "/images/avatar.webp"
11 | +++
12 | 
13 | Test Content


--------------------------------------------------------------------------------
/content/my-fourth-post.md:
--------------------------------------------------------------------------------
 1 | +++
 2 | title = 'My Fourth Post'
 3 | date = 2023-11-22T16:55:24+01:00
 4 | draft = false
 5 | description = "This is a description"
 6 | image = "/images/4s.webp"
 7 | imageBig = "/images/4b.webp"
 8 | categories = ["general", "html", "css"]
 9 | authors = ["Lama Dev"]
10 | avatar = "/images/avatar.webp"
11 | +++
12 | 
13 | Test Content


--------------------------------------------------------------------------------
/content/my-second-post.md:
--------------------------------------------------------------------------------
 1 | +++
 2 | title = 'My Second Post'
 3 | date = 2023-11-22T16:55:24+01:00
 4 | draft = false
 5 | description = "This is a description"
 6 | image = "/images/2s.webp"
 7 | imageBig = "/images/2b.webp"
 8 | categories = ["general", "css", "js"]
 9 | authors = ["Jane Doe"]
10 | avatar = "/images/avatar.webp"
11 | +++
12 | 
13 | Test Content


--------------------------------------------------------------------------------
/content/my-third-post.md:
--------------------------------------------------------------------------------
 1 | +++
 2 | title = 'My Third Post'
 3 | date = 2023-11-22T16:55:24+01:00
 4 | draft = false
 5 | description = "This is a description"
 6 | image = "/images/3s.webp"
 7 | imageBig = "/images/3b.webp"
 8 | categories = ["general", "life", "js"]
 9 | authors = ["John Doe"]
10 | avatar = "/images/avatar.webp"
11 | +++
12 | 
13 | Test Content


--------------------------------------------------------------------------------
/hugo.toml:
--------------------------------------------------------------------------------
 1 | baseURL = 'https://hugoblogapp.com'
 2 | languageCode = 'en-us'
 3 | title = 'Lama dev blog'
 4 | 
 5 | paginate = 4
 6 | 
 7 | [params]
 8 |   description = "The fastest blog"
 9 |   dateFormat = "Jan 2, 2006"
10 | 
11 | [taxonomies]
12 |   category = "categories"
13 |   author = "authors"


--------------------------------------------------------------------------------
/layouts/404.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |   <meta charset="UTF-8">
 5 |   <meta name="viewport" content="width=device-width, initial-scale=1.0">
 6 |   <title>Not Found</title>
 7 | </head>
 8 | <body>
 9 |   Not Found
10 |   <a href="/">Go to homepage</a>
11 | </body>
12 | </html>


--------------------------------------------------------------------------------
/layouts/_default/baseof.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="en">
 3 | <head>
 4 |   <meta charset="UTF-8">
 5 |   <meta http-equiv="X-UA-Compatible" content="IE=edge" />
 6 |   <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7 |   <meta name="description" content={{or .Params.description .Site.Params.description}}>
 8 |   <link rel="stylesheet" href="/styles/style.css">
 9 |   <link rel="icon" href="/images/favicon.png" />
10 |   <title>{{ .Title }}</title>
11 | </head>
12 | <body>
13 |   <div class="container">
14 |     {{ partial "navbar" . }}
15 |     {{ block "main" . }} {{ end }}
16 |     {{ partial "footer" . }}
17 |   </div>
18 |   <script src="/js/app.js"></script>
19 | </body>
20 | </html>


--------------------------------------------------------------------------------
/layouts/_default/list.html:
--------------------------------------------------------------------------------
 1 | {{ define "main" }}
 2 | <div class="list">
 3 |   {{ range .Paginator.Pages }}
 4 |   <div class="listItem">
 5 |     <img
 6 |       src={{
 7 |       .Params.image
 8 |       }}
 9 |       alt="{{.Title}}"
10 |       class="listItemImage"
11 |       loading="lazy"
12 |     />
13 |     <div class="listItemTexts">
14 |       <h1 class="listItemTitle">
15 |         <a href="{{.Permalink}}">{{.Title}}</a>
16 |       </h1>
17 |       <p class="listItemDesc">{{.Params.description}}</p>
18 |       <div class="listItemDetail">
19 |         <img src="{{.Params.avatar}}" loading="lazy" alt="" class="listItemAvatar"/>
20 |         <span>{{ range (.GetTerms "authors")}}
21 |           <a href={{.Permalink}}>{{ .Name }}</a>
22 |           {{end}}</span>
23 |         <time>{{ dateFormat .Site.Params.dateFormat  .Date}}</time>
24 |       </div>
25 |       <div class="listItemCategories">
26 |         {{ range (.GetTerms "categories") }}
27 |         <a class="listItemCategory" href={{ .Permalink }}>{{ .Name }}</a>
28 |         {{ end }}
29 |       </div>
30 |     </div>
31 |   </div>
32 |   {{ end }} {{ template "_internal/pagination.html" . }}
33 | </div>
34 | {{ end }}
35 | 


--------------------------------------------------------------------------------
/layouts/_default/single.html:
--------------------------------------------------------------------------------
 1 | {{ define "main" }}
 2 | <div class="single">
 3 |   <div class="singleHead">
 4 |     <div class="singleHeadTexts">
 5 |       <h1 class="singleHeadTitle">{{.Title}}</h1>
 6 |       <p class="singleHeadDesc">{{.Params.description}}</p>
 7 |       <div class="singleHeadDetail">
 8 |         <img src={{.Params.avatar}} loading="lazy" alt="" class="singleAvatar">
 9 |         <span>{{ range (.GetTerms "authors")}}
10 |           <a href={{.Permalink}}>{{ .Name }}</a>
11 |           {{end}}
12 |         </span>
13 |         {{ range (.GetTerms "categories")}}
14 |         <a href={{.Permalink}} class="singleCategory">{{ .Name }}</a>
15 |         {{end}}
16 |       </div>
17 |       <time>{{ dateFormat .Site.Params.dateFormat .Date }}</time>
18 |     </div>
19 |     <img src={{ .Params.imageBig }} alt={{.Title}} class="singleHeadImg">
20 |   </div>
21 |   <div class="singleBottom">
22 |     <div class="singleContent">{{ .Content }}</div>
23 |     <div class="singleRightBar">
24 |       {{ partial "rightBar" .}}
25 |     </div>
26 |   </div>
27 | </div>
28 | {{ end }}


--------------------------------------------------------------------------------
/layouts/categories/list.html:
--------------------------------------------------------------------------------
 1 | {{ define "main" }} 
 2 | {{ if eq .RelPermalink "/categories/"}} 
 3 | {{ range $.Site.Taxonomies.categories.ByCount }}
 4 |   <a href="/categories/{{ .Name }}">
 5 |     # {{ .Name }} <small>({{.Count}})</small>
 6 |   </a>
 7 | {{end}}
 8 | {{ else }}
 9 | <div class="list">
10 |   {{ range .Paginator.Pages }}
11 |   <div class="listItem">
12 |     <img
13 |       src={{
14 |       .Params.image
15 |       }}
16 |       alt="{{.Title}}"
17 |       class="listItemImage"
18 |       loading="lazy"
19 |     />
20 |     <div class="listItemTexts">
21 |       <h1 class="listItemTitle">
22 |         <a href="{{.Permalink}}">{{.Title}}</a>
23 |       </h1>
24 |       <p class="listItemDesc">{{.Params.description}}</p>
25 |       <div class="listItemDetail">
26 |         <img
27 |           src="{{.Params.avatar}}"
28 |           loading="lazy"
29 |           alt=""
30 |           class="listItemAvatar"
31 |         />
32 |         <span
33 |           >{{ range (.GetTerms "authors")}}
34 |           <a href="{{.Permalink}}">{{ .Name }}</a>
35 |           {{end}}</span
36 |         >
37 |         <time>{{ dateFormat .Site.Params.dateFormat .Date}}</time>
38 |       </div>
39 |       <div class="listItemCategories">
40 |         {{ range (.GetTerms "categories") }}
41 |         <a class="listItemCategory" href={{ .Permalink }}>{{ .Name }}</a>
42 |         {{ end }}
43 |       </div>
44 |     </div>
45 |   </div>
46 |   {{ end }} {{ template "_internal/pagination.html" . }}
47 | </div>
48 | {{end}} {{ end }}
49 | 


--------------------------------------------------------------------------------
/layouts/partials/footer.html:
--------------------------------------------------------------------------------
  1 | <div class="footer">
  2 |   <div class="footerLinks">
  3 |     <a href="/">lama dev</a> |
  4 |     <a href="/categories">categories</a> |
  5 |     <a href="/sitemap.xml">sitemap</a>
  6 |   </div>
  7 |   <div class="social">
  8 |     <a href="https://youtube.com/lamadev">
  9 |       <svg
 10 |         width="20"
 11 |         zoomAndPan="magnify"
 12 |         viewBox="0 0 30 30.000001"
 13 |         height="20"
 14 |         preserveAspectRatio="xMidYMid meet"
 15 |         version="1.0"
 16 |       >
 17 |         <defs>
 18 |           <clipPath id="269647c057">
 19 |             <path
 20 |               d="M 0.484375 0 L 29.515625 0 L 29.515625 29.03125 L 0.484375 29.03125 Z M 0.484375 0 "
 21 |               clip-rule="nonzero"
 22 |             />
 23 |           </clipPath>
 24 |         </defs>
 25 |         <g clip-path="url(#269647c057)">
 26 |           <path
 27 |             fill="#e52d27"
 28 |             d="M 29.515625 24.621094 C 29.515625 27.054688 27.539062 29.03125 25.105469 29.03125 L 4.894531 29.03125 C 2.460938 29.03125 0.484375 27.054688 0.484375 24.621094 L 0.484375 4.414062 C 0.484375 1.980469 2.460938 0 4.894531 0 L 25.105469 0 C 27.539062 0 29.515625 1.980469 29.515625 4.414062 Z M 29.515625 24.621094 "
 29 |             fill-opacity="1"
 30 |             fill-rule="nonzero"
 31 |           />
 32 |         </g>
 33 |         <path
 34 |           fill="#ffffff"
 35 |           d="M 25.289062 14.746094 C 25.289062 16.351562 25.289062 18.050781 24.933594 19.605469 C 24.679688 20.703125 23.785156 21.503906 22.707031 21.625 C 20.15625 21.910156 17.570312 21.914062 15.003906 21.910156 C 12.429688 21.910156 9.851562 21.910156 7.300781 21.625 C 6.222656 21.503906 5.324219 20.703125 5.074219 19.605469 C 4.714844 18.050781 4.714844 16.351562 4.714844 14.746094 C 4.714844 13.140625 4.71875 11.4375 5.074219 9.882812 C 5.324219 8.789062 6.21875 7.984375 7.300781 7.863281 C 9.851562 7.578125 12.433594 7.578125 15.003906 7.578125 C 17.570312 7.578125 20.152344 7.578125 22.707031 7.863281 C 23.78125 7.984375 24.679688 8.789062 24.933594 9.882812 C 25.289062 11.4375 25.289062 13.140625 25.289062 14.746094 Z M 25.289062 14.746094 "
 36 |           fill-opacity="1"
 37 |           fill-rule="nonzero"
 38 |         />
 39 |         <path
 40 |           fill="#e52d27"
 41 |           d="M 12.835938 10.917969 L 12.835938 18.609375 L 18.808594 14.761719 Z M 12.835938 10.917969 "
 42 |           fill-opacity="1"
 43 |           fill-rule="nonzero"
 44 |         />
 45 |       </svg>
 46 |     </a>
 47 |     <a href="https://www.facebook.com/groups/lamadev" aria-label="Facebook">
 48 |       <svg
 49 |         width="20"
 50 |         zoomAndPan="magnify"
 51 |         viewBox="0 0 30 30.000001"
 52 |         height="20"
 53 |         preserveAspectRatio="xMidYMid meet"
 54 |         version="1.0"
 55 |       >
 56 |         <defs>
 57 |           <clipPath id="82ef769079">
 58 |             <path
 59 |               d="M 0.484375 0 L 29.515625 0 L 29.515625 29.03125 L 0.484375 29.03125 Z M 0.484375 0 "
 60 |               clip-rule="nonzero"
 61 |             />
 62 |           </clipPath>
 63 |         </defs>
 64 |         <g clip-path="url(#82ef769079)">
 65 |           <path
 66 |             fill="#1a4789"
 67 |             d="M 29.515625 24.617188 C 29.515625 27.054688 27.542969 29.027344 25.105469 29.027344 L 4.898438 29.027344 C 2.460938 29.027344 0.484375 27.054688 0.484375 24.617188 L 0.484375 4.410156 C 0.484375 1.972656 2.460938 -0.00390625 4.898438 -0.00390625 L 25.105469 -0.00390625 C 27.542969 -0.00390625 29.515625 1.972656 29.515625 4.410156 Z M 29.515625 24.617188 "
 68 |             fill-opacity="1"
 69 |             fill-rule="nonzero"
 70 |           />
 71 |         </g>
 72 |         <path
 73 |           fill="#ffffff"
 74 |           d="M 19.722656 16.769531 L 20.191406 13.128906 L 16.585938 13.128906 L 16.585938 10.804688 C 16.585938 9.75 16.878906 9.03125 18.390625 9.03125 L 20.316406 9.03125 L 20.316406 5.777344 C 19.984375 5.730469 18.839844 5.632812 17.507812 5.632812 C 14.730469 5.632812 12.828125 7.328125 12.828125 10.445312 L 12.828125 13.128906 L 9.683594 13.128906 L 9.683594 16.769531 L 12.828125 16.769531 L 12.828125 26.109375 L 16.585938 26.109375 L 16.585938 16.769531 Z M 19.722656 16.769531 "
 75 |           fill-opacity="1"
 76 |           fill-rule="nonzero"
 77 |         />
 78 |       </svg>
 79 |     </a>
 80 |     <a href="https://twitter.com/lamawebdev" aria-label="Twitter">
 81 |       <svg
 82 |         width="20"
 83 |         zoomAndPan="magnify"
 84 |         viewBox="0 0 30 30.000001"
 85 |         height="20"
 86 |         preserveAspectRatio="xMidYMid meet"
 87 |         version="1.0"
 88 |       >
 89 |         <defs>
 90 |           <clipPath id="d942bdcecf">
 91 |             <path
 92 |               d="M 0.484375 0 L 29.515625 0 L 29.515625 29.03125 L 0.484375 29.03125 Z M 0.484375 0 "
 93 |               clip-rule="nonzero"
 94 |             />
 95 |           </clipPath>
 96 |         </defs>
 97 |         <g clip-path="url(#d942bdcecf)">
 98 |           <path
 99 |             fill="#1d9bf0"
100 |             d="M 25.886719 29.03125 L 4.113281 29.03125 C 2.109375 29.03125 0.484375 27.40625 0.484375 25.402344 L 0.484375 3.628906 C 0.484375 1.625 2.109375 0 4.113281 0 L 25.886719 0 C 27.890625 0 29.515625 1.625 29.515625 3.628906 L 29.515625 25.402344 C 29.515625 27.40625 27.890625 29.03125 25.886719 29.03125 Z M 25.886719 29.03125 "
101 |             fill-opacity="1"
102 |             fill-rule="nonzero"
103 |           />
104 |         </g>
105 |         <path
106 |           fill="#ffffff"
107 |           d="M 11.632812 21.890625 C 18.476562 21.890625 22.222656 16.214844 22.222656 11.300781 C 22.222656 11.140625 22.222656 10.980469 22.214844 10.820312 C 22.941406 10.300781 23.570312 9.640625 24.074219 8.890625 C 23.40625 9.1875 22.6875 9.382812 21.929688 9.480469 C 22.699219 9.023438 23.289062 8.289062 23.570312 7.417969 C 22.851562 7.847656 22.054688 8.152344 21.207031 8.316406 C 20.523438 7.59375 19.558594 7.140625 18.492188 7.140625 C 16.4375 7.140625 14.769531 8.8125 14.769531 10.867188 C 14.769531 11.15625 14.804688 11.4375 14.863281 11.714844 C 11.769531 11.5625 9.027344 10.074219 7.191406 7.824219 C 6.871094 8.375 6.691406 9.015625 6.691406 9.695312 C 6.691406 10.988281 7.351562 12.128906 8.34375 12.796875 C 7.734375 12.773438 7.160156 12.605469 6.660156 12.332031 C 6.660156 12.347656 6.660156 12.359375 6.660156 12.382812 C 6.660156 14.183594 7.945312 15.691406 9.644531 16.03125 C 9.332031 16.121094 9.003906 16.164062 8.664062 16.164062 C 8.425781 16.164062 8.191406 16.140625 7.96875 16.097656 C 8.4375 17.578125 9.816406 18.652344 11.445312 18.683594 C 10.167969 19.683594 8.5625 20.277344 6.820312 20.277344 C 6.523438 20.277344 6.226562 20.265625 5.933594 20.226562 C 7.574219 21.273438 9.535156 21.890625 11.632812 21.890625 "
108 |           fill-opacity="1"
109 |           fill-rule="nonzero"
110 |         />
111 |       </svg>
112 |     </a>
113 |     <a href="https://discord.gg/yKremu4mPr" aria-label="Discord">
114 |       <svg
115 |         width="20"
116 |         zoomAndPan="magnify"
117 |         viewBox="0 0 30 30.000001"
118 |         height="20"
119 |         preserveAspectRatio="xMidYMid meet"
120 |         version="1.0"
121 |       >
122 |         <defs>
123 |           <clipPath id="f38ecf6063">
124 |             <path
125 |               d="M 0.484375 0 L 29.515625 0 L 29.515625 29.03125 L 0.484375 29.03125 Z M 0.484375 0 "
126 |               clip-rule="nonzero"
127 |             />
128 |           </clipPath>
129 |         </defs>
130 |         <g clip-path="url(#f38ecf6063)">
131 |           <path
132 |             fill="#7289da"
133 |             d="M 4.839844 0 L 25.160156 0 C 25.445312 0 25.730469 0.0273438 26.011719 0.0820312 C 26.292969 0.140625 26.5625 0.222656 26.828125 0.332031 C 27.09375 0.441406 27.34375 0.574219 27.582031 0.734375 C 27.820312 0.894531 28.039062 1.074219 28.242188 1.277344 C 28.441406 1.476562 28.625 1.699219 28.78125 1.933594 C 28.941406 2.171875 29.074219 2.425781 29.183594 2.6875 C 29.292969 2.953125 29.375 3.226562 29.433594 3.503906 C 29.488281 3.785156 29.515625 4.070312 29.515625 4.355469 L 29.515625 24.675781 C 29.515625 24.964844 29.488281 25.246094 29.433594 25.527344 C 29.375 25.808594 29.292969 26.078125 29.183594 26.34375 C 29.074219 26.609375 28.941406 26.859375 28.78125 27.097656 C 28.625 27.335938 28.441406 27.554688 28.242188 27.757812 C 28.039062 27.957031 27.820312 28.140625 27.582031 28.296875 C 27.34375 28.457031 27.09375 28.589844 26.828125 28.699219 C 26.5625 28.808594 26.292969 28.894531 26.011719 28.949219 C 25.730469 29.003906 25.445312 29.03125 25.160156 29.03125 L 4.839844 29.03125 C 4.554688 29.03125 4.269531 29.003906 3.988281 28.949219 C 3.707031 28.894531 3.4375 28.808594 3.171875 28.699219 C 2.90625 28.589844 2.65625 28.457031 2.417969 28.296875 C 2.179688 28.140625 1.960938 27.957031 1.757812 27.757812 C 1.558594 27.554688 1.375 27.335938 1.21875 27.097656 C 1.058594 26.859375 0.925781 26.609375 0.816406 26.34375 C 0.707031 26.078125 0.625 25.808594 0.566406 25.527344 C 0.511719 25.246094 0.484375 24.964844 0.484375 24.675781 L 0.484375 4.355469 C 0.484375 4.070312 0.511719 3.785156 0.566406 3.503906 C 0.625 3.226562 0.707031 2.953125 0.816406 2.6875 C 0.925781 2.425781 1.058594 2.171875 1.21875 1.933594 C 1.375 1.699219 1.558594 1.476562 1.757812 1.277344 C 1.960938 1.074219 2.179688 0.894531 2.417969 0.734375 C 2.65625 0.574219 2.90625 0.441406 3.171875 0.332031 C 3.4375 0.222656 3.707031 0.140625 3.988281 0.0820312 C 4.269531 0.0273438 4.554688 0 4.839844 0 Z M 4.839844 0 "
134 |             fill-opacity="1"
135 |             fill-rule="nonzero"
136 |           />
137 |         </g>
138 |         <path
139 |           fill="#ffffff"
140 |           d="M 20.101562 22.226562 L 18.914062 20.808594 C 21.238281 20.1875 22.144531 18.597656 22.144531 18.597656 C 19.195312 21.378906 11.144531 21.492188 8.027344 18.597656 C 8.027344 18.597656 8.820312 20.074219 11.199219 20.808594 L 9.898438 22.226562 C 5.925781 22.171875 4.394531 19.507812 4.394531 19.507812 C 4.394531 13.609375 7.003906 8.902344 7.003906 8.902344 C 9.667969 7.03125 12.109375 7.03125 12.109375 7.03125 L 12.277344 7.257812 C 8.988281 8.164062 7.570312 9.640625 7.570312 9.640625 C 11.425781 7.03125 19.367188 7.257812 22.484375 9.640625 C 22.542969 9.582031 20.613281 8.050781 17.609375 7.257812 L 17.890625 7.03125 C 17.890625 7.03125 20.332031 7.03125 22.996094 8.902344 C 25.660156 10.773438 25.605469 13.609375 25.605469 19.507812 C 25.605469 19.507812 24.074219 22.171875 20.101562 22.226562 Z M 20.101562 22.226562 "
141 |           fill-opacity="1"
142 |           fill-rule="nonzero"
143 |         />
144 |         <path
145 |           fill="#7289da"
146 |           d="M 13.46875 15.820312 C 13.46875 16.082031 13.421875 16.335938 13.328125 16.578125 C 13.230469 16.824219 13.097656 17.039062 12.921875 17.222656 C 12.746094 17.410156 12.542969 17.554688 12.3125 17.652344 C 12.085938 17.753906 11.847656 17.804688 11.597656 17.804688 C 11.351562 17.804688 11.109375 17.753906 10.882812 17.652344 C 10.652344 17.554688 10.449219 17.410156 10.273438 17.222656 C 10.097656 17.039062 9.964844 16.824219 9.867188 16.578125 C 9.773438 16.335938 9.726562 16.082031 9.726562 15.820312 C 9.726562 15.558594 9.773438 15.304688 9.867188 15.0625 C 9.964844 14.816406 10.097656 14.601562 10.273438 14.417969 C 10.449219 14.230469 10.652344 14.085938 10.882812 13.988281 C 11.109375 13.886719 11.351562 13.835938 11.597656 13.835938 C 11.847656 13.835938 12.085938 13.886719 12.3125 13.988281 C 12.542969 14.085938 12.746094 14.230469 12.921875 14.417969 C 13.097656 14.601562 13.230469 14.816406 13.328125 15.0625 C 13.421875 15.304688 13.46875 15.558594 13.46875 15.820312 Z M 13.46875 15.820312 "
147 |           fill-opacity="1"
148 |           fill-rule="nonzero"
149 |         />
150 |         <path
151 |           fill="#7289da"
152 |           d="M 20.046875 15.820312 C 20.046875 16.082031 20 16.335938 19.902344 16.578125 C 19.808594 16.824219 19.675781 17.039062 19.5 17.222656 C 19.324219 17.410156 19.121094 17.554688 18.890625 17.652344 C 18.664062 17.753906 18.421875 17.804688 18.175781 17.804688 C 17.925781 17.804688 17.6875 17.753906 17.460938 17.652344 C 17.230469 17.554688 17.027344 17.410156 16.851562 17.222656 C 16.675781 17.039062 16.542969 16.824219 16.445312 16.578125 C 16.351562 16.335938 16.304688 16.082031 16.304688 15.820312 C 16.304688 15.558594 16.351562 15.304688 16.445312 15.0625 C 16.542969 14.816406 16.675781 14.601562 16.851562 14.417969 C 17.027344 14.230469 17.230469 14.085938 17.460938 13.988281 C 17.6875 13.886719 17.925781 13.835938 18.175781 13.835938 C 18.421875 13.835938 18.664062 13.886719 18.890625 13.988281 C 19.121094 14.085938 19.324219 14.230469 19.5 14.417969 C 19.675781 14.601562 19.808594 14.816406 19.902344 15.0625 C 20 15.304688 20.046875 15.558594 20.046875 15.820312 Z M 20.046875 15.820312 "
153 |           fill-opacity="1"
154 |           fill-rule="nonzero"
155 |         />
156 |       </svg>
157 |     </a>
158 |   </div>
159 | </div>
160 | 


--------------------------------------------------------------------------------
/layouts/partials/navbar.html:
--------------------------------------------------------------------------------
 1 | <nav class="navbar">
 2 |   <div class="logo">
 3 |     <a href="/">lamablog</a>
 4 |   </div>
 5 |   <div class="links">
 6 |     <div class="toggle">
 7 |       <svg
 8 |         width="20px"
 9 |         height="20px"
10 |         viewBox="-0.14 0 20.03 20.03"
11 |         fill="#000000"
12 |       >
13 |         <g id="moon-alt" transform="translate(-2.25 -2)">
14 |           <path
15 |             id="secondary"
16 |             fill="#ffe01b"
17 |             d="M21,12A9,9,0,0,1,3.25,14.13,6.9,6.9,0,0,0,8,16,7,7,0,0,0,11.61,3H12a9,9,0,0,1,9,9Z"
18 |           ></path>
19 |         </g>
20 |       </svg>
21 |       <div class="ball" ></div>
22 |       <svg width="20px" height="20px" viewBox="0 0 20 20" fill="#000000">
23 |         <g id="sun" transform="translate(-2 -2)">
24 |           <circle
25 |             id="secondary"
26 |             fill="#ffe01b"
27 |             cx="4"
28 |             cy="4"
29 |             r="4"
30 |             transform="translate(8 8)"
31 |           ></circle>
32 |           <path
33 |             id="primary"
34 |             d="M12,3V4M5.64,5.64l.7.7M3,12H4m1.64,6.36.7-.7M12,21V20m6.36-1.64-.7-.7M21,12H20M18.36,5.64l-.7.7M12,8a4,4,0,1,0,4,4A4,4,0,0,0,12,8Z"
35 |             fill="none"
36 |             stroke="#ffe01b"
37 |             stroke-linecap="round"
38 |             stroke-linejoin="round"
39 |             stroke-width="2"
40 |           ></path>
41 |         </g>
42 |       </svg>
43 |     </div>
44 |     <a href="/">Homepage</a>
45 |     <a href="/categories">Categories</a>
46 |     <div class="searchButton">
47 |       <svg
48 |         width="24px"
49 |         height="24px"
50 |         viewBox="0 0 24 24"
51 |         fill="none"
52 |         xmlns="http://www.w3.org/2000/svg"
53 |       >
54 |         <path
55 |           d="M10.77 18.3C9.2807 18.3 7.82485 17.8584 6.58655 17.031C5.34825 16.2036 4.38311 15.0275 3.81318 13.6516C3.24325 12.2757 3.09413 10.7616 3.38468 9.30096C3.67523 7.84029 4.39239 6.49857 5.44548 5.44548C6.49857 4.39239 7.84029 3.67523 9.30096 3.38468C10.7616 3.09413 12.2757 3.24325 13.6516 3.81318C15.0275 4.38311 16.2036 5.34825 17.031 6.58655C17.8584 7.82485 18.3 9.2807 18.3 10.77C18.3 11.7588 18.1052 12.738 17.7268 13.6516C17.3484 14.5652 16.7937 15.3953 16.0945 16.0945C15.3953 16.7937 14.5652 17.3484 13.6516 17.7268C12.738 18.1052 11.7588 18.3 10.77 18.3ZM10.77 4.74999C9.58331 4.74999 8.42327 5.10189 7.43657 5.76118C6.44988 6.42046 5.68084 7.35754 5.22672 8.45389C4.77259 9.55025 4.65377 10.7566 4.88528 11.9205C5.11679 13.0844 5.68824 14.1535 6.52735 14.9926C7.36647 15.8317 8.43556 16.4032 9.59945 16.6347C10.7633 16.8662 11.9697 16.7474 13.0661 16.2933C14.1624 15.8391 15.0995 15.0701 15.7588 14.0834C16.4181 13.0967 16.77 11.9367 16.77 10.75C16.77 9.15869 16.1379 7.63257 15.0126 6.50735C13.8874 5.38213 12.3613 4.74999 10.77 4.74999Z"
56 |           fill="#cbd5e1"
57 |         />
58 |         <path
59 |           d="M20 20.75C19.9015 20.7504 19.8038 20.7312 19.7128 20.6934C19.6218 20.6557 19.5392 20.6001 19.47 20.53L15.34 16.4C15.2075 16.2578 15.1354 16.0697 15.1388 15.8754C15.1422 15.6811 15.221 15.4958 15.3584 15.3583C15.4958 15.2209 15.6812 15.1422 15.8755 15.1388C16.0698 15.1354 16.2578 15.2075 16.4 15.34L20.53 19.47C20.6704 19.6106 20.7493 19.8012 20.7493 20C20.7493 20.1987 20.6704 20.3893 20.53 20.53C20.4608 20.6001 20.3782 20.6557 20.2872 20.6934C20.1962 20.7312 20.0985 20.7504 20 20.75Z"
60 |           fill="#cbd5e1"
61 |         />
62 |       </svg>
63 |       <span>Search</span>
64 |     </div>
65 |   </div>
66 | </nav>
67 | 


--------------------------------------------------------------------------------
/layouts/partials/rightBar.html:
--------------------------------------------------------------------------------
1 | <div class="rightBar">
2 |   <img src="/images/ads.webp" alt="ad" class="rightBarImg">
3 |   <img src="/images/adh.webp" alt="ad" class="rightBarImgHr">
4 | </div>


--------------------------------------------------------------------------------
/static/.DS_Store:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/safak/markdown-blog/627ef9fda33adfcb558d9a84a59df09903b29d3f/static/.DS_Store


--------------------------------------------------------------------------------
/static/images/1b.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/safak/markdown-blog/627ef9fda33adfcb558d9a84a59df09903b29d3f/static/images/1b.webp


--------------------------------------------------------------------------------
/static/images/1s.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/safak/markdown-blog/627ef9fda33adfcb558d9a84a59df09903b29d3f/static/images/1s.webp


--------------------------------------------------------------------------------
/static/images/2b.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/safak/markdown-blog/627ef9fda33adfcb558d9a84a59df09903b29d3f/static/images/2b.webp


--------------------------------------------------------------------------------
/static/images/2s.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/safak/markdown-blog/627ef9fda33adfcb558d9a84a59df09903b29d3f/static/images/2s.webp


--------------------------------------------------------------------------------
/static/images/3b.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/safak/markdown-blog/627ef9fda33adfcb558d9a84a59df09903b29d3f/static/images/3b.webp


--------------------------------------------------------------------------------
/static/images/3s.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/safak/markdown-blog/627ef9fda33adfcb558d9a84a59df09903b29d3f/static/images/3s.webp


--------------------------------------------------------------------------------
/static/images/4b.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/safak/markdown-blog/627ef9fda33adfcb558d9a84a59df09903b29d3f/static/images/4b.webp


--------------------------------------------------------------------------------
/static/images/4s.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/safak/markdown-blog/627ef9fda33adfcb558d9a84a59df09903b29d3f/static/images/4s.webp


--------------------------------------------------------------------------------
/static/images/5b.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/safak/markdown-blog/627ef9fda33adfcb558d9a84a59df09903b29d3f/static/images/5b.webp


--------------------------------------------------------------------------------
/static/images/5s.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/safak/markdown-blog/627ef9fda33adfcb558d9a84a59df09903b29d3f/static/images/5s.webp


--------------------------------------------------------------------------------
/static/images/adh.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/safak/markdown-blog/627ef9fda33adfcb558d9a84a59df09903b29d3f/static/images/adh.webp


--------------------------------------------------------------------------------
/static/images/ads.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/safak/markdown-blog/627ef9fda33adfcb558d9a84a59df09903b29d3f/static/images/ads.webp


--------------------------------------------------------------------------------
/static/images/avatar.webp:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/safak/markdown-blog/627ef9fda33adfcb558d9a84a59df09903b29d3f/static/images/avatar.webp


--------------------------------------------------------------------------------
/static/js/app.js:
--------------------------------------------------------------------------------
 1 | const mode = localStorage.getItem("mode") || "";
 2 | const toggle = document.querySelector(".toggle");
 3 | const body = document.querySelector("body");
 4 | 
 5 | document.body.className = mode;
 6 | 
 7 | toggle.addEventListener("click", ()=>{
 8 |   localStorage.setItem("mode", mode === "light" ? "" : "light")
 9 |   body.classList.toggle("light")
10 | })
11 | 


--------------------------------------------------------------------------------
/static/styles/style.css:
--------------------------------------------------------------------------------
  1 | :root {
  2 |   --bg: #0b1529;
  3 |   --bgSoft: #1f3050;
  4 |   --text: #dee4eb;
  5 |   --textSoft: #cbd2d9;
  6 | }
  7 | 
  8 | * {
  9 |   margin: 0;
 10 |   box-sizing: border-box;
 11 | }
 12 | 
 13 | body {
 14 |   background: var(--bg);
 15 |   color: var(--text);
 16 | }
 17 | 
 18 | body.light{
 19 |   --bg: #dee4eb;
 20 |   --text: #0b1529;
 21 | }
 22 | 
 23 | a {
 24 |   color: inherit;
 25 |   text-decoration: none;
 26 | }
 27 | 
 28 | .container {
 29 |   max-width: 1366px;
 30 |   padding-left: 50px;
 31 |   padding-right: 50px;
 32 |   margin: auto;
 33 |   min-height: 100vh;
 34 |   display: flex;
 35 |   flex-direction: column;
 36 |   justify-content: space-between;
 37 | }
 38 | 
 39 | /* NAVBAR START */
 40 | 
 41 | .navbar {
 42 |   display: flex;
 43 |   align-items: center;
 44 |   justify-content: space-between;
 45 |   height: 100px;
 46 |   position: sticky;
 47 |   top: 0;
 48 |   background-color: var(--bg);
 49 | }
 50 | 
 51 | .logo {
 52 |   font-weight: bold;
 53 |   font-size: 24px;
 54 | }
 55 | 
 56 | .links {
 57 |   display: flex;
 58 |   align-items: center;
 59 |   gap: 20px;
 60 |   font-size: 20px;
 61 | }
 62 | 
 63 | .searchButton {
 64 |   display: flex;
 65 |   align-items: center;
 66 |   gap: 10px;
 67 |   background-color: var(--bgSoft);
 68 |   color: var(--textSoft);
 69 |   padding: 5px;
 70 |   border-radius: 10px;
 71 | }
 72 | 
 73 | .toggle {
 74 |   width: 40px;
 75 |   height: 20px;
 76 |   border-radius: 50px;
 77 |   cursor: pointer;
 78 |   display: flex;
 79 |   align-items: center;
 80 |   gap: 5px;
 81 |   background-color: var(--bgSoft);
 82 |   border: 0.5px solid var(--textSoft);
 83 |   padding: 5px;
 84 |   position: relative;
 85 | }
 86 | 
 87 | .ball {
 88 |   width: 19px;
 89 |   height: 19px;
 90 |   border-radius: 50%;
 91 |   position: absolute;
 92 |   left: 0;
 93 |   background-color: var(--textSoft);
 94 |   border: 1px solid var(--bgSoft);
 95 | }
 96 | 
 97 | .light .ball {
 98 |   left: unset;
 99 |   right: 0;
100 | }
101 | 
102 | /* NAVBAR END */
103 | 
104 | /* FOOTER START */
105 | 
106 | .footer {
107 |   display: flex;
108 |   align-items: center;
109 |   justify-content: space-between;
110 |   height: 100px;
111 |   font-size: 14px;
112 | }
113 | 
114 | .social {
115 |   display: flex;
116 |   gap: 10px;
117 | }
118 | 
119 | /* FOOTER END */
120 | 
121 | /* LIST START */
122 | 
123 | .listItem {
124 |   display: flex;
125 |   align-items: center;
126 |   gap: 50px;
127 |   margin-bottom: 50px;
128 | }
129 | 
130 | .listItemImage {
131 |   width: 200px;
132 |   height: 200px;
133 |   object-fit: cover;
134 | }
135 | 
136 | .listItemTexts {
137 |   display: flex;
138 |   flex-direction: column;
139 |   gap: 10px;
140 | }
141 | 
142 | .listItemDetail {
143 |   display: flex;
144 |   align-items: center;
145 |   gap: 10px;
146 |   font-size: 14px;
147 | }
148 | 
149 | .listItemAvatar {
150 |   width: 24px;
151 |   height: 24px;
152 |   border-radius: 50%;
153 |   object-fit: cover;
154 | }
155 | 
156 | .listItemCategories {
157 |   display: flex;
158 |   gap: 10px;
159 | }
160 | 
161 | .listItemCategory {
162 |   padding: 5px;
163 |   border-radius: 5px;
164 |   background-color: var(--bgSoft);
165 |   color: var(--textSoft);
166 |   font-size: 14px;
167 | }
168 | 
169 | .pagination{
170 |   display: flex;
171 |   gap: 10px;
172 |   list-style: none;
173 |   padding: 0;
174 |   margin: 0;
175 |   font-size: 14px;
176 |   margin-top: 80px;
177 |   margin-bottom: 30px;
178 | }
179 | 
180 | .page-item{
181 |   border: 1px solid gray;
182 |   width: 30px;
183 |   height: 30px;
184 |   display: flex;
185 |   align-items: center;
186 |   justify-content: center;
187 |   border-radius: 5px;
188 | }
189 | 
190 | .page-item.active{
191 |   background-color: var(--text);
192 |   color: var(--bg);
193 | }
194 | .page-item.disabled{
195 |   background-color: #313845;
196 |   cursor: not-allowed;
197 | }
198 | 
199 | /* LIST END */
200 | 
201 | /* SINGLE START */
202 | 
203 | .singleHead {
204 |   display: flex;
205 |   align-items: center;
206 |   justify-content: space-between;
207 |   gap: 20px;
208 | }
209 | 
210 | .singleHeadTexts {
211 |   flex: 1;
212 |   display: flex;
213 |   flex-direction: column;
214 |   gap: 20px;
215 | }
216 | 
217 | .singleHeadTitle {
218 |   font-size: 48px;
219 | }
220 | 
221 | .singleHeadDesc {
222 |   font-size: 20px;
223 |   font-weight: 300;
224 | }
225 | 
226 | .singleHeadDetail {
227 |   display: flex;
228 |   align-items: center;
229 |   gap: 20px;
230 | }
231 | 
232 | .singleAvatar {
233 |   width: 50px;
234 |   height: 50px;
235 |   border-radius: 50%;
236 |   object-fit: cover;
237 | }
238 | 
239 | .singleCategory {
240 |   padding: 5px;
241 |   border-radius: 5px;
242 |   background-color: var(--bgSoft);
243 |   color: var(--textSoft);
244 |   font-size: 14px;
245 | }
246 | 
247 | .singleHeadImg {
248 |   flex: 1;
249 |   max-height: 350px;
250 |   object-fit: cover;
251 | }
252 | 
253 | .singleBottom {
254 |   display: flex;
255 |   justify-content: space-between;
256 |   gap: 50px;
257 |   margin-top: 50px;
258 | }
259 | 
260 | .singleContent {
261 |   flex: 3;
262 |   font-size: 20px;
263 |   line-height: 32px;
264 | }
265 | 
266 | .singleContent p,
267 | .singleContent h1,
268 | .singleContent h2,
269 | .singleContent h3 {
270 |   margin: 20px 0px;
271 | }
272 | 
273 | .singleContent img {
274 |   width: 100%;
275 |   object-fit: cover;
276 | }
277 | 
278 | .singleContent pre {
279 |   width: 100%;
280 |   overflow-x: scroll;
281 |   padding: 20px;
282 | }
283 | 
284 | .singleRightBar {
285 |   flex: 1;
286 | }
287 | 
288 | /* SINGLE END */
289 | 
290 | /* RIGHTBAR START */
291 | 
292 | .rightBar {
293 |   position: sticky;
294 |   top: 100px;
295 | }
296 | 
297 | .rightBarImg {
298 |   width: 100%;
299 |   height: 100%;
300 |   object-fit: cover;
301 | }
302 | 
303 | .rightBarImgHr {
304 |   display: none;
305 | }
306 | 
307 | /* RIGHTBAR END */
308 | 
309 | @media (max-width: 1536px) {
310 |   .container {
311 |     max-width: 1366px;
312 |   }
313 | }
314 | @media (max-width: 1366px) {
315 |   .container {
316 |     max-width: 1280px;
317 |   }
318 | }
319 | @media (max-width: 1280px) {
320 |   .container {
321 |     max-width: 1024px;
322 |   }
323 | }
324 | @media (max-width: 1024px) {
325 |   .container {
326 |     max-width: 768px;
327 |     padding-left: 10px;
328 |     padding-right: 10px;
329 |   }
330 | 
331 |   .singleHeadImg {
332 |     display: none;
333 |   }
334 | 
335 |   .singleBottom {
336 |     flex-direction: column-reverse;
337 |   }
338 | 
339 |   .rightBarImg {
340 |     display: none;
341 |   }
342 | 
343 |   .rightBarImgHr {
344 |     display: block;
345 |     width: 100%;
346 |   }
347 | }
348 | @media (max-width: 768px) {
349 |   .container {
350 |     max-width: 640px;
351 |   }
352 |   .links {
353 |     font-size: 14px;
354 |   }
355 | 
356 |   .listItemImage {
357 |     display: none;
358 |   }
359 | 
360 |   .searchButton span{
361 |     display: none;
362 |   }
363 | }
364 | @media (max-width: 640px) {
365 |   .container {
366 |     max-width: 475px;
367 |   }
368 | }
369 | 


--------------------------------------------------------------------------------