Skip to content

docs page improvements #201

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
magdaljd merged 3 commits into from
Jan 5, 2026
Merged

docs page improvements #201

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
3 commits
Select commit Hold shift + click to select a range
3a55d5c
feat: new buttons formatting
magdaljd Dec 29, 2025
8362c41
feat: subpages look refresh (administer science, do science, govern s…
magdaljd Dec 29, 2025
625a572
feat: pages style formatting moved to the style.css
magdaljd Jan 5, 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
17 changes: 7 additions & 10 deletions docs/.vitepress/theme/components/legacy/NavigationCards.vue
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -12,9 +12,9 @@ const props = defineProps({
})

// Reactive data
const cardcolor = ref("#cfdaf1")
const avatarcolor = ref("#9db7e1")
const iconcolor = ref("rgb(72 84 104)")
const cardcolor = ref("#f1eef0ff")
const avatarcolor = ref("#e0dce0")
const iconcolor = ref("#004c7b")
</script>

<template>
Expand Down Expand Up @@ -94,16 +94,13 @@ a.v-card {
}

.navigation-card {
transition:
transform 0.2s,
box-shadow 0.2s;
border-radius: 20px !important;
transition: transform 0.2s, box-shadow 0.2s;
}

.navigation-card:hover {
transform: translateY(-2px);
box-shadow:
0 4px 8px rgba(0, 0, 0, 0.12),
0 2px 4px rgba(0, 0, 0, 0.08) !important;
transform: translateY(-5px);
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.25) !important;
}

.icon-avatar {
Expand Down
54 changes: 54 additions & 0 deletions docs/.vitepress/theme/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -510,3 +510,57 @@ h3 {
a {
text-decoration: none !important;
}

/*
* Shared Page Layout Styles
* Used by: govern-science, do-science, administer-science pages
* -------------------------------------------------------------------------- */

.page-container {
max-width: 960px;
margin: 0 auto;
padding: 20px;
}

.page-header {
text-align: center;
margin-bottom: 40px;
}

.page-header h1 {
font-size: 2.2rem;
font-weight: 600;
margin-bottom: 20px;
color: #000;
}

.lead-text {
font-size: 1.2rem;
font-weight: 500;
color: #333;
max-width: 800px;
margin: 0 auto;
}

.page-content {
margin-bottom: 40px;
line-height: 1.8;
}

.page-content p {
margin-bottom: 20px;
font-size: 1rem;
}

.page-icon {
text-align: center;
margin: 40px 0;
}

.page-icon img {
display: block;
margin-left: auto;
margin-right: auto;
max-width: 200px;
height: auto;
}
23 changes: 16 additions & 7 deletions docs/administer-science/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -39,15 +39,24 @@ buttons:
href: '/administer-science/faq/'
icon: "mdi-help-circle"
---
<div class="page-container">
<div class="page-header">
<h1>Administer science in HUNT Cloud</h1>
<p class="lead-text">Welcome to our documentation for individuals that administer science in HUNT Cloud.</p>
</div>

# Administer science in HUNT Cloud
<div class="page-icon">
<img src="../images/hunt-cloud_key_250.png" alt="Illustration of decorative hand-made golden key with purple gem stones." />
</div>

**Welcome to our documentation for individuals that administer science in HUNT Cloud.**
<div class="page-content">
<p>This section is aimed at those that administer science in HUNT Cloud. See our <a href="/">main documentation page</a> for other sections.</p>
</div>

This section is aimed at those that administer science in HUNT Cloud. See our [main documentation](/) page for other sections.
<div class="page-content">
<p>See our <a href="/administer-science/scientific-access/">scientific access</a> section for guidance on how new scientific centers and research groups can enable HUNT Cloud resources for their scientists..</p>
</div>

See our [scientific access](/administer-science/scientific-access/) section for guidance on how new scientific centers and research groups can enable HUNT Cloud resources for their scientists.
<NavigationCards :buttons="$frontmatter.buttons" />
</div>

!["Illustration of decorative hand-made golden key with purple gem stones."](../images/hunt-cloud_key_250.png)

<NavigationCards :buttons="$frontmatter.buttons" />
25 changes: 15 additions & 10 deletions docs/do-science/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -41,21 +41,26 @@ buttons:
icon: "mdi-bug"
---

# Do science in HUNT Cloud
<div class="page-container">
<div class="page-header">
<h1>Do science in HUNT Cloud</h1>
<p class="lead-text">Welcome to our official user documentation for scientists in HUNT Cloud.</p>
</div>

**Welcome to our official user documentation for scientists in HUNT Cloud.**
<div class="page-icon">
<img src="../images/hunt-cloud_bottle_250.png" alt="Illustration of laboratory glass bottle with yellow shimmery substance." />
</div>

This section is for active lab users. It contains practical information on how to do science in HUNT Cloud.
<div class="page-content">
<p>This section is for active lab users. It contains practical information on how to do science in HUNT Cloud.</p>
</div>

!["Illustration of laboratory glass bottle with yellow shimmery substance."](../images/hunt-cloud_bottle_250.png)
<div class="page-content">
<p>See our <a href="/">main documentation page</a> for other sections.</p>
</div>

<NavigationCards :buttons="$frontmatter.buttons" />

<br/>

<!-- !["Illustration of laboratory glass bottle with yellow shimmery substance."](../images/hunt-cloud_bottle_250.png) -->

See our [main documentation page](/) for other sections.
</div>

<!-- ::: tip Next Tingweek #13 (2024-10)

Expand Down
22 changes: 16 additions & 6 deletions docs/govern-science/index.md
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -36,14 +36,24 @@ buttons:
icon: "mdi-help-circle"
---

# Govern science in HUNT Cloud
<div class="page-container">
<div class="page-header">
<h1>Govern science in HUNT Cloud</h1>
<p class="lead-text">Welcome to our documentation for representatives that govern science in HUNT Cloud.</p>
</div>

**Welcome to our documentation for representatives that govern science in HUNT Cloud.**
<div class="page-icon">
<img src="../images/hunt-cloud_compass_250.png" alt="Illustration of sundial compass in brass." />
</div>

This section is aimed at representatives for data controllers and service centers. See our [main documentation page](/) for other sections.
<div class="page-content">
<p>This section is aimed at representatives for data controllers and service centers. See our <a href="/">main documentation page</a> for other sections.</p>
</div>

See our [organizational access](/govern-science/organizational-access/) section for guidance on how new organizations can enable HUNT Cloud resources for their scientific centers and research groups.
<div class="page-content">
<p>See our <a href="/govern-science/organizational-access/">organizational access</a> section for guidance on how new organizations can enable HUNT Cloud resources for their scientific centers and research groups.</p>
</div>

!["Illustration of sundial compass in brass."](../images/hunt-cloud_compass_250.png)
<NavigationCards :buttons="$frontmatter.buttons" />
</div>

<NavigationCards :buttons="$frontmatter.buttons" />