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

New theme fixes

Browse source
This commit is contained in:
roberto 2025-05-11 20:54:29 +02:00
parent bea73621ff
commit 2e2ebe83fe
6 changed files with 114 additions and 30 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

22
config.toml
View file

@ -22,22 +22,15 @@ paginate = 5
[[menu.main]] [[menu.main]]
identifier="about" identifier="about"
name = "About" name = "About"
url = "/en/#about" url = "/en/#home-introduction"
weight = 10 weight = 10
[[menu.main]] [[menu.main]]
identifier="services" identifier="services"
name = "Services" name = "Services"
url = "/en/#services" url = "/en/#home-bottom"
weight = 20 weight = 20
[[menu.main]]
identifier="services-introduction"
name = "Introduction"
url = "/en/#services"
weight = 11
parent = "services"
[[menu.main]] [[menu.main]]
identifier="brainminder" identifier="brainminder"
name = "BrainMinder" name = "BrainMinder"
@ -101,22 +94,15 @@ paginate = 5
[[languages.it.menu.main]] [[languages.it.menu.main]]
identifier="about" identifier="about"
name = "Presentazione" name = "Presentazione"
url = "/#about" url = "/#home-introduction"
weight = 10 weight = 10
[[languages.it.menu.main]] [[languages.it.menu.main]]
identifier="services" identifier="services"
name = "Servizi" name = "Servizi"
url = "/#services" url = "/#home-bottom"
weight = 20 weight = 20
[[languages.it.menu.main]]
identifier="services-introduction"
name = "Introduzione"
url = "/#services"
weight = 11
parent = "services"
[[languages.it.menu.main]] [[languages.it.menu.main]]
identifier="brainminder" identifier="brainminder"
name = "BrainMinder" name = "BrainMinder"

2
layouts/service/single.html
View file

@ -6,6 +6,7 @@
<body lang="{{ .Site.Language.Lang }}"> <body lang="{{ .Site.Language.Lang }}">
{{ partial "nav.html" . }} {{ partial "nav.html" . }}
<div id="page-content">
<header class="service"> <header class="service">
<div class="container"> <div class="container">
<div class="row"> <div class="row">
@ -51,6 +52,7 @@
{{ end }} {{ end }}
</div> </div>
<!-- /#content --> <!-- /#content -->
</div>
{{ partial "footer.html" . }} {{ partial "footer.html" . }}

4
static/css/custom.css
View file

