Skip to content

Create home page for argohub #1184

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
merged 10 commits into from
Feb 13, 2025
Merged

Create home page for argohub #1184

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
10 commits
Select commit Hold shift + click to select a range
a83a33c
Create home page for argohub
NimRegev Feb 10, 2025
1dd74d7
Update index.html
NimRegev Feb 12, 2025
220e582
Update home-content.yml
NimRegev Feb 12, 2025
5f34961
Update argohub-home-content.yml
NimRegev Feb 12, 2025
a325094
Update argohub-home-content.yml
NimRegev Feb 12, 2025
fdd98bf
Update argohub-home-content.yml
NimRegev Feb 12, 2025
610653c
Update argohub-docs-navbar.html
NimRegev Feb 13, 2025
965008d
Update index.html
NimRegev Feb 13, 2025
1f32e30
Fix link to gitops quick start
NimRegev Feb 13, 2025
26c94f9
Update home-content.yml
NimRegev Feb 13, 2025
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
168 changes: 168 additions & 0 deletions _data/argohub-home-content.yml
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,168 @@
- title: Introduction
icon: ../images/home-icons/introduction.svg
url: ""
links:
- title: What is Codefresh?
localurl: /argohub/getting-started/intro-to-codefresh/
- title: Codefresh for GitOps
localurl: /argohub/getting-started/gitops-codefresh/
- title: Concepts in Codefresh
localurl: /argohub/getting-started/concepts/
- title: Global Search & Navigation
localurl: /argohub/getting-started/command-bar/

- title: GitOps quick starts
icon: ../images/home-icons/administration.svg
url: ""
links:
- title: About GitOps quick starts
localurl: /argohub/gitops-quick-start/gitops-quick-start/
- title: Create Codefresh account
localurl: /argohub/gitops-quick-start/create-codefresh-account/
- title: Installing a Hybrid GitOps Runtime
localurl: /argohub/gitops-quick-start/runtime/
- title: Creating environments
localurl: /argohub/gitops-quick-start/quick-start-gitops-environments/
- title: Creating applications
localurl: /argohub/gitops-quick-start/create-app-ui/
- title: Simple promotion with drag-and-drop
localurl: /argohub/gitops-quick-start/drag-and-drop/
- title: Simple Promotion Flow with multiple environments
localurl: /argohub/gitops-quick-start/multi-env-sequential-flow/



- title: Applications
icon: ../images/home-icons/deployment.svg
url: ""
links:
- title: Creating Argo CD applications
localurl: /argohub/applications/create-application/
- title: Monitoring Argo CD applications
localurl: /argohub/applications/monitor-applications/
- title: Managing Argo CD applications
localurl: /argohub/applications/manage-application/

- title: Products
icon: ../images/home-icons/product.svg
url: ""
links:
- title: About Products
localurl: /argohub/products/about-products/
- title: Create products
localurl: /argohub/products/create-product/
- title: Configure Product Settings
localurl: /argohub/products/configure-product-settings/
- title: Assigning applications
localurl: /argohub/products/assign-applications/
- title: Configuring app version and promoted properties
localurl: /argohub/products/promotion-version-properties/
- title: Configuring promotion flows
localurl: /argohub/products/promotion-flow-triggers/


- title: Promotions
icon: ../images/home-icons/promotions.svg
url: ""
links:
- title: About promotions
localurl: /argohub/promotions/promotions-overview/
- title: Getting started
localurl: /argohub/promotions/getting-started/
- title: Promotion building blocks
localurl: /argohub/promotions/promotion-components/
- title: Promotion setup guidelines
localurl: /argohub/promotions/create-promotion-sequence/
- title: YAML specs
localurl: /argohub/promotions/entities/yaml/
- title: Trigger promotions
localurl: /argohub/promotions/trigger-promotions/
- title: Tracking releases for products
localurl: /argohub/promotions/product-releases/




- title: Dashboards & insights
icon: ../images/home-icons/guides.png
url: ""
links:
- title: Home
localurl: /argohub/dashboards/home-dashboard/
- title: Environments
localurl: /argohub/dashboards/gitops-environments/
- title: Products
localurl: /argohub/dashboards/gitops-products/
- title: DORA metrics
localurl: /argohub/dashboards/dora-metrics/
- title: Images
localurl: /argohub/dashboards/images/



