Skip to content

Redesign website experience #51

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
lipkau merged 2 commits into from
Jun 1, 2026
Merged

Redesign website experience #51

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
2 commits
Select commit Hold shift + click to select a range
ad48af9
Redesign website experience
lipkau May 31, 2026
e2d6787
Use released module documentation
lipkau Jun 1, 2026
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion 404.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -11,7 +11,7 @@
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Page Not Found</title>
<style> html, body { width: 100%; height: 100%; } body { background-image: url(/assets/img/404_backdrop.jpg); background-size: cover; background-repeat: no-repeat; min-height: 100vh; min-width: 100vw; font-family: "Roboto Mono", "Liberation Mono", Consolas, monospace; color: rgba(255, 255, 255, .87); } .mx-auto { margin-left: auto; margin-right: auto; } .container, .container>.row, .container>.row>div { height: 100%; } #countUp { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; } #countUp>.number { font-size: 4rem; font-weight: 500; } #countUp>.text:first-of-type { margin: 0 0 1rem; } #countUp>.text { font-weight: 300; text-align: center; } </style>
<style> html, body { width: 100%; height: 100%; margin: 0; } body { background-image: url(/assets/img/404_backdrop.jpg); background-size: cover; background-repeat: no-repeat; min-height: 100vh; font-family: "Roboto Mono", "Liberation Mono", Consolas, monospace; color: rgba(255, 255, 255, .87); } .mx-auto { margin-left: auto; margin-right: auto; } .container { box-sizing: border-box; min-height: 100%; padding: 0 1rem; width: 100%; } .container, .container>.row, .container>.row>div { height: 100%; } #countUp { display: flex; flex-direction: column; justify-content: center; align-items: center; height: 100%; } #countUp>.number { font-size: 4rem; font-weight: 500; } #countUp>.text:first-of-type { margin: 0 0 1rem; } #countUp>.text { font-weight: 300; text-align: center; } </style>
</head>

<body class="gray-bg">
Expand Down
1 change: 1 addition & 0 deletions _data/modules.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -26,6 +26,7 @@
docs: /docs/AtlassianPS.Configuration
gallery: https://www.powershellgallery.com/packages/AtlassianPS.Configuration
status: active
dependency: true
- name: AtlassianPS
description: Repository for cross-cutting AtlassianPS issues and coordination.
github: https://github.com/AtlassianPS/AtlassianPS
Expand Down
3 changes: 3 additions & 0 deletions _data/navigation.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,6 +12,8 @@
- name: Documentation
path: docs
childs:
- name: Quick Start
path: docs/quick-start
- name: Contributing
path: docs/Contributing
listChilds: true
Expand All @@ -28,6 +30,7 @@
- name: ConfluencePS
path: docs/ConfluencePS
groups:
- About
- Commands
- Classes
- name: JiraAgilePS
Expand Down
11 changes: 7 additions & 4 deletions _includes/footer.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,21 +2,24 @@
<div class="site-info">
<div class="container">
<div class="btt d-print-none">
<a class="inpage-navigation" href="#page-top" title="Back To Top"><i class="fa fas-angle-double-up" style="visibility: visible; animation-duration: 2s; animation-name: flash;"></i></a>
<a class="inpage-navigation" href="#page-top" title="Back To Top" aria-label="Back To Top"><i class="fas fa-angle-double-up" aria-hidden="true"></i></a>
</div>
<div class="row">
<div class="col-12">
Copyright © {{ site.time | date: "%Y" }} AtlassianPS
</div>
</div>
<div class="row d-print-none">
<div class="col-6">
<div class="col-12 col-md-8">
<ul>
<li><a href="/module/">Modules</a></li>
<li><a href="/docs/">Documentation</a></li>
<li><a href="/contact/">Community</a></li>
<li><a href="/data-protection-information">Data Protection Information</a></li>
</ul>
</div>
<div class="col-6">
<a href="https://github.com/AtlassianPS/AtlassianPS.github.io"><i class="fas fa-code"></i><i class="fab fa-github"></i></a>
<div class="col-12 col-md-4">
<a href="https://github.com/AtlassianPS/AtlassianPS.github.io"><i class="fas fa-code"></i><i class="fab fa-github"></i> Improve this site</a>
</div>
</div>
</div>
Expand Down
5 changes: 2 additions & 3 deletions _includes/sections/posts.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -10,9 +10,9 @@
<article id="{{post.title}}" class="container post item col-10 ml-auto mr-auto">
<div class="row">
<div class="col-3 ml-auto article-thumb text-center">
<a href="#"> <!-- href="{{ categoryIcon.name | prepend: site.baseurl }}" -->
<span class="post-category-icon">
<i class="fa {{categoryIcon.icon}} fa-5x {{categoryIcon.class}}"></i>
</a>
</span>
</div>
<div class="col-7 mr-auto">
<div class="article-meta row">
Expand All @@ -37,4 +37,3 @@ <h3 class="item-title article-title">{{ post.title }}</h3>
<a class="btn btn-square btn-outline" href="/archive/" role="button">All Articles</a>
</div>
</div>