@ -51,6 +51,10 @@
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M10.616 16.077H7.077q-1.692 0-2.884-1.192T3 12t1.193-2.885t2.884-1.193h3.539v1H7.077q-1.27 0-2.173.904Q4 10.731 4 12t.904 2.173t2.173.904h3.539zM8.5 12.5v-1h7v1zm4.885 3.577v-1h3.538q1.27 0 2.173-.904Q20 13.269 20 12t-.904-2.173t-2.173-.904h-3.538v-1h3.538q1.692 0 2.885 1.192T21 12t-1.193 2.885t-2.884 1.193z'/%3E%3C/svg%3E"); --svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M10.616 16.077H7.077q-1.692 0-2.884-1.192T3 12t1.193-2.885t2.884-1.193h3.539v1H7.077q-1.27 0-2.173.904Q4 10.731 4 12t.904 2.173t2.173.904h3.539zM8.5 12.5v-1h7v1zm4.885 3.577v-1h3.538q1.27 0 2.173-.904Q20 13.269 20 12t-.904-2.173t-2.173-.904h-3.538v-1h3.538q1.692 0 2.885 1.192T21 12t-1.193 2.885t-2.884 1.193z'/%3E%3C/svg%3E");
} }
#home-introduction {
text-align: justify;
}
.service { .service {
display: flex; display: flex;
margin-top: 10px; margin-top: 10px;

2
themes/lean/layouts/index.html
View file

@ -5,6 +5,7 @@
{{ partial "nav.html" . }} {{ partial "nav.html" . }}
{{ partial "home-banner.html" . }} {{ partial "home-banner.html" . }}
<div id="page-content">
{{ with (index .Site.Data.introduction .Site.Language.Lang).home }} {{ with (index .Site.Data.introduction .Site.Language.Lang).home }}
<div id="home-introduction" class="container"> <div id="home-introduction" class="container">
<div class="row"> <div class="row">
@ -17,6 +18,7 @@
</div> </div>
{{ end }} {{ end }}
{{ partial "home-bottom.html" . }} {{ partial "home-bottom.html" . }}
</div>
{{ partial "footer.html" . }} {{ partial "footer.html" . }}
</body> </body>

11
themes/lean/layouts/partials/nav.html
View file

@ -4,21 +4,18 @@
<img class="img-fluid" src="/img/logo.svg" alt="SpeedTech"> <img class="img-fluid" src="/img/logo.svg" alt="SpeedTech">
</a> </a>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div id="topmenu"> <div id="topmenu">
<input type="checkbox" id="responsive-button"><label for="responsive-button"></label>
<ul> <ul>
{{ $current := . }} {{ $current := . }}
{{ range .Site.Menus.main }} {{ range .Site.Menus.main }}
{{ $topLevel := replace .URL "/" "" }} {{ $topLevel := replace .URL "/" "" }}
{{ if .HasChildren }} {{ if .HasChildren }}
<li> <li class="dropdown">
<a href="#" role="button"> <a href="{{ .URL }}" role="button">
{{ .Name }} {{ .Name }}
</a> </a>
<ul> <ul class="submenu">
{{ range .Children }} {{ range .Children }}
<li> <li>
<a href="{{ .URL }}" title="{{ .Params.title }}"> <a href="{{ .URL }}" title="{{ .Params.title }}">

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

@ -115,7 +115,7 @@ a {
/* End reset */ /* End reset */
body { body {
padding-top: 130px; padding-top: 60px;
font-family: "Arial"; font-family: "Arial";
-webkit-font-smoothing: antialiased; -webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale; -moz-osx-font-smoothing: grayscale;
@ -214,6 +214,12 @@ body {
mask-size: 100% 100%; mask-size: 100% 100%;
} }
.icon-responsive-menu {
--svg: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23000' d='M4.5 17.27q-.213 0-.356-.145T4 16.768t.144-.356t.356-.143h15q.213 0 .356.144q.144.144.144.357t-.144.356t-.356.143zm0-4.77q-.213 0-.356-.144T4 11.999t.144-.356t.356-.143h15q.213 0 .356.144t.144.357t-.144.356t-.356.143zm0-4.77q-.213 0-.356-.143Q4 7.443 4 7.23t.144-.356t.356-.143h15q.213 0 .356.144T20 7.23t-.144.356t-.356.144z'/%3E%3C/svg%3E");
-webkit-mask-image: var(--svg);
mask-image: var(--svg);
}
.container { .container {
max-width: 1140px; max-width: 1140px;
width: 100%; width: 100%;
@ -273,7 +279,13 @@ body {
font-weight: 500; font-weight: 500;
} }
ul li ul { ul li.dropdown:after {
content: "\25BE";
margin-left: 5px;
color: #fff;
}
ul.submenu {
background-color: #fff; background-color: #fff;
background-clip: padding-box; background-clip: padding-box;
border: 1px solid rgba(0,0,0,.15); border: 1px solid rgba(0,0,0,.15);
@ -287,10 +299,10 @@ body {
left: 0; left: 0;
display: none; display: none;
z-index: 2000; z-index: 2000;
padding-left: 0; padding: 0px;
} }
ul li ul li { ul.submenu li {
clear: both; clear: both;
width: 100%; width: 100%;
padding: 0.25rem; padding: 0.25rem;
@ -298,8 +310,13 @@ body {
white-space: nowrap; white-space: nowrap;
background-color: transparent; background-color: transparent;
border: 0; border: 0;
padding: 5px 10px;
} }
ul li ul li:hover {
background-color: #ccc;
}
ul li ul a { ul li ul a {
color: var(--dark-color); color: var(--dark-color);
} }
@ -309,6 +326,73 @@ body {
opacity: 1; opacity: 1;
display: block; display: block;
} }
#responsive-button {
display: none;
margin: 0;
padding: 0;
height: 45px;
width: 100%;
opacity: 0;
cursor: pointer
}
#responsive-button + label {cursor: pointer;}
}
@media screen and (max-width: 992px) {
#topmenu {
position:relative;
#responsive-button {
display: block;
}
label:before {
font-size: 1.6em;
color: #FFFFFF;
content: "\2261";
margin-left: 20px;
}
ul {
background:var(--dark-color);
position:absolute;
z-index:3;
height:auto;
display:none;
top: 0;
border-radius: 6px;
flex-direction: column;
border: 1px solid #fff;
padding-left:0;
}
ul li {
padding-top:4px;
padding-bottom: 4px;
}
ul li.dropdown:after {
content: none;
}
ul.submenu {
width:100%;
position:static;
background: var(--dark-color);
color: #fff;
padding-top:4px;
padding-bottom: 4px;
margin-top:0;
margin-bottom:0;
}
ul.submenu li a{
color: #fff;
}
li {display:block;float:left;width:auto;}
input, label {position:absolute;right:0;display:block}
input {z-index:4}
input:checked + label {color:#FFFFFF}
input:checked + label:before {content:"\00d7"}
input:checked ~ ul, input:checked ~ ul>li>ul.submenu {display: flex;visibility: visible; opacity: 1}
input:checked ~ ul>li>ul.submenu>li {visibility: visible; display:block;}
}
} }
#home-introduction { #home-introduction {
@ -334,7 +418,7 @@ body {
margin-top: 20px; margin-top: 20px;
padding-top: 20px; padding-top: 20px;
padding-bottom: 20px; padding-bottom: 20px;
background: url("../img/bg-image-1.jpg") no-repeat; background: #000 url("../img/bg-image-1.jpg") no-repeat;
color: white; color: white;
h2 { h2 {
text-align: center; text-align: center;
@ -607,3 +691,12 @@ footer {
padding-left: 4px; padding-left: 4px;
} }
} }
/* Max large */
@media (max-width: 992px) {
#page-content .container, footer .container {
padding-left: 20px;
padding-right: 20px;
}
}