- title: GitOps integrations
icon: ../images/home-icons/integrations.svg
url: ""
links:
- title: GitOps image enrichment with integrations
localurl: /argohub/gitops-integrations/image-enrichment-overview/
- title: Codefresh pipelines for GitOps
localurl: /argohub/gitops-integrations/ci-integrations/codefresh-classic/
- title: GitHub Actions for GitOps
localurl: /argohub/gitops-integrations/ci-integrations/github-actions/
- title: Jenkins for GitOps
localurl: /argohub/gitops-integrations/ci-integrations/jenkins/
- title: Jira for GitOps
localurl: /argohub/gitops-integrations/issue-tracking/jira/
- title: Amazon ECR for GitOps
localurl: /argohub/gitops-integrations/container-registries/amazon-ecr/
- title: Docker Hub Registry for GitOps
localurl: /argohub/gitops-integrations/container-registries/dockerhub/
- title: GitHub Container Registry for GitOps
localurl: /argohub/gitops-integrations/container-registries/github-cr/
- title: JFrog Artifactory for GitOps
localurl: /argohub/gitops-integrations/container-registries/jfrog/
- title: Quay Registry for GitOps
localurl: /argohub/gitops-integrations/container-registries/quay/

- title: Installation
icon: ../images/home-icons/installation.svg
url: ""
links:
- title: Codefresh platform deployment
localurl: /argohub/platform-installation/installation-options/
- title: Hybrid GitOps Runtime installation
localurl: /argohub/gitops-runtimes/hybrid-gitops-helm-installation/


- title: Administration
icon: ../images/home-icons/administration.svg
url: ""
links:
- title: Create a Codefresh account
localurl: /argohub/administration/account-user-management/create-codefresh-account/
- title: Adding users and teams
localurl: /argohub/administration/account-user-management/add-users/
- title: Set up OAuth2 for GitOps
localurl: /argohub/administration/account-user-management/oauth-setup/
- title: Access control for GitOps
localurl: /argohub/administration/account-user-management/gitops-abac/
- title: User settings
localurl: /argohub/administration/user-self-management/user-settings/
- title: Manage Git PATs
localurl: /argohub/administration/user-self-management/manage-pats/
- title: Codefresh IP addresses
localurl: /argohub/administration/platform-ip-addresses/
- title: Single Sign-On
localurl: /argohub/administration/single-sign-on/

- title: Security
icon: ../images/home-icons/guides.png
url: ""
links:
- title: Git tokens for GitOps
localurl: /argohub/security/git-tokens/
- title: Secrets for GitOps
localurl: /argohub/security/secrets/


10 changes: 6 additions & 4 deletions _includes/argohub-docs-navbar.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -14,27 +14,29 @@
</div>
</a>

<div class="navbar-nav-scroll order-1 order-md-1 mx-md-auto">

<div class="navbar-nav-scroll order-1 order-md-1 mx-md-auto">
<ul class="navbar-nav flex-row mx-md-auto">
<li class="nav-item">
<!--- <li class="nav-item">
<a
class="nav-link"
href="{{ site.baseurl }}/docs/example-catalog/ci-examples/"
onclick="ga('send', 'event', 'Navbar', 'Docs links', 'Open Examples');"
>Examples</a
>
</li>
-->
<li class="nav-item">
<a
class="nav-link"
href="{{ site.baseurl }}/docs/whats-new/changelog/"
onclick="ga('send', 'event', 'Navbar', 'Docs links', 'Open Changelog');"
>What's New</a
>
>What's New</a>
</li>
</ul>
</div>


<button
onclick="window.CommandBar.openHelpHub(); setTimeout(() => {
document.querySelector('input[data-testid=helphub-input]').focus()
Expand Down
120 changes: 119 additions & 1 deletion argohub/index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,7 +2,7 @@
layout: home
title: ArgoHub Home
---

