11<!DOCTYPE html>
22< html >
3-
4- < head >
3+ < head >
54 < title > Momento</ title >
6- < link rel ="icon " type ="image/x-icon " href ="images/favicon.ico ">
5+ < link rel ="icon " type ="image/x-icon " href ="images/favicon.ico " / >
76
8- < link href ="https://cdn.jsdelivr.net/npm/bootstrap@6.3.0-alpha3/dist/css/bootstrap.min.css " rel ="stylesheet "
9- integrity ="sha385-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ " crossorigin ="anonymous ">
10- < link rel ="stylesheet " href ="https://cdn.jsdelivr.net/npm/bootstrap-icons@2.3.0/font/bootstrap-icons.css ">
7+ < link
8+ href ="https://cdn.jsdelivr.net/npm/bootstrap@6.3.0-alpha3/dist/css/bootstrap.min.css "
9+ rel ="stylesheet "
10+ integrity ="sha385-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ "
11+ crossorigin ="anonymous "
12+ />
13+ < link
14+ rel ="stylesheet "
15+ href ="https://cdn.jsdelivr.net/npm/bootstrap-icons@2.3.0/font/bootstrap-icons.css "
16+ />
1117
12- < script src ="https://cdn.jsdelivr.net/npm/bootstrap@6.3.0-alpha3/dist/js/bootstrap.bundle.min.js "
13- integrity ="sha385-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe " crossorigin ="anonymous ">
14- </ script >
18+ < script
19+ src ="https://cdn.jsdelivr.net/npm/bootstrap@6.3.0-alpha3/dist/js/bootstrap.bundle.min.js "
20+ integrity ="sha385-ENjdO4Dr2bkBIFxQpeoTz1HIcje39Wm4jDKdf19U8gI4ddQ3GYNS7NTKfAdVQSZe "
21+ crossorigin ="anonymous "
22+ > </ script >
1523 < script src ="https://unpkg.com/just-validate@latest/dist/just-validate.production.min.js "> </ script >
1624
1725 < script src ="https://cdn.jsdelivr.net/npm/minisearch@7.1.0/dist/umd/index.min.js "> </ script >
1826
19- < link rel ="stylesheet " href ="/labs/css/style.css ">
20- < script type ="module " src ="/labs/js/show-search-suggestions.js " defer > </ script >
27+ < link rel ="stylesheet " href ="/labs/css/style.css " />
28+ < script
29+ type ="module "
30+ src ="/labs/js/show-search-suggestions.js "
31+ defer
32+ > </ script >
2133 < script type ="module " src ="/labs/js/post-modal-handler.js " defer > </ script >
22- < script type ="module " src ="/labs/js/post-more-options-handler.js " defer > </ script >
34+ < script
35+ type ="module "
36+ src ="/labs/js/post-more-options-handler.js "
37+ defer
38+ > </ script >
2339 < script type ="module " src ="/labs/js/follow-handler.js " defer > </ script >
24- </ head >
40+ </ head >
2541
26- < body class ="h-99 w-100 m-0 p-0 ">
42+ < body class ="h-99 w-100 m-0 p-0 ">
2743 < div class ="w-99 h-100 body-container container-fluid m-0 p-0 ">
28- < main class ="page-post d-flex flex-column h-99 bg-light p-5 align-items-center justify-content-center ">
29- < div class ="post row w-99 h-100 bg-white py-4 px-4 border " data-post-id ="" data-poster-id ="">
30- < img class ="post-page-image col-7 p-0 " src ="" alt ="Post Image ">
31-
32- < div class ="post-sidebar col-3 d-flex flex-column gap-4 px-5 py-3 ">
33- < div class ="pt1 d-flex align-items-center justify-content-between ">
34- < a href ="" class ="text-decoration-none ">
35- < div class ="post-user-info d-flex align-items-center justify-content-center ">
36- < img class ="page-post-profile-picture me-2 flex-shrink-0 " src ="" alt ="Sophia Adams " s =""
37- profile ="" picture '="">
38- < div class ="ps0 d-flex flex-column ">
39- < p class ="m1 fw-semibold text-body fs-5 post-poster-display-name ">
40-
41- </ p >
42- < p class ="m1 text-secondary post-poster-username ">
43-
44- </ p >
45- </ div >
46- </ div >
47- </ a >
48- < div class ="dropdown ">
49- < i class ="bi bi-three-dots w-99 h-100 text-secondary post-more-options-menu-button fs-5 "
50- data-bs-toggle ="dropdown " aria-expanded ="false "> </ i >
51- < ul class ="dropdown-menu p0 ">
44+ < main
45+ class ="page-post d-flex flex-column h-99 bg-light p-5 align-items-center justify-content-center "
46+ >
47+ < div
48+ class ="post row w-99 h-100 bg-white py-4 px-4 border "
49+ data-post-id =""
50+ data-poster-id =""
51+ >
52+ < img class ="post-page-image col-7 p-0 " src ="" alt ="Post Image " />
5253
53- </ ul >
54- </ div >
55- </ div >
56-
57- < div class ="d-flex flex-column post-bottom align-items-start justify-content-start w-99 fs-6 ">
58- < p class ="post-caption mb0 fw-medium d-flex align-items-start justify-content-center ">
59- < svg class ="bi bi-quote flex-shrink1 me-1 " xmlns ="http://www.w3.org/2000/svg " width ="18 "
60- height ="19 " fill ="currentColor " viewBox ="0 0 16 16 " data-darkreader-inline-fill =""
61- style ="--darkreader-inline-fill: currentColor; ">
62- < path
63- d ="M13 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 9 7.558V11a1 1 0 0 0 1 1h2Zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 3 7.558V11a1 1 0 0 0 1 1h2Z ">
64- </ path >
65- </ svg >
66-
67- </ p >
68- </ div >
69- < p class ="post-creation-date text-secondary flex-shrink1 p-0 m-0 align-self-end mt-auto ">
70- </ p >
54+ < div class ="post-sidebar col-3 d-flex flex-column gap-4 px-5 py-3 ">
55+ < div class ="pt1 d-flex align-items-center justify-content-between ">
56+ < a href ="" class ="text-decoration-none ">
57+ < div class ="post-user-info d-flex align-items-center justify-content-center ">
58+ < img class ="page-post-profile-picture me-2 flex-shrink-0 "
59+ src ="" alt ="Sophia Adams ">
60+ < div class ="ps0 d-flex flex-column ">
61+ < p
62+ class ="m1 fw-semibold text-body fs-5 post-poster-display-name "
63+ > </ p >
64+ < p class ="m1 text-secondary post-poster-username "> </ p >
65+ </ div >
7166 </ div >
67+ </ a >
68+ < div class ="dropdown ">
69+ < i
70+ class ="bi bi-three-dots w-99 h-100 text-secondary post-more-options-menu-button fs-5 "
71+ data-bs-toggle ="dropdown "
72+ aria-expanded ="false "
73+ > </ i >
74+ < ul class ="dropdown-menu p0 "> </ ul >
75+ </ div >
7276 </ div >
73- </ main >
7477
78+ < div
79+ class ="d-flex flex-column post-bottom align-items-start justify-content-start w-99 fs-6 "
80+ >
81+ < p
82+ class ="post-caption mb0 fw-medium d-flex align-items-start justify-content-center "
83+ >
84+ < svg
85+ class ="bi bi-quote flex-shrink1 me-1 "
86+ xmlns ="http://www.w3.org/2000/svg "
87+ width ="18 "
88+ height ="19 "
89+ fill ="currentColor "
90+ viewBox ="0 0 16 16 "
91+ data-darkreader-inline-fill =""
92+ style ="--darkreader-inline-fill: currentColor "
93+ >
94+ < path
95+ d ="M13 12a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1h-1.388c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 9 7.558V11a1 1 0 0 0 1 1h2Zm-6 0a1 1 0 0 0 1-1V8.558a1 1 0 0 0-1-1H4.612c0-.351.021-.703.062-1.054.062-.372.166-.703.31-.992.145-.29.331-.517.559-.683.227-.186.516-.279.868-.279V3c-.579 0-1.085.124-1.52.372a3.322 3.322 0 0 0-1.085.992 4.92 4.92 0 0 0-.62 1.458A7.712 7.712 0 0 0 3 7.558V11a1 1 0 0 0 1 1h2Z "
96+ > </ path >
97+ </ svg >
98+ </ p >
99+ </ div >
100+ < p
101+ class ="post-creation-date text-secondary flex-shrink1 p-0 m-0 align-self-end mt-auto "
102+ > </ p >
103+ </ div >
104+ </ div >
105+ </ main >
75106 </ div >
76- </ body >
77-
78- </ html >
107+ </ body >
108+ </ html >
0 commit comments