183 changes: 136 additions & 47 deletions _includes/sidenav.html
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,101 +1,190 @@
{% assign documentation = site.data.navigation | where: "name", "Documentation" %}
<nav class="bd-links d-none d-md-block d-overflow" id="bd-docs-search">
{% assign current_doc_name = "All docs" %}
{% for module in documentation[0].childs %}
{% capture moduleUrl %}/{{ module.path }}{% endcapture %}
{% capture moduleUrlSlash %}{{ moduleUrl }}/{% endcapture %}
{% assign moduleActive = false %}
{% if page.url == moduleUrl or page.url == moduleUrlSlash or page.url contains moduleUrlSlash %}
{% assign moduleActive = true %}
{% endif %}
{% if moduleActive %}
{% assign current_doc_name = module.name %}
{% endif %}
{% endfor %}
<nav class="bd-links docs-desktop-nav d-overflow" id="bd-docs-search">
<ul class="nav bd-sidenav bd-search">
<li class="menu-item search">
<input type="search" class="form-control searchbox" id="search-input" placeholder="Search..." aria-label="Search documentation" autocomplete="off">
</li>
</ul>
</nav>
<nav class="bd-links d-none d-md-block" id="bd-docs-nav">
<nav class="bd-links docs-desktop-nav" id="bd-docs-nav">
<div class="docs-sidebar-section">
<span>Documentation</span>
{% for module in documentation[0].childs %}
<a class="bd-toc-link" href="/{{ module.path }}"><h4 class="bd-toc-item">{{ module.name }}</h4></a>
{% capture moduleUrl %}/{{ module.path }}{% endcapture %}
{% capture moduleUrlSlash %}{{ moduleUrl }}/{% endcapture %}
{% assign moduleActive = false %}
{% if page.url == moduleUrl or page.url == moduleUrlSlash or page.url contains moduleUrlSlash %}
{% assign moduleActive = true %}
{% endif %}
<a class="bd-toc-link{% if moduleActive %} active{% endif %}" href="/{{ module.path }}">{{ module.name }}</a>
{% endfor %}
</div>

{% if page.url contains module.path %}
{% for module in documentation[0].childs %}
{% capture moduleUrl %}/{{ module.path }}{% endcapture %}
{% capture moduleUrlSlash %}{{ moduleUrl }}/{% endcapture %}
{% assign moduleActive = false %}
{% if page.url == moduleUrl or page.url == moduleUrlSlash or page.url contains moduleUrlSlash %}
{% assign moduleActive = true %}
{% endif %}
{% if moduleActive %}
<div class="docs-sidebar-section docs-sidebar-current">
<span>{{ module.name }}</span>
{% if module.groups %}
{% for group in module.groups %}
{% capture groupPath %}/{{ module.path }}/{{ group | downcase }}{% endcapture%}
{% if group == "About" %}
{% capture groupLink %}/{{ module.path }}{% endcapture %}
{% capture aboutPath %}/{{ module.path }}/about{% endcapture %}
{% capture groupLinkSlash %}{{ groupLink }}/{% endcapture %}
{% assign groupActive = false %}
{% capture aboutPathSlash %}{{ aboutPath }}/{% endcapture %}
{% if page.url == groupLink or page.url == groupLinkSlash or page.url == aboutPath or page.url contains aboutPathSlash %}
{% assign groupActive = true %}
{% endif %}
{% else %}
{% capture groupLink %}{{ groupPath }}{% endcapture %}
{% assign groupActive = false %}
{% capture groupPathSlash %}{{ groupPath }}/{% endcapture %}
{% if page.url == groupPath or page.url contains groupPathSlash %}
{% assign groupActive = true %}
{% endif %}
{% endif %}
<div class="bd-toc-item{% if page.url contains groupName %} active{% endif %}">
<a class="bd-toc-link" href="{{ groupLink }}">{{group}}</a>