<!---
<style>
.home-container {
display: flex;
Expand Down Expand Up @@ -43,3 +43,121 @@ <h2>Getting Started</h2>
</p>
</section>
</div>
-->

<main class="bd-masthead bd-masthead-home" id="content" role="main">
<div class="banner-home-inner">
<div class="container">
<div class="row align-items-center">
<!--<div class="mx-auto col-md-5 order-md-2 d-none d-sm-none d-md-block d-lg-block d-xlg-block">-->
<!--<img class="img-fluid mb-3 mb-md-0" src="{{ site.baseurl }}/assets/img/favicons/android-chrome-512x512.png" alt="" width="288" height="288" />-->
<!--</div>-->
<div class="col-md-7 order-md-1 text-center mx-auto pr-md-5">
<h2 class="mb-3 bd-text-white text-uppercase">
{%- include icons/codefresh-logo.svg class="align-middle" width="180" height="auto" -%}
<span class="badge cf-badge cf-badge-doc align-middle mt-2">DOCUMENTATION</span>
</h2>
<p class="lead bd-text-white mb-4">
GitOps Cloud: Codefresh for GitOps with Argo. <br>
<br>
Realize your true DevOps potential with the premier Argo software delivery solution.
</p>
<!-- <div id="searchbar"></div>-->
<button
onclick="window.CommandBar.openHelpHub(); setTimeout(() => {
document.querySelector('input[data-testid=helphub-input]').focus()
}, 100)"
class="helpbub-toggler mb-3"
aria-label="Search Codefresh Documentation"
type="button"
>
<div class="d-flex align-items-center">
<img src="{{site.baseurl}}/images/icons/search.png" />
<span class="ml-2">Search</span>
</div>
<span class="helpbub-toggler--hotkey">Ctrl / &#8984; + K</span>
</button>
<!-- <div>
<form class="bd-search bd-search--home d-flex mt-1 mb-3 mt-md-0 order-2 order-md-2 align-items-center">
<input type="search" class="form-control form-control-dark mr-sm-2 doc-search-input" id="navbar-search-input" placeholder="{{ site.data.translations[site.locale].search_placeholder_text }}" aria-label="{{ site.data.translations[site.locale].search_placeholder_text }}" autocomplete="off">
<i class="fa fa-search"></i>
</form>
</div> -->
<div class="d-flex flex-column flex-md-row justify-content-center lead mb-3">
<!--- <a href="{{ site.baseurl }}/docs/ci-quick-start/ci-quick-start/"
class="btn btn-primary mb-3 mb-md-0 mr-md-3"
onclick="ga('send', 'event', 'Jumbotron actions', 'Get started', 'Get started');">
Get started with CI
</a>
-->
<a href="{{ site.baseurl }}/argohub/gitops-quick-start/gitops-quick-start/"
class="btn btn-primary mb-3 mb-md-0 mr-md-3"
onclick="ga('send', 'event', 'Jumbotron actions', 'Get started', 'Get started');">
Get started with GitOps
</a>
<!--- <a href="{{ site.baseurl }}/docs/kb/"
class="btn btn-primary mb-3 mb-md-0 mr-md-3"
onclick="ga('send', 'event', 'Jumbotron actions', 'Knowledge Base', 'Knowledge Base');">
Knowledge Base
</a>
-->
<a href="{{ site.codefresh_signup }}"
class="btn btn-primary mb-3 mb-md-0 mr-md-3"
onclick="ga('send', 'event', 'Main page actions', 'SignUp', 'SignUp');">
Sign Up
</a>
<a href="{{ site.schedule_demo }}"
class="btn btn-secondary mb-3 mb-md-0 mr-md-3"
onclick="ga('send', 'event', 'Main page actions', 'Schedule demo', 'Schedule demo');">
Schedule demo
</a>
<!--
<a href="{{ site.baseurl }}/docs/getting-started/download/"
class="btn btn-lg btn-outline-secondary"
onclick="ga('send', 'event', 'Jumbotron actions', 'Download', 'Download {{ site.current_version }}');">
Download
</a>
-->
</div>
</div>
</div>
</div>
</div>
</main>

<div class="masthead-followup row m-0 border border-white">
<div class="container">
<div class="row">
{% for homeContent in site.data.argohub-home-content %}
<div class="col-12 col-md-3 p-4 p-md-4 followup-card-item border border-white">
<div class="d-flex align-items-center mb-3">
<img src="{{ homeContent.icon }}" alt="{{ homeContent.title }}" class="mr-2"/>
<h4 {% unless homeContent.new== nil or homeContent.new== false %}
class="bulb bulb-red bulb-above-left bulb-pos-after mb-0" data-bulb-text="NEW" {% endunless %} class="mb-0">
{{ homeContent.title }}
</h4>
</div>

<ul class="list-unstyled">
{% for homeContentLink in homeContent.links %}
{% if homeContentLink.localurl %}
{% assign localurl = homeContentLink.localurl %}
{% else %}
{% assign localurl = nil %}
{% endif %}
<li class="mt-2">
<a {% if localurl %}href="{{site.baseurl}}{{ localurl }}" {% elsif homeContentLink.url %}href="{{ homeContentLink.url }}" {% endif %}
title="{{ homeContentLink.title }}">
{{ homeContentLink.title }}
{% unless homeContentLink.new == nil or homeContentLink.new == false %}
<span class="badge cf-badge cf-badge-new align-top text-uppercase">New</span>
{% endunless %}
</a>
</li>
{% endfor %}
</ul>
</div>
{% endfor %}
</div>
</div>
</div>