Skip to content

Commit

Permalink
patch: github fix + other changes
Browse files Browse the repository at this point in the history
  • Loading branch information
TalhaFaisalglor committed Dec 12, 2023
1 parent ce88e9f commit e26612b
Show file tree
Hide file tree
Showing 15 changed files with 989 additions and 107 deletions.
850 changes: 795 additions & 55 deletions package-lock.json

Large diffs are not rendered by default.

3 changes: 2 additions & 1 deletion package.json
Original file line number Diff line number Diff line change
Expand Up @@ -69,6 +69,7 @@
"uglify-js": "^3.17.4"
},
"dependencies": {
"express": "^4.18.2",
"pagefind": "^0.12.0"
}
}
}
1 change: 1 addition & 0 deletions src/pages/_data/navigation/headerNav.json5
Original file line number Diff line number Diff line change
@@ -1,5 +1,6 @@
{
links: [
{ title: "Getting Started", url: "/getting-started/", class:"" },
{ title: "Developer Onboarding", url: "/dev-onboarding/", class:"" },
{ title: "Concepts", url: "/concepts/", class:"" },
{ title: "Ideology", url: "/ideology/", class:"" },
Expand Down
4 changes: 4 additions & 0 deletions src/pages/_data/navigation/mainNav.json5
Original file line number Diff line number Diff line change
@@ -1,5 +1,9 @@
{
links: [
{ title: "Getting Started", url: "/getting-started/", children: [
{ title: "Test Child", url: "/getting-started/child/" },
]
},
{ title: "Developer Onboarding", url: "/dev-onboarding/", children: [
{ title: "Building a Root Skill View", url: "/dev-onboarding/build/rootskillview/" },
{ title: "Managing your Family Members", url: "/dev-onboarding/build/members/" },
Expand Down
12 changes: 6 additions & 6 deletions src/pages/_includes/parts/head.njk
Original file line number Diff line number Diff line change
Expand Up @@ -4,19 +4,19 @@
<title>{{ title }}</title>

<style>
// Protect against initial flash of unstyled content
/* Protect against initial flash of unstyled content */
img {
width: 24px;
}
</style>

{% if site.environment == "production" %}
<link rel="stylesheet" href="/styles/site.min.css" />
<link rel="stylesheet" href="{{ '/styles/site.min.css' | url }}" />
{% else %}
<link rel="stylesheet" href="/styles/site.css" />
<link rel="stylesheet" href="{{ '/styles/site.css' | url }}" />
{% endif %}
<link rel="shortcut icon" href="/assets/img/favicon.ico" type="image/x-icon">
<link href="/styles/highlight.js-atom-one-light.min.css" rel="stylesheet">
<link rel="shortcut icon" href="{{ '/assets/img/favicon.ico' | url }}" type="image/x-icon">
<link href="{{ '/styles/highlight.js-atom-one-light.min.css' | url }}" rel="stylesheet">

<script defer="true" src="/scripts/index.js"></script>
<script defer="true" src="{{ '/scripts/index.js' | url }}"></script>
</head>
12 changes: 6 additions & 6 deletions src/pages/_includes/parts/header.njk
Original file line number Diff line number Diff line change
Expand Up @@ -4,11 +4,11 @@
<header id="page-header">
<div id="page-header-top">
<div id="logo-space">
<a href="/" id="home-link">
<picture>
<source srcset="/assets/img/logo.png" media="(min-width: 900px)">
<img src="/assets/img/logo.png" alt="logo">
</picture>
<a href="{{ '/' | url }}" id="home-link">
<picture>
<source srcset="{{ '/assets/img/logo.png' | url }}" media="(min-width: 900px)">
<img src="{{ '/assets/img/logo.png' | url }}" alt="logo">
</picture>
</a>
</div>

Expand All @@ -18,7 +18,7 @@

<div id="page-header-bar">
<nav id="other-nav">
<a href="/search" title="Search the site">{{ mdiSearch() }}</a>
<a href="{{ '/search' | url }}" title="Search the site">{{ mdiSearch() }}</a>
</nav>
</div>
</header>
8 changes: 4 additions & 4 deletions src/pages/_includes/widgets/home-tiles.njk
Original file line number Diff line number Diff line change
@@ -1,30 +1,30 @@
{% from "widgets/svg-icons.njk" import rocketshipIcon, craneIcon, toolPanelIcon, personReadingIcon %}
<div id="home-tiles">
{% linkTile "/dev-onboarding/", "home-tile" %}
{% linkTile "/dev-onboarding/" | url, "home-tile" %}
{{ rocketshipIcon() }}
<div class="text-wrapper">
<h2>Developer Onboarding</h2>
<p>Onboarding materials that ensure a seamless initiation process into the Sprucebot ecosystem.</p>
</div>
{% endlinkTile %}

{% linkTile "/concepts/", "home-tile" %}
{% linkTile "/concepts/" | url, "home-tile" %}
{{ craneIcon() }}
<div class="text-wrapper">
<h2>Concepts</h2>
<p>Gain a solid understanding of the fundamental concepts around Sprucebot.</p>
</div>
{% endlinkTile %}

{% linkTile "/ideology/", "home-tile" %}
{% linkTile "/ideology/" | url, "home-tile" %}
{{ toolPanelIcon() }}
<div class="text-wrapper">
<h2>Ideology</h2>
<p>Delve deeper into the foundational principles that drive Sprucebot.</p>
</div>
{% endlinkTile %}

{% linkTile "/", "home-tile" %}
{% linkTile "/" | url, "home-tile" %}
{{ personReadingIcon() }}
<div class="text-wrapper">
<h2>Resources</h2>
Expand Down
10 changes: 5 additions & 5 deletions src/pages/_includes/widgets/navigation.njk
Original file line number Diff line number Diff line change
Expand Up @@ -5,13 +5,13 @@
<nav id="main-nav">
<ul class="nav-top-level">
<li id="mobile-search">
<a href="/search" title="Search the site">{{ mdiSearch() }}</a>
<a href="{{ '/search' | url }}" title="Search the site">{{ mdiSearch() }}</a>
</li>
{% for topLink in mainNavData.links %}
{% set isCurrentParent = topLink.url == activeParent.url %}
{% if isCurrentParent %}
<li data-is-current-parent="true" aria-current="page">
<a href="{{ topLink.url }}" {{ 'target=_blank' if topLink.external }}>
<a href="{{ topLink.url | url }}" {{ 'target=_blank' if topLink.external }}>
<span>
{{ topLink.title }}
</span>
Expand All @@ -23,7 +23,7 @@
<ul class="nav-child-level open">
{% for childLink in topLink.children %}
<li {% if childLink.url == page.url %} aria-current="page" {% endif %}>
<a href="{{ childLink.url }}" {{ 'target=_blank' if childLink.external }}>
<a href="{{ childLink.url | url }}" {{ 'target=_blank' if childLink.external }}>
<span>
{{ childLink.title }}
</span>
Expand All @@ -45,7 +45,7 @@
<ul>
{% for link in headerNavData.links %}
<li {% if link.url == activeParent.url %} data-is-current-parent="true" {% endif %} >
<a href="{{ link.url }}">{{ link.title }}</a>
<a href="{{ link.url | url }}">{{ link.title }}</a>
</li>
{% endfor %}
</ul>
Expand Down Expand Up @@ -74,4 +74,4 @@
</ul>
</nav>
{% endif %}
{% endmacro %}
{% endmacro %}
3 changes: 3 additions & 0 deletions src/pages/getting-started/child.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,3 @@
---
title: child
---
119 changes: 119 additions & 0 deletions src/pages/getting-started/getting-started.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,119 @@
---
title: Getting Started
---
<style>
#language-selector {
display: flex;
justify-content: center;
margin-top: 20px;
}

#language-selector button {
background-color: #1a1a1a;
color: #fff;
border: 2px solid transparent;
border-radius: 8px;
padding: 6px 12px; /* Further reduced padding */
margin: 0 6px; /* Further reduced margin */
cursor: pointer;
transition: all 0.3s ease-in-out;
font-weight: bold;
text-transform: uppercase;
letter-spacing: 1px;
font-size: 0.8em; /* Further reduced font size */
}

#language-selector button:hover, #language-selector button:focus {
background-color: #0d6efd;
border-color: #0d6efd;
box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
transform: translateY(-2px);
}

#language-selector button:active {
transform: translateY(1px);
box-shadow: none;
}
</style>

<div id="language-selector">
<button data-language="ruby">Ruby</button>
<button data-language="python">Python</button>
<button data-language="ios">IOS</button>
<button data-language="android">Android</button>
<button data-language="laravel">Laravel</button>
<button data-language="react">React</button>
<button data-language="flask">Flask</button>
<button data-language="django">Django</button>
<button data-language="spring">Spring</button>
<button data-language="groovy">Groovy</button>
</div>

<div id="content-ruby" class="language-content" style="display:none;">

## Ruby

</div>
<div id="content-python" class="language-content" style="display:none;">

## Python

</div>
<div id="content-ios" class="language-content" style="display:none;">

## IOS

</div>
<div id="content-android" class="language-content" style="display:none;">

## Android

</div>
<div id="content-laravel" class="language-content" style="display:none;">

## Laravel

</div>
<div id="content-react" class="language-content" style="display:none;">

## React

</div>
<div id="content-flask" class="language-content" style="display:none;">

## Flask

</div>
<div id="content-django" class="language-content" style="display:none;">

## Django

</div>
<div id="content-spring" class="language-content" style="display:none;">

## Spring

</div>
<div id="content-groovy" class="language-content" style="display:none;">

## Groovy

</div>
</section>

<script>
document.addEventListener('DOMContentLoaded', function () {
document.querySelectorAll('#language-selector button').forEach(button => {
button.addEventListener('click', function () {
document.querySelectorAll('.language-content').forEach(content => {
content.style.display = 'none'; // Hide all content
});
const language = this.getAttribute('data-language');
document
.querySelector(`#content-${language}`)
.style
.display = 'block'; // Show selected language content
});
});
});
</script>
29 changes: 18 additions & 11 deletions src/pages/index.njk
Original file line number Diff line number Diff line change
Expand Up @@ -6,20 +6,27 @@ surpressH1InLayout: true
---

{% layoutblock "abovePageWrap" %}
<div id="page-bg" role="presentation">
</div>

<div id="page-bg" role="presentation"></div>
<section id="greeting">
<div id="greeting-bg">
</div>

<div id="greeting-bg"></div>
<h1>Developer Portal</h1>
<p>Welcome to the developer portal of the Lumena Platform, powered by Sprucebot.</p>
<p>This guide is designed to be a self-serve tool that will enable both individuals and teams to use, develop, and expand on the Lumena Platform.</p>
<a class="btn" href="/get-started/">Get Started</a>
<p>This guide is designed to be a self-serve tool that will enable both individuals and teams to use, develop, and
expand on the Lumena Platform.</p>
<h1>Get Started</h1>
<div id="buttons">
<a class="btn" href="{{ '/getting-started/' | url }}">Ruby</a>
<a class="btn" href="{{ '/getting-started/' | url }}">Python</a>
<a class="btn" href="{{ '/getting-started/' | url }}">IOS</a>
<a class="btn" href="{{ '/getting-started/' | url }}">Android</a>
<a class="btn" href="{{ '/getting-started/' | url }}">Laravel</a>
<a class="btn" href="{{ '/getting-started/' | url }}">React</a>
<a class="btn" href="{{ '/getting-started/' | url }}">Django</a>
<a class="btn" href="{{ '/getting-started/' | url }}">Flask</a>
<a class="btn" href="{{ '/getting-started/' | url }}">Spring</a>
<a class="btn" href="{{ '/getting-started/' | url }}">Groovy</a>
</div>
</section>
{% endlayoutblock %}

{% endlayoutblock %}
{% include "src/pages/_includes/widgets/home-tiles.njk" %}

<hr>
2 changes: 1 addition & 1 deletion src/pages/search.njk
Original file line number Diff line number Diff line change
@@ -1,5 +1,5 @@
---
title: Search - Sprucebot Docs
title: Search Docs...
layout: default-page-layout.njk
pageStyleId: search
---
Expand Down
4 changes: 2 additions & 2 deletions src/scss/_header.scss
Original file line number Diff line number Diff line change
Expand Up @@ -84,7 +84,7 @@ header#page-header {

#page-header-bar {
padding: 8px;
color: #ffffff;
color: white;
display: flex;
justify-content: space-between;

Expand All @@ -106,7 +106,7 @@ header#page-header {
}

@include mq-full {
background: white;
background: none;
padding: 10px $sz-full-hor-padding;

#other-nav {
Expand Down
2 changes: 1 addition & 1 deletion src/scss/_values.scss
Original file line number Diff line number Diff line change
Expand Up @@ -28,7 +28,7 @@ $footer-large-screen-height: 200px;


/* Gradients */
$header-gradiant: linear-gradient(90deg,#4720e3,#345ede 32.81%,#0dddd3);
$header-gradiant: white;
$blue-to-light-purple-grad: linear-gradient(180deg,#4720e3,#b748ff 68.44%);
$blue-to-light-blue-grad: linear-gradient(180deg,#415bed,#13d0d7 44.86%);

Expand Down
Loading

0 comments on commit e26612b

Please sign in to comment.