<a class="bd-toc-link{% if groupActive %} active{% endif %}" href="{{ groupLink }}">{{ group }}</a>
{% if group == "About" %}
<ul class="nav bd-sidenav">

{% for p in site.html_pages %}
{% if p.url contains groupPath %}
{% if p.hide != true %}
<li class="{% if page.url contains p.url %}active{% endif %}">
{% for p in site.html_pages %}
{% capture pUrlSlash %}{{ p.url | remove: '.html' }}/{% endcapture %}
{% if p.url == aboutPath or p.url contains aboutPathSlash %}
{% if p.hide != true %}
<li class="{% if page.url == p.url or page.url == pUrlSlash %}active{% endif %}">
<a href="{{ p.url }}">{{ p.title }}</a>
</li>
{% endif %}
{% endif %}
{% endif %}
{% endfor %}
{% endfor %}
</ul>
</div>
{% endif %}
{% endfor %}
{% elsif module.listChilds %}
<ul class="nav bd-sidenav">
{% for p in site.html_pages %}
{% if p.url contains module.path %}
{% if p.url == moduleUrl or p.url contains moduleUrlSlash %}
{% if p.hide != true %}
<li class="{% if page.url contains p.url %}active{% endif %}">
<a class="bd-toc-link" href="{{ p.url }}">{{ p.title }}</a>
</li>
{% capture pUrlSlash %}{{ p.url | remove: '.html' }}/{% endcapture %}
<a class="bd-toc-link{% if page.url == p.url or page.url == pUrlSlash %} active{% endif %}" href="{{ p.url }}">{{ p.title }}</a>
{% endif %}
{% endif %}
{% endfor %}
</ul>
{% endif %}
</div>
{% endif %}
{% endfor %}
</nav>
<nav class="bd-links d-block d-md-none text-center" id="small-nav">
<ul class="nav bd-sidenav bd-search">
<li class="menu-item search">
<input type="search" class="form-control searchbox" id="search-input-small" placeholder="Search..." aria-label="Search documentation" autocomplete="off">
</li>
</ul>
<nav class="docs-mobile-nav" id="small-nav" aria-label="Documentation navigation">
<div class="docs-mobile-search">
<input type="search" class="form-control searchbox" id="search-input-small" placeholder="Search documentation" aria-label="Search documentation" autocomplete="off">
</div>

<details class="docs-mobile-menu">
<summary>
<span>Browse documentation</span>
<strong>{{ current_doc_name }}</strong>
</summary>
<div class="docs-mobile-menu-body">
<div class="docs-mobile-menu-section">
<span>Sections</span>
{% for module in documentation[0].childs %}
{% capture moduleUrl %}/{{ module.path }}{% endcapture %}
{% capture moduleUrlSlash %}{{ moduleUrl }}/{% endcapture %}
{% assign moduleActive = false %}
{% if page.url == moduleUrl or page.url == moduleUrlSlash or page.url contains moduleUrlSlash %}
{% assign moduleActive = true %}
{% endif %}
<a href="/{{ module.path }}" class="{% if moduleActive %}active{% endif %}">{{ module.name }}</a>
{% endfor %}
</div>

