changes
This commit is contained in:
Oliver
@@ -1,10 +1,9 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{.Site.Language.LanguageCode}}">
|
||||
{{ partial "common/head.html" . }}
|
||||
<body>
|
||||
{{ partial "UI/navbar.html" . }}
|
||||
<main>{{ block "main" . }} {{ end }}</main>
|
||||
|
||||
{{ partial "common/scripts.html" . }}
|
||||
</body>
|
||||
</html>
|
||||
<!DOCTYPE html>
|
||||
<html lang="{{.Site.Language.LanguageCode}}">
|
||||
{{ partial "common/head.html" . }}
|
||||
<body>
|
||||
{{ partial "UI/navbar.html" . }}
|
||||
<main>{{ block "main" . }} {{ end }}</main>
|
||||
{{ partial "UI/modal.html" . }} {{ partial "common/scripts.html" . }}
|
||||
</body>
|
||||
</html>
|
||||
|
||||
51
layouts/_default/home.html
Normal file
51
layouts/_default/home.html
Normal file
@@ -0,0 +1,51 @@
|
||||
{{ define "main" }}
|
||||
<section class="hero">
|
||||
<div class="">
|
||||
<h1 class="" data-pagefind-meta="title">{{T "hero.heading"}}</h1>
|
||||
<p class="" data-pagefind-meta="description">{{T "hero.description"}}</p>
|
||||
</div>
|
||||
<div class="tags_categories">
|
||||
<div class="category_list">
|
||||
|
||||
<h3 class="">
|
||||
<img src="/icons/categories.svg" alt="" class="">
|
||||
{{T "categories"}}
|
||||
</h3>
|
||||
<ul>
|
||||
{{ range $name, $taxonomy := .Site.Taxonomies.categories }}
|
||||
<li class="chip">
|
||||
<a href="{{site.BaseURL}}{{"categories/"| relLangURL}}{{ $name | urlize }}/">{{ $name }}</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="tags_list">
|
||||
|
||||
<h3 class="">
|
||||
<img src="/icons/hastag.svg" alt="" class="">
|
||||
{{T "tags"}}
|
||||
</h3>
|
||||
<ul>
|
||||
{{ range $name, $taxonomy := .Site.Taxonomies.tags }}
|
||||
<li class="chip">
|
||||
<a href="{{site.BaseURL}}{{"tags/"| relLangURL}}{{ $name | urlize }}/">{{ $name }}</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<button class="story-btn" id="createStoryBtn">{{T "submitButtonLabelText"}}</button>
|
||||
<dialog class="story_dialog">
|
||||
<button id="closeStoryModal" autofocus>Close</button>
|
||||
<iframe src="https://ai.odoo4projects.com/form/345c0f2c-8764-4094-8a5d-1be9c2ed86ef" frameborder="1"></iframe>
|
||||
</dialog>
|
||||
|
||||
<!-- stories -->
|
||||
<section class="story__grid">
|
||||
{{ range site.RegularPages }}
|
||||
{{ partial "UI/article-card.html" . }} {{end}}
|
||||
</section>
|
||||
{{ end }}
|
||||
@@ -1,97 +1,6 @@
|
||||
{{ define "main" }}
|
||||
<section class="hero">
|
||||
<div class="">
|
||||
<h1 class="">{{T "hero.heading"}}</h1>
|
||||
<p class="">{{T "hero.description"}}</p>
|
||||
</div>
|
||||
<div class="tags_categories">
|
||||
<div class="category_list">
|
||||
|
||||
<h3 class="">
|
||||
<img src="/icons/categories.svg" alt="" class="">
|
||||
{{T "categories"}}
|
||||
</h3>
|
||||
<ul>
|
||||
{{ range $name, $taxonomy := .Site.Taxonomies.categories }}
|
||||
<li class="chip">
|
||||
<a href="{{ " /categories/" | relLangURL }}{{ $name | urlize }}/">{{ $name }}</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
|
||||
<div class="tags_list">
|
||||
|
||||
<h3 class="">
|
||||
<img src="/icons/hastag.svg" alt="" class="">
|
||||
{{T "tags"}}
|
||||
</h3>
|
||||
<ul>
|
||||
{{ range $name, $taxonomy := .Site.Taxonomies.tags }}
|
||||
<li class="chip">
|
||||
<a href="{{ " /tags/" | relLangURL }}{{ $name | urlize }}/">{{ $name }}</a>
|
||||
</li>
|
||||
{{ end }}
|
||||
</ul>
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<button class="story-btn" id="createStoryBtn">{{T "submitButtonLabelText"}}</button>
|
||||
<dialog class="story_dialog">
|
||||
<button id="closeStoryModal" autofocus>Close</button>
|
||||
<iframe src="https://ai.odoo4projects.com/form/345c0f2c-8764-4094-8a5d-1be9c2ed86ef" frameborder="1"></iframe>
|
||||
</dialog>
|
||||
|
||||
<!-- stories -->
|
||||
<section class="story__grid">
|
||||
{{ $posts := where .Site.RegularPages "Section" "stories" }} {{ range
|
||||
(sort $posts "Date" "desc") }}
|
||||
<article class="story__card">
|
||||
|
||||
<img src="{{.Params.image}}" alt="{{ .Title }}" class="story__coverImg" loading="lazy">
|
||||
<div class="story__card__details">
|
||||
<a href="{{.Permalink}}" target="_self">
|
||||
<h4 class="card__title">{{ .Title }}</h4>
|
||||
</a>
|
||||
<p class="card__description">
|
||||
{{.Params.description}}
|
||||
</p>
|
||||
|
||||
<div class="card__tags_categories">
|
||||
{{ range .Params.categories }}
|
||||
<a href="" class="category__chip">
|
||||
{{.}}
|
||||
</a>
|
||||
{{ end }}
|
||||
{{ range .Params.tags }}
|
||||
<a href="" class="tag__chip">
|
||||
<span class="hastag">#</span>{{.}}
|
||||
</a>
|
||||
{{ end }}
|
||||
|
||||
</div>
|
||||
<div class="publish__date__timeToRead">
|
||||
<!-- publish date -->
|
||||
<div class="publish__date">
|
||||
<img src="/icons/calender.svg" class="story__card__icon" alt="">
|
||||
<time datetime="">{{ .PublishDate |time.Format ":date_medium" }}</time>
|
||||
</div>
|
||||
|
||||
<!-- time to read -->
|
||||
<div class="publish__date">
|
||||
<img src="/icons/hourglass.svg" class="story__card__icon" alt="">
|
||||
<time datetime="">{{ .ReadingTime }} {{T "minutesToRead"}} </time>
|
||||
</div>
|
||||
</div>
|
||||
|
||||
<!-- author -->
|
||||
<div class="publish__date">
|
||||
<img src="/icons/person.svg" class="story__card__icon" alt="">
|
||||
<time datetime="">{{ .Params.author }}</time>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
{{end}}
|
||||
</section>
|
||||
{{ end }}
|
||||
{{ define "main" }}
|
||||
<!-- stories -->
|
||||
<section class="story__grid">
|
||||
{{ range .Pages }} {{ partial "UI/article-card.html" . }} {{end}}
|
||||
</section>
|
||||
{{ end }}
|
||||
|
||||
@@ -1 +1,3 @@
|
||||
{{ define "main" }} single page {{ end }}
|
||||
{{ define "main" }}
|
||||
<section class="single-page">{{.Content}}</section>
|
||||
{{ end }}
|
||||
|
||||
6
layouts/_default/term.html
Normal file
6
layouts/_default/term.html
Normal file
@@ -0,0 +1,6 @@
|
||||
{{ define "main" }}
|
||||
<!-- stories -->
|
||||
<section class="story__grid">
|
||||
{{ range .Pages }} {{ partial "UI/article-card.html" . }} {{end}}
|
||||
</section>
|
||||
{{ end }}
|
||||
48
layouts/partials/UI/article-card.html
Normal file
48
layouts/partials/UI/article-card.html
Normal file
@@ -0,0 +1,48 @@
|
||||
<article class="story__card">
|
||||
<img
|
||||
src="{{.Params.image}}"
|
||||
alt="{{ .Title }}"
|
||||
data-pagefind-index-attrs="title,alt"
|
||||
class="story__coverImg"
|
||||
loading="lazy"
|
||||
/>
|
||||
<div class="story__card__details">
|
||||
<a data-story-url="{{.RelPermalink}}" class="open-modal">
|
||||
<h4 class="card__title">{{ .Title }}</h4>
|
||||
</a>
|
||||
<p class="card__description">{{.Params.description}}</p>
|
||||
|
||||
<div class="card__tags_categories">
|
||||
{{ range .Params.categories }}
|
||||
<a href="{{ "/categories/" | relLangURL}}{{ . | urlize }}/" class="category__chip">
|
||||
{{.}}
|
||||
</a>
|
||||
{{ end }} {{ range .Params.tags }}
|
||||
<a href="{{ "/tags/" | relLangURL }}{{ . | urlize }}/" class="tag__chip">
|
||||
<span class="hastag">#</span>{{.}}
|
||||
</a>
|
||||
{{ end }}
|
||||
</div>
|
||||
|
||||
<div class="publish__date__timeToRead">
|
||||
<!-- publish date -->
|
||||
<div class="publish__date">
|
||||
<img src="/icons/calender.svg" class="story__card__icon" alt="" />
|
||||
<time datetime=""
|
||||
>{{ .PublishDate |time.Format ":date_medium" }}</time
|
||||
>
|
||||
</div>
|
||||
|
||||
<!-- time to read -->
|
||||
<div class="publish__date">
|
||||
<img src="/icons/hourglass.svg" class="story__card__icon" alt="" />
|
||||
<time datetime="">{{ .ReadingTime }} {{T "minutesToRead"}} </time>
|
||||
</div>
|
||||
</div>
|
||||
<!-- author -->
|
||||
<div class="publish__date">
|
||||
<img src="/icons/person.svg" class="story__card__icon" alt="" />
|
||||
<time datetime="">{{ .Params.author }}</time>
|
||||
</div>
|
||||
</div>
|
||||
</article>
|
||||
4
layouts/partials/UI/modal.html
Normal file
4
layouts/partials/UI/modal.html
Normal file
@@ -0,0 +1,4 @@
|
||||
<div id="story-modal">
|
||||
<button id="close-modal">✕</button>
|
||||
<div id="modal-content">Loading...</div>
|
||||
</div>
|
||||
@@ -1,45 +1,45 @@
|
||||
<nav>
|
||||
<h2>ODOO Community Success Stories sponsored by </h2>
|
||||
|
||||
|
||||
|
||||
<a href="http://ODOO4projects.com" style="
|
||||
display: inline-flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
background-color: white;
|
||||
color: orange;
|
||||
border: 2px solid orange;
|
||||
text-decoration: none;
|
||||
padding: 16px 24px;
|
||||
border-radius: 10px;
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
text-align: left;
|
||||
line-height: 1.3;
|
||||
box-shadow: 0 4px 12px rgba(0,0,0,0.05);
|
||||
transition: all 0.3s ease;
|
||||
" onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
|
||||
|
||||
<img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
|
||||
<span style="display: inline-block;">
|
||||
Launch your ODOO Project now!
|
||||
</span>
|
||||
|
||||
</a>
|
||||
|
||||
|
||||
<div class="search-bar-container" id="search"></div>
|
||||
|
||||
<div class="dropdown">
|
||||
<button class="dropbtn">{{.Language.LanguageCode}}</button>
|
||||
<div class="dropdown-content">
|
||||
{{ range $.Site.Home.AllTranslations }}
|
||||
<a href="{{.Permalink | relURL }}" class="">
|
||||
{{.Language.LanguageName}}
|
||||
</a>
|
||||
{{end}}
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
<nav>
|
||||
<h2>ODOO Community Success Stories sponsored by </h2>
|
||||
|
||||
|
||||
|
||||
<a href="http://ODOO4projects.com" style="
|
||||
display: inline-flex;
|
||||
flex-direction: row;
|
||||
align-items: center;
|
||||
gap: 12px;
|
||||
background-color: white;
|
||||
color: orange;
|
||||
border: 2px solid orange;
|
||||
text-decoration: none;
|
||||
padding: 16px 24px;
|
||||
border-radius: 10px;
|
||||
font-size: 18px;
|
||||
font-weight: bold;
|
||||
text-align: left;
|
||||
line-height: 1.3;
|
||||
box-shadow: 0 4px 12px rgba(0,0,0,0.05);
|
||||
transition: all 0.3s ease;
|
||||
" onmouseover="this.style.backgroundColor='#fef6e4'; this.style.color='orange'" onmouseout="this.style.backgroundColor='white'; this.style.color='orange'">
|
||||
|
||||
<img src="/images/logo.svg" alt="Logo" style="width: 32px; height: 32px;">
|
||||
<span style="display: inline-block;">
|
||||
Launch your ODOO Project now!
|
||||
</span>
|
||||
|
||||
</a>
|
||||
|
||||
|
||||
<div class="search-bar-container" id="search"></div>
|
||||
|
||||
<div class="dropdown">
|
||||
<button class="dropbtn">{{.Language.LanguageCode}}</button>
|
||||
<div class="dropdown-content">
|
||||
{{ range $.Site.Home.AllTranslations }}
|
||||
<a href="{{.Permalink | relURL }}" class="">
|
||||
{{.Language.LanguageName}}
|
||||
</a>
|
||||
{{end}}
|
||||
</div>
|
||||
</div>
|
||||
</nav>
|
||||
|
||||
@@ -1,11 +1,16 @@
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>
|
||||
{{- if .IsHome -}} ODOO Community Success Stories | {{ .Title }} {{- else if .Page.Title -}} {{
|
||||
.Page.Title }} | {{ .Site.Title }} {{- else -}} {{ .Site.Title }} {{- end
|
||||
-}}
|
||||
</title>
|
||||
<script defer data-domain="success.odoo4projects.com" src="https://plausible.odoo4projects.com/js/script.outbound-links.js"></script>
|
||||
{{ partial "common/links.html" . }}
|
||||
</head>
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
|
||||
<title>
|
||||
{{- if .IsHome -}} Home | {{ .Title }} {{- else if .Page.Title -}} {{
|
||||
.Page.Title }} | {{ .Site.Title }} {{- else -}} {{ .Site.Title }} {{- end
|
||||
-}}
|
||||
</title>
|
||||
|
||||
<!-- description -->
|
||||
{{- if .IsHome -}}
|
||||
<meta name="description" content="{{ .Site.Params.description }}" />
|
||||
{{- else -}}
|
||||
<meta name="description" content="{{ .Params.description }}" />
|
||||
{{- end }} {{ partial "common/links.html" . }}
|
||||
</head>
|
||||
|
||||
@@ -1,9 +1,9 @@
|
||||
<link rel="stylesheet" href="/css/main.css" />
|
||||
<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
|
||||
<!-- <link
|
||||
rel="stylesheet"
|
||||
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css"
|
||||
integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg=="
|
||||
crossorigin="anonymous"
|
||||
referrerpolicy="no-referrer"
|
||||
/> -->
|
||||
<link rel="stylesheet" href="/css/main.css" />
|
||||
<link href="/pagefind/pagefind-ui.css" rel="stylesheet" />
|
||||
<!-- <link
|
||||
rel="stylesheet"
|
||||
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css"
|
||||
integrity="sha512-Evv84Mr4kqVGRNSgIGL/F/aIDqQb7xQ2vcrdIwxfjThSH8CSR7PBEakCr51Ck+w+/U6swU2Im1vVX0SVk9ABhg=="
|
||||
crossorigin="anonymous"
|
||||
referrerpolicy="no-referrer"
|
||||
/> -->
|
||||
|
||||
@@ -1,22 +1,23 @@
|
||||
<script src="/pagefind/pagefind-ui.js"></script>
|
||||
<script>
|
||||
window.addEventListener("DOMContentLoaded", (event) => {
|
||||
new PagefindUI({ element: "#search", showSubResults: true });
|
||||
});
|
||||
</script>
|
||||
|
||||
<script>
|
||||
const dialog = document.querySelector("dialog");
|
||||
const showButton = document.getElementById("createStoryBtn");
|
||||
const closeButton = document.getElementById("closeStoryModal");
|
||||
|
||||
// "Show the dialog" button opens the dialog modally
|
||||
showButton.addEventListener("click", () => {
|
||||
dialog.showModal();
|
||||
});
|
||||
|
||||
// "Close" button closes the dialog
|
||||
closeButton.addEventListener("click", () => {
|
||||
dialog.close();
|
||||
});
|
||||
</script>
|
||||
<script src="/pagefind/pagefind-ui.js"></script>
|
||||
<script src="/js/main.js"></script>
|
||||
<script>
|
||||
window.addEventListener("DOMContentLoaded", (event) => {
|
||||
new PagefindUI({ element: "#search", showSubResults: true,highlightParam: "highlight" });
|
||||
});
|
||||
</script>
|
||||
|
||||
<script>
|
||||
const dialog = document.querySelector("dialog");
|
||||
const showButton = document.getElementById("createStoryBtn");
|
||||
const closeButton = document.getElementById("closeStoryModal");
|
||||
|
||||
// "Show the dialog" button opens the dialog modally
|
||||
showButton.addEventListener("click", () => {
|
||||
dialog.showModal();
|
||||
});
|
||||
|
||||
// "Close" button closes the dialog
|
||||
closeButton.addEventListener("click", () => {
|
||||
dialog.close();
|
||||
});
|
||||
</script>
|
||||
|
||||
Reference in New Issue
Block a user