roberto/speedtech-website
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Improved layouts of single service page

Browse source
This commit is contained in:
roberto 2025-05-18 16:19:27 +02:00
parent 9d2570922f
commit 5baa6cc59b
11 changed files with 127 additions and 86 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

10
.idea/.gitignore generated vendored Normal file
View 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
View 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
View 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
View 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
View 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>

2
layouts/blogibis/list.html
View file

@ -22,7 +22,6 @@
<div class="container">
<div class="row">
<div class="col l9 m9 s12">
<section class="col s12">
<div class="list-group">
{{ $paginator := .Paginate ((where .Pages "Type" "blogibis").ByParam "lastmod").Reverse}}
{{ range $paginator.Pages }}
@ -32,7 +31,6 @@
{{ partial "partials/pagination.html" (dict "page" . "format" "default" "align" "center") }}
</section>
</div>
{{ partial "widgets/ibissidebar.html" . }}
</div>

2
layouts/partials/widgets/ibissidebar.html
View file

@ -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 not (eq (len .Site.Taxonomies.tagsibis) 0) }}
<div class="tags">

7
layouts/partials/widgets/servicesidebar.html
View file

@ -1,11 +1,8 @@
<section>
{{ $projects := first 4 ((where (.Site.RegularPages.RelatedIndices . "services" ) "Type" "blogspot").ByLastmod ) }}
{{ with $projects }}
{{ with .projects }}
<h4 class="text-center">{{ i18n "related_projects" }}</h4>
{{ range . }}
<div class="col l12 article" style="text-align: center">
<div class="article" style="text-align: center">
{{ partial "widgets/article.html" . }}
</div>
{{ end }}
{{ end }}
</section>

2
layouts/partials/widgets/spotsidebar.html
View file

@ -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 not (eq (len .Site.Taxonomies.tagsspot) 0) }}
<div class="tags">

35
layouts/service/single.html
View file

@ -5,12 +5,20 @@
<body hx-boost="true" lang="{{ .Site.Language.Lang }}">
{{ 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">
<header class="service">
<div class="container">
<div class="row">
<div class="col s12 m9 l9">
<div class="col {{ $contentClass }}">
<h2>{{ .Title }}</h2>
<p>{{ .Params.shortDescription }}</p>
</div>
@ -25,22 +33,21 @@
<div class="container">
<div class="row">
<div class="col m9 l9">
<section class="col s12">
{{ if (fileExists (printf "assets/%s" (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>
{{ end }}
<div style="text-align: justify;">
{{ .Content }}
</div>
</section>
<div class="col {{ $contentClass }}">
{{ if (fileExists (printf "assets/%s" (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>
{{ end }}
<div style="text-align: justify;">
{{ .Content }}
</div>
</div>
<div class="col m3 l3 servicesidebar">
{{ partial "widgets/servicesidebar.html" . }}
{{ if gt $numOfProjects 0 }}
<div class="col s12 m3 l3 servicesidebar">
{{ partial "widgets/servicesidebar.html" (dict "projects" $projects "service" .) }}
</div>
{{ end }}
</div>
<!-- /.row -->

126
themes/lean/static/css/main.css
View file

@ -337,66 +337,6 @@ body {
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 {
h4 {
text-align: center;
@ -487,7 +427,7 @@ link {
.page-link {
position: relative;
display: block;
color: #207491;
color: var(--primary-color);
padding: .375rem .75rem;
text-decoration: none;
background-color: #fff;
@ -496,8 +436,8 @@ link {
}
.page-item.active .page-link {
background-color: #207491;
border-color: #207491;
background-color: var(--primary-color);
border-color: var(--primary-color);
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) {
.container {
padding-left: 20px;