Bootstrap v5 Migration, Style Cleanups, Formular-Umgestaltung, Layout-Verbesserungen (schließt #222)
This commit is contained in:
		| @@ -28,9 +28,9 @@ | ||||
|   <div class="bg-white"> | ||||
|     <h4 class="mb-4">{{ i18n "latest_article" }}</h4> | ||||
|     {{ range first 5 ( where .Site.Pages "Type" "post" )}} | ||||
|     <div class="media border-bottom border-color pb-3 mb-3"> | ||||
|       <a href="{{ .Permalink }}"><img class="mr-3 post-thumb-sm" src="{{ .Params.Image | absURL }}"></a> | ||||
|       <div class="media-body"> | ||||
|     <div class="d-flex border-bottom border-color pb-3 mb-3"> | ||||
|       <a href="{{ .Permalink }}"><img class="me-3 post-thumb-sm" src="{{ .Params.Image | absURL }}"></a> | ||||
|       <div class="flex-grow-1"> | ||||
|         <a href="{{ .Permalink }}"> | ||||
|           <h5 class="mt-0">{{ .Title }}</h5> | ||||
|         </a> | ||||
|   | ||||
| @@ -48,10 +48,10 @@ | ||||
|   <div class="copyright py-4 bg-footer"> | ||||
|     <div class="container"> | ||||
|       <div class="row"> | ||||
|         <div class="col-sm-7 text-sm-left text-center"> | ||||
|         <div class="col-sm-7 text-sm-start text-center"> | ||||
|           <p class="mb-0">{{ .Site.Params.copyright | markdownify | emojify }}</p> | ||||
|         </div> | ||||
|         <div class="col-sm-5 text-sm-right text-center"> | ||||
|         <div class="col-sm-5 text-smend text-center"> | ||||
|           <ul class="list-inline"> | ||||
|             {{ range .Site.Params.social }} | ||||
|             <li class="list-inline-item"><a class="d-inline-block p-2" href="{{ .link | safeURL }}"><i class="{{ .icon }} text-primary"></i></a></li> | ||||
|   | ||||
| @@ -61,14 +61,12 @@ | ||||
|  | ||||
| </head> | ||||
|  | ||||
| <div id="pagefind-search" class="modal" data-pagefind-ignore> | ||||
| <div id="pagefind-search" class="modal fade" data-pagefind-ignore> | ||||
|   <div class="modal-dialog modal-xl modal-dialog-scrollable modal-dialog-centered" role="document"> | ||||
|     <div class="modal-content"> | ||||
|       <div class="modal-header"> | ||||
|         <h3 class="modal-title">Suche</h3> | ||||
|         <button type="button" class="close" data-dismiss="modal" aria-label="Close" data-pagefind-ignore> | ||||
|           <span aria-hidden="true">×</span> | ||||
|         </button> | ||||
|         <button type="button" class="btn-close" data-bs-dismiss="modal" data-pagefind-ignore></button> | ||||
|       </div> | ||||
|       <div class="modal-body"> | ||||
|         <div class="content"> | ||||
|   | ||||
| @@ -10,15 +10,15 @@ | ||||
|     <div class="row mb-4"> | ||||
|       <div class="col-7"> | ||||
|         <div class="d-flex align-items-center"> | ||||
|           <i class="mdi mdi-crowd text-primary icon-md mr-2"></i> | ||||
|           <div class="text-left"> | ||||
|           <i class="mdi mdi-crowd text-primary icon-md me-2"></i> | ||||
|           <div class="text-start"> | ||||
|             <h6 class="mb-0">{{ i18n "class" | upper }}</h6> | ||||
|             <p class="mb-0">{{ .Params.class }}</p> | ||||
|           </div> | ||||
|         </div> | ||||
|       </div> | ||||
|       {{ if .Params.web_url }} | ||||
|       <div class="col-5 text-right mb-4 mb-xl-0"> | ||||
|       <div class="col-5 text-end mb-4 mb-xl-0"> | ||||
|         <a href="{{ .Params.web_url | safeURL }}" class="btn btn-primary">{{ i18n "website" }}</a> | ||||
|       </div> | ||||
|       {{ end }} | ||||
|   | ||||
| @@ -3,7 +3,7 @@ | ||||
|   <div class="top-header py-2 bg-white"> | ||||
|     <div class="container"> | ||||
|       <div class="row no-gutters align-items-center"> | ||||
|         <div class="col-lg-4 text-center text-lg-left"> | ||||
|         <div class="col-lg-4 text-center text-lg-start"> | ||||
|           <ul class="list-inline"> | ||||
|             {{ range .Site.Params.social }} | ||||
|             <li class="list-inline-item mx-0"><a class="d-inline-block p-2 text-color" href="{{ .link | safeURL }}"><i | ||||
| @@ -11,10 +11,10 @@ | ||||
|             {{ end }} | ||||
|           </ul> | ||||
|         </div> | ||||
|         <div class="col-lg-8 text-center text-lg-right"> | ||||
|         <div class="col-lg-8 text-center text-lg-end"> | ||||
|           <ul class="list-inline"> | ||||
|             <li class="list-inline-item"> | ||||
|               <a class="text-color mr-3" href="tel:{{ .Site.Params.mobile }}"><strong>{{ i18n "call" | upper }} : | ||||
|               <a class="text-color me-3" href="tel:{{ .Site.Params.mobile }}"><strong>{{ i18n "call" | upper }} : | ||||
|                 </strong> {{ .Site.Params.mobile }}</a> | ||||
|             </li> | ||||
|             <li class="list-inline-item"> | ||||
| @@ -39,7 +39,7 @@ | ||||
|         </button> | ||||
|  | ||||
|         <div class="collapse navbar-collapse text-center" id="navigation"> | ||||
|           <ul class="navbar-nav ml-auto"> | ||||
|           <ul class="navbar-nav ms-auto"> | ||||
|             <li class="nav-item"> | ||||
|               <a class="nav-link" href="{{ .Site.BaseURL | absLangURL }}">{{ .Site.Params.Home }}</a> | ||||
|             </li> | ||||
|   | ||||
| @@ -1,16 +1,26 @@ | ||||
| <div id="{{ md5 .title }}" class="modal"> | ||||
| <div id="{{ md5 .title }}" class="modal fade"> | ||||
|   <div class="modal-dialog modal-xl modal-dialog-scrollable modal-dialog-centered" role="document"> | ||||
|     <div class="modal-content"> | ||||
|       <div class="modal-header"> | ||||
|         <h3 class="modal-title">{{ .title }}</h3> | ||||
|         <button type="button" class="close" data-dismiss="modal" aria-label="Close" data-pagefind-ignore> | ||||
|           <span aria-hidden="true">×</span> | ||||
|         </button> | ||||
|         <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close" data-pagefind-ignore></button> | ||||
|       </div> | ||||
|       <div class="modal-body"> | ||||
|         <div class="content"> | ||||
|         <div class="content mb-4"> | ||||
|         {{ .content | markdownify }} | ||||
|         </div> | ||||
|         {{ range .unterhaufen }} | ||||
|           <div class="container mb-0"> | ||||
|                   <div class="card border-primary rounded-0 hover-shadow mb-2"> | ||||
|                     <div class="card-body mb-0"> | ||||
|                       <details class="mb-0"> | ||||
|                       <summary class="mb-0">{{ .title }}</summary> | ||||
|                       <div class="content"><p class="content">{{ .content | markdownify }}</p></div> | ||||
|                       </details> | ||||
|                     </div> | ||||
|                   </div> | ||||
|                 </div> | ||||
|           {{ end }} | ||||
|       </div> | ||||
|     </div> | ||||
|   </div> | ||||
|   | ||||
| @@ -1,7 +1,7 @@ | ||||
| <section class="page-title-section overlay" style="background-image: url('{{ .Params.Bg_image | relURL}}'),url('{{`media/backgrounds/page-title.webp`| relURL}}');" > | ||||
|   <div class="container"> | ||||
|     <div class="row"> | ||||
|       <div class="col-md-8"> | ||||
|       <div class="col-md-8 position-relative"> | ||||
|         <ul class="list-inline"> | ||||
|           <li class="list-inline-item h2" data-pagefind-ignore><a class="text-primary font-secondary" href="{{ if .Params.Previous.enable }}{{ .Params.Previous.link }}{{ else if .Parent.Page }}{{ .Parent.Page.Permalink }}{{ else }}{{ .Site.baseURL | absLangURL }}{{ end }}">{{ if .Params.previous.enable }}{{ .Params.previous.title }}{{ else }}{{ with .Parent.Params.title }}{{.}}{{ else }}{{ .Site.Params.home }}{{ end }}{{ end }}</a></li> | ||||
|           <li class="list-inline-item h2"><i class="mdi mdi-chevron-double-right text-white"></i></li> | ||||
|   | ||||
		Reference in New Issue
	
	Block a user