Improved layouts of single service page
This commit is contained in:
parent
9d2570922f
commit
5baa6cc59b
11 changed files with 127 additions and 86 deletions
10
.idea/.gitignore
generated
vendored
Normal file
10
.idea/.gitignore
generated
vendored
Normal file
|
|
@ -0,0 +1,10 @@
|
||||||
|
# Default ignored files
|
||||||
|
/shelf/
|
||||||
|
/workspace.xml
|
||||||
|
# Editor-based HTTP Client requests
|
||||||
|
/httpRequests/
|
||||||
|
# Environment-dependent path to Maven home directory
|
||||||
|
/mavenHomeManager.xml
|
||||||
|
# Datasource local storage ignored files
|
||||||
|
/dataSources/
|
||||||
|
/dataSources.local.xml
|
||||||
6
.idea/misc.xml
generated
Normal file
6
.idea/misc.xml
generated
Normal file
|
|
@ -0,0 +1,6 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<project version="4">
|
||||||
|
<component name="ProjectRootManager" version="2" languageLevel="JDK_21" default="true" project-jdk-name="21" project-jdk-type="JavaSDK">
|
||||||
|
<output url="file://$PROJECT_DIR$/out" />
|
||||||
|
</component>
|
||||||
|
</project>
|
||||||
8
.idea/modules.xml
generated
Normal file
8
.idea/modules.xml
generated
Normal file
|
|
@ -0,0 +1,8 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<project version="4">
|
||||||
|
<component name="ProjectModuleManager">
|
||||||
|
<modules>
|
||||||
|
<module fileurl="file://$PROJECT_DIR$/.idea/website.iml" filepath="$PROJECT_DIR$/.idea/website.iml" />
|
||||||
|
</modules>
|
||||||
|
</component>
|
||||||
|
</project>
|
||||||
6
.idea/vcs.xml
generated
Normal file
6
.idea/vcs.xml
generated
Normal file
|
|
@ -0,0 +1,6 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<project version="4">
|
||||||
|
<component name="VcsDirectoryMappings">
|
||||||
|
<mapping directory="" vcs="Git" />
|
||||||
|
</component>
|
||||||
|
</project>
|
||||||
9
.idea/website.iml
generated
Normal file
9
.idea/website.iml
generated
Normal file
|
|
@ -0,0 +1,9 @@
|
||||||
|
<?xml version="1.0" encoding="UTF-8"?>
|
||||||
|
<module type="JAVA_MODULE" version="4">
|
||||||
|
<component name="NewModuleRootManager" inherit-compiler-output="true">
|
||||||
|
<exclude-output />
|
||||||
|
<content url="file://$MODULE_DIR$" />
|
||||||
|
<orderEntry type="inheritedJdk" />
|
||||||
|
<orderEntry type="sourceFolder" forTests="false" />
|
||||||
|
</component>
|
||||||
|
</module>
|
||||||
|
|
@ -22,7 +22,6 @@
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col l9 m9 s12">
|
<div class="col l9 m9 s12">
|
||||||
<section class="col s12">
|
|
||||||
<div class="list-group">
|
<div class="list-group">
|
||||||
{{ $paginator := .Paginate ((where .Pages "Type" "blogibis").ByParam "lastmod").Reverse}}
|
{{ $paginator := .Paginate ((where .Pages "Type" "blogibis").ByParam "lastmod").Reverse}}
|
||||||
{{ range $paginator.Pages }}
|
{{ range $paginator.Pages }}
|
||||||
|
|
@ -32,7 +31,6 @@
|
||||||
|
|
||||||
{{ partial "partials/pagination.html" (dict "page" . "format" "default" "align" "center") }}
|
{{ partial "partials/pagination.html" (dict "page" . "format" "default" "align" "center") }}
|
||||||
|
|
||||||
</section>
|
|
||||||
</div>
|
</div>
|
||||||
{{ partial "widgets/ibissidebar.html" . }}
|
{{ partial "widgets/ibissidebar.html" . }}
|
||||||
</div>
|
</div>
|
||||||
|
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
<section class="col s12 m3 l3 text-center blogsidebar" style="border-left: 1px solid #ddd">
|
<section class="col s12 m3 l3 text-center blogsidebar">
|
||||||
{{ if isset .Site.Taxonomies "tagsibis" }}
|
{{ if isset .Site.Taxonomies "tagsibis" }}
|
||||||
{{ if not (eq (len .Site.Taxonomies.tagsibis) 0) }}
|
{{ if not (eq (len .Site.Taxonomies.tagsibis) 0) }}
|
||||||
<div class="tags">
|
<div class="tags">
|
||||||
|
|
|
||||||
|
|
@ -1,11 +1,8 @@
|
||||||
<section>
|
{{ with .projects }}
|
||||||
{{ $projects := first 4 ((where (.Site.RegularPages.RelatedIndices . "services" ) "Type" "blogspot").ByLastmod ) }}
|
|
||||||
{{ with $projects }}
|
|
||||||
<h4 class="text-center">{{ i18n "related_projects" }}</h4>
|
<h4 class="text-center">{{ i18n "related_projects" }}</h4>
|
||||||
{{ range . }}
|
{{ range . }}
|
||||||
<div class="col l12 article" style="text-align: center">
|
<div class="article" style="text-align: center">
|
||||||
{{ partial "widgets/article.html" . }}
|
{{ partial "widgets/article.html" . }}
|
||||||
</div>
|
</div>
|
||||||
{{ end }}
|
{{ end }}
|
||||||
{{ end }}
|
{{ end }}
|
||||||
</section>
|
|
||||||
|
|
@ -1,4 +1,4 @@
|
||||||
<section class="col s12 m3 l3 text-center blogsidebar" style="border-left: 1px solid #ddd">
|
<section class="col s12 m3 l3 text-center blogsidebar">
|
||||||
{{ if isset .Site.Taxonomies "tagsspot" }}
|
{{ if isset .Site.Taxonomies "tagsspot" }}
|
||||||
{{ if not (eq (len .Site.Taxonomies.tagsspot) 0) }}
|
{{ if not (eq (len .Site.Taxonomies.tagsspot) 0) }}
|
||||||
<div class="tags">
|
<div class="tags">
|
||||||
|
|
|
||||||
|
|
@ -5,12 +5,20 @@
|
||||||
|
|
||||||
<body hx-boost="true" lang="{{ .Site.Language.Lang }}">
|
<body hx-boost="true" lang="{{ .Site.Language.Lang }}">
|
||||||
{{ partial "nav.html" . }}
|
{{ partial "nav.html" . }}
|
||||||
|
{{ $projects := first 4 ((where (.Site.RegularPages.RelatedIndices . "services" ) "Type" "blogspot").ByLastmod ) }}
|
||||||
|
{{ $numOfProjects := $projects | len}}
|
||||||
|
|
||||||
|
{{ $contentClass := "s12 m9 l9" }}
|
||||||
|
|
||||||
|
{{ if eq $numOfProjects 0 }}
|
||||||
|
{{ $contentClass = "s12 m12 l12" }}
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
<div id="page-content">
|
<div id="page-content">
|
||||||
<header class="service">
|
<header class="service">
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col s12 m9 l9">
|
<div class="col {{ $contentClass }}">
|
||||||
<h2>{{ .Title }}</h2>
|
<h2>{{ .Title }}</h2>
|
||||||
<p>{{ .Params.shortDescription }}</p>
|
<p>{{ .Params.shortDescription }}</p>
|
||||||
</div>
|
</div>
|
||||||
|
|
@ -25,22 +33,21 @@
|
||||||
|
|
||||||
<div class="container">
|
<div class="container">
|
||||||
<div class="row">
|
<div class="row">
|
||||||
<div class="col m9 l9">
|
<div class="col {{ $contentClass }}">
|
||||||
<section class="col s12">
|
{{ if (fileExists (printf "assets/%s" (index .Params.images 0))) -}}
|
||||||
{{ if (fileExists (printf "assets/%s" (index .Params.images 0))) -}}
|
{{ $mainimage := resources.Get (index .Params.images 0) }}
|
||||||
{{ $mainimage := resources.Get (index .Params.images 0) }}
|
<p style="text-align: center"><img class="img-fluid" src="{{ $mainimage.RelPermalink }}" width="500"></p>
|
||||||
<p style="text-align: center"><img class="img-fluid" src="{{ $mainimage.RelPermalink }}" width="500">
|
{{ end }}
|
||||||
</p>
|
<div style="text-align: justify;">
|
||||||
{{ end }}
|
{{ .Content }}
|
||||||
<div style="text-align: justify;">
|
</div>
|
||||||
{{ .Content }}
|
|
||||||
</div>
|
|
||||||
</section>
|
|
||||||
</div>
|
</div>
|
||||||
|
|
||||||
<div class="col m3 l3 servicesidebar">
|
{{ if gt $numOfProjects 0 }}
|
||||||
{{ partial "widgets/servicesidebar.html" . }}
|
<div class="col s12 m3 l3 servicesidebar">
|
||||||
|
{{ partial "widgets/servicesidebar.html" (dict "projects" $projects "service" .) }}
|
||||||
</div>
|
</div>
|
||||||
|
{{ end }}
|
||||||
|
|
||||||
</div>
|
</div>
|
||||||
<!-- /.row -->
|
<!-- /.row -->
|
||||||
|
|
|
||||||
|
|
@ -337,66 +337,6 @@ body {
|
||||||
display: block;
|
display: block;
|
||||||
}
|
}
|
||||||
|
|
||||||
@media screen and (max-width: 992px) {
|
|
||||||
body {
|
|
||||||
padding-top: 60px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#responsive-button {
|
|
||||||
display: block;
|
|
||||||
}
|
|
||||||
|
|
||||||
#topmenu {
|
|
||||||
position:relative;
|
|
||||||
}
|
|
||||||
|
|
||||||
#topmenu ul {
|
|
||||||
background:var(--dark-color);
|
|
||||||
position:absolute;
|
|
||||||
z-index:3;
|
|
||||||
height:auto;
|
|
||||||
display:none;
|
|
||||||
top: 45px;
|
|
||||||
right: -30px;
|
|
||||||
flex-direction: column;
|
|
||||||
border-bottom-left-radius: 10px;
|
|
||||||
padding-left:0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#topmenu ul li {
|
|
||||||
padding-top:4px;
|
|
||||||
padding-bottom: 4px;
|
|
||||||
}
|
|
||||||
|
|
||||||
#topmenu ul li.dropdown:after {
|
|
||||||
content: none;
|
|
||||||
}
|
|
||||||
|
|
||||||
#topmenu ul.submenu {
|
|
||||||
width:100%;
|
|
||||||
position:static;
|
|
||||||
background: var(--dark-color);
|
|
||||||
color: #fff;
|
|
||||||
padding-top:4px;
|
|
||||||
padding-bottom: 4px;
|
|
||||||
margin-top:0;
|
|
||||||
margin-bottom:0;
|
|
||||||
}
|
|
||||||
|
|
||||||
#topmenu ul.submenu li a{
|
|
||||||
color: #fff;
|
|
||||||
}
|
|
||||||
|
|
||||||
#topmenu li {display:block;float:left;width:auto;}
|
|
||||||
|
|
||||||
#topmenu :is(ul li:hover > ul, li:focus-within > ul, ul li ul:hover, ul li ul:focus) {
|
|
||||||
display: flex;
|
|
||||||
}
|
|
||||||
|
|
||||||
#topmenu.responsive ul {display: flex;visibility: visible; opacity: 1; margin-top:0}
|
|
||||||
#topmenu.responsive ul>li>ul.submenu>li {visibility: visible; display:block;}
|
|
||||||
}
|
|
||||||
|
|
||||||
#home-introduction {
|
#home-introduction {
|
||||||
h4 {
|
h4 {
|
||||||
text-align: center;
|
text-align: center;
|
||||||
|
|
@ -487,7 +427,7 @@ link {
|
||||||
.page-link {
|
.page-link {
|
||||||
position: relative;
|
position: relative;
|
||||||
display: block;
|
display: block;
|
||||||
color: #207491;
|
color: var(--primary-color);
|
||||||
padding: .375rem .75rem;
|
padding: .375rem .75rem;
|
||||||
text-decoration: none;
|
text-decoration: none;
|
||||||
background-color: #fff;
|
background-color: #fff;
|
||||||
|
|
@ -496,8 +436,8 @@ link {
|
||||||
}
|
}
|
||||||
|
|
||||||
.page-item.active .page-link {
|
.page-item.active .page-link {
|
||||||
background-color: #207491;
|
background-color: var(--primary-color);
|
||||||
border-color: #207491;
|
border-color: var(--primary-color);
|
||||||
color: #fff;
|
color: #fff;
|
||||||
}
|
}
|
||||||
|
|
||||||
|
|
@ -774,6 +714,66 @@ link {
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@media screen and (max-width: 992px) {
|
||||||
|
body {
|
||||||
|
padding-top: 60px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#responsive-button {
|
||||||
|
display: block;
|
||||||
|
}
|
||||||
|
|
||||||
|
#topmenu {
|
||||||
|
position:relative;
|
||||||
|
}
|
||||||
|
|
||||||
|
#topmenu ul {
|
||||||
|
background:var(--dark-color);
|
||||||
|
position:absolute;
|
||||||
|
z-index:3;
|
||||||
|
height:auto;
|
||||||
|
display:none;
|
||||||
|
top: 45px;
|
||||||
|
right: -30px;
|
||||||
|
flex-direction: column;
|
||||||
|
border-bottom-left-radius: 10px;
|
||||||
|
padding-left:0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#topmenu ul li {
|
||||||
|
padding-top:4px;
|
||||||
|
padding-bottom: 4px;
|
||||||
|
}
|
||||||
|
|
||||||
|
#topmenu ul li.dropdown:after {
|
||||||
|
content: none;
|
||||||
|
}
|
||||||
|
|
||||||
|
#topmenu ul.submenu {
|
||||||
|
width:100%;
|
||||||
|
position:static;
|
||||||
|
background: var(--dark-color);
|
||||||
|
color: #fff;
|
||||||
|
padding-top:4px;
|
||||||
|
padding-bottom: 4px;
|
||||||
|
margin-top:0;
|
||||||
|
margin-bottom:0;
|
||||||
|
}
|
||||||
|
|
||||||
|
#topmenu ul.submenu li a{
|
||||||
|
color: #fff;
|
||||||
|
}
|
||||||
|
|
||||||
|
#topmenu li {display:block;float:left;width:auto;}
|
||||||
|
|
||||||
|
#topmenu :is(ul li:hover > ul, li:focus-within > ul, ul li ul:hover, ul li ul:focus) {
|
||||||
|
display: flex;
|
||||||
|
}
|
||||||
|
|
||||||
|
#topmenu.responsive ul {display: flex;visibility: visible; opacity: 1; margin-top:0}
|
||||||
|
#topmenu.responsive ul>li>ul.submenu>li {visibility: visible; display:block;}
|
||||||
|
}
|
||||||
|
|
||||||
@media (max-width: 1140px) {
|
@media (max-width: 1140px) {
|
||||||
.container {
|
.container {
|
||||||
padding-left: 20px;
|
padding-left: 20px;
|
||||||
|
|
|
||||||
Loading…
Add table
Reference in a new issue