<h4 class="d-inline">Topics</h4>
<select id="small-nav-dropdown">
{% for module in documentation[0].childs %}
{% if page.url contains module.path %}
<option class="font-weight-bold" value="/{{ module.path }}">{{ module.name }}</option>
{% capture moduleUrl %}/{{ module.path }}{% endcapture %}
{% capture moduleUrlSlash %}{{ moduleUrl }}/{% endcapture %}
{% assign moduleActive = false %}
{% if page.url == moduleUrl or page.url == moduleUrlSlash or page.url contains moduleUrlSlash %}
{% assign moduleActive = true %}
{% endif %}
{% if moduleActive %}
<div class="docs-mobile-menu-section">
<span>{{ module.name }}</span>
{% if module.groups %}
{% for group in module.groups %}
{% capture groupPath %}/{{ module.path }}/{{ group | downcase }}{% endcapture%}
<optgroup label="{{ group }}">
{% for p in site.html_pages %}
{% if p.url contains groupPath %}
{% if p.hide != true %}
<option value="{{ p.url }}"{% if page.url contains p.url %}selected{% endif %}>{{ p.title }}</option>
{% endif %}
{% if group == "About" %}
{% capture groupLink %}/{{ module.path }}{% endcapture %}
{% capture aboutPath %}/{{ module.path }}/about{% endcapture %}
{% capture groupLinkSlash %}{{ groupLink }}/{% endcapture %}
{% assign groupActive = false %}
{% capture aboutPathSlash %}{{ aboutPath }}/{% endcapture %}
{% if page.url == groupLink or page.url == groupLinkSlash or page.url == aboutPath or page.url contains aboutPathSlash %}
{% assign groupActive = true %}
{% endif %}
{% else %}
{% capture groupLink %}{{ groupPath }}{% endcapture %}
{% assign groupActive = false %}
{% capture groupPathSlash %}{{ groupPath }}/{% endcapture %}
{% if page.url == groupPath or page.url contains groupPathSlash %}
{% assign groupActive = true %}
{% endif %}
{% endfor %}
</optgroup>
{% endif %}
<a href="{{ groupLink }}" class="{% if groupActive %}active{% endif %}">{{ group }}</a>
{% if group == "About" %}
{% for p in site.html_pages %}
{% capture pUrlSlash %}{{ p.url | remove: '.html' }}/{% endcapture %}
{% if p.url == aboutPath or p.url contains aboutPathSlash %}
{% if p.hide != true %}
<a href="{{ p.url }}" class="docs-mobile-subitem{% if page.url == p.url or page.url == pUrlSlash %} active{% endif %}">{{ p.title }}</a>
{% endif %}
{% endif %}
{% endfor %}
{% endif %}
{% endfor %}
{% elsif module.listChilds %}
{% for p in site.html_pages %}
{% if p.url contains module.path %}
{% if p.url == moduleUrl or p.url contains moduleUrlSlash %}
{% if p.hide != true %}
<option value="{{ p.url }}" {% if page.url contains p.url %}selected{% endif %}>{{ p.title }}</option>
{% capture pUrlSlash %}{{ p.url | remove: '.html' }}/{% endcapture %}
<a href="{{ p.url }}" class="{% if page.url == p.url or page.url == pUrlSlash %}active{% endif %}">{{ p.title }}</a>
{% endif %}
{% endif %}
{% endfor %}
{% endif %}
</div>
{% endif %}
{% endfor %}
</select>
</div>
</details>
</nav>

<script type="text/javascript" src="https://cdn.jsdelivr.net/docsearch.js/2/docsearch.min.js"></script>
<script type="text/javascript"> docsearch({
apiKey: '50f1199d6c47bdb6fe668f3b569453f0',
indexName: 'atlassianps',
inputSelector: '.searchbox',
debug: false
<script type="text/javascript">
['#search-input', '#search-input-small'].forEach(function (selector) {
if (document.querySelector(selector)) {
docsearch({
apiKey: '50f1199d6c47bdb6fe668f3b569453f0',
indexName: 'atlassianps',
inputSelector: selector,
debug: false
});
}
});
</script>
3 changes: 0 additions & 3 deletions _layouts/default.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -22,8 +22,6 @@

<!-- CSS -->
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
<link rel="stylesheet" href="/assets/css/morphext.css">
<link rel="stylesheet" href="/assets/css/animate.css">
<link rel="stylesheet" href="/assets/css/style.css">

<!-- Scripts -->
Expand All @@ -32,7 +30,6 @@
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.0/js/bootstrap.min.js" integrity="sha384-uefMccjFJAIv6A+rW+L4AHf99KvxDjWSu1z9VI8SKNVmz4sk7buKt/6v9KI65qnm" crossorigin="anonymous"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/anchor-js/4.1.0/anchor.min.js" integrity="sha256-lZaRhKri35AyJSypXXs4o6OPFTbTmUoltBbDCbdzegg=" crossorigin="anonymous"></script>
<script src="/assets/javascript/jquery.toc.min.js"></script>
<script src="/assets/javascript/morphext.min.js"></script>
<script src="/assets/javascript/theme.js"></script>
</head>

Expand Down
Loading
Loading