Skip to content

Commit

Permalink
small update
Browse files Browse the repository at this point in the history
  • Loading branch information
matuskosut committed Feb 22, 2024
1 parent 8e2118e commit 6273868
Show file tree
Hide file tree
Showing 14 changed files with 322 additions and 63 deletions.
77 changes: 77 additions & 0 deletions pages/.vitepress/components/ContentHeader.vue
Original file line number Diff line number Diff line change
@@ -0,0 +1,77 @@
<script lang="ts">
export default {
// name: 'ContentHeader',
props: {
// title: { type: String, default: null },
// subtitle: { type: String, default: null },
img: { type: String, required: true },
height: { type: String, default: "400px" },
},
data() {
return {
imgSrc: this.img,
}
},
computed: {
// TODO
},
}
</script>

<template>
<div class="content-header-block">
<div class="content-header-wrapper">
<v-img class="content-header-img" :style="`height: ${height}; background-image: url('${imgSrc}');`"></v-img>
</div>
<div class="content" :style="`height: ${height};`">

</div>
</div>
</template>

<style scoped>
.content-header-block {
display: block;
/* position: fixed; */
padding-top: 0px !important;
margin-top: -50px !important;
}
.content-header-wrapper {
width: 100vw;
padding-top: 0px;
/* position: fixed; */
/* margin-bottom: 64px; */
}
.content {
display: block;
/* z-index: 1; */
width: 100%;
height: 250px;
/* background-color: rgb(255, 255, 255) !important; */
}
.content-header-img {
/* z-index: 9999; */
z-index: -1;
padding-top: 0px;
/* position: absolute; */
/* max-width: 100%; */
position: fixed;
/* background-attachment: fixed; */
background-position: 50% 50%;
background-repeat: no-repeat;
background-size: cover;
background-color: #004c7b;
width: 100vw;
max-width: 100%;
/* height: 400px; */
object-fit: fill;
margin: 0 auto !important;
box-shadow: inset 0px -3px 5px rgba(0, 0, 0, 0.1);
}
</style>
43 changes: 43 additions & 0 deletions pages/.vitepress/components/FooterBlock.vue
Original file line number Diff line number Diff line change
@@ -0,0 +1,43 @@
<script lang="ts">
export default {
props: {
contact: { type: String, required: true },
},
data() {
return {
// imgSrc: this.img,
}
},
computed: {
// TODO
},
}
</script>

<template>
<div class="hc-block hc-grey-block">
<div class="hc-block-container">
<div class="hc-container-title">
About HUNT Cloud
</div>
<div class="hc-container-subtitle">
Test. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut quis tincidunt lacus, vitae maximus enim.
</div>
<div class="hc-section">
<v-btn rounded="1" size="x-large" target="_blank" :href="contact">Contact us</v-btn>
</div>
</div>
</div>
<div class="hc-block hc-grey-block">
<div class="hc-block-container">
<p>
Sub text on privacy etc.
</p>
</div>
</div>
</template>

<style scoped>
</style>
15 changes: 12 additions & 3 deletions pages/.vitepress/config.ts
Original file line number Diff line number Diff line change
Expand Up @@ -75,7 +75,7 @@ export default {
{
text: "Explore",
items: [
{ text: "Home", link: "/explore/" },
{ text: "Introduction", link: "/explore/" },
{ text: "Test", link: "/explore/test" },
]
},
Expand All @@ -84,15 +84,24 @@ export default {
{
text: "Evolve",
items: [
{ text: "Home", link: "/evolve/" },
{ text: "Introduction", link: "/evolve/" },
]
},
],
"/scientific-suite/": [
{
text: "Scientific Suite",
items: [
{ text: "Home", link: "/" },
{ text: "Introduction", link: "/scientific-suite/" },
]
},
],
"/tools/": [
{
text: "Tools",
items: [
{ text: "Introduction", link: "/tools/" },
{ text: "Workbench", link: "/tools/workbench/" },
]
},
],
Expand Down
28 changes: 28 additions & 0 deletions pages/.vitepress/theme/custom.css
Original file line number Diff line number Diff line change
Expand Up @@ -137,6 +137,34 @@
box-shadow: inset 0px -3px 5px rgba(0, 0, 0, 0.1);
}

.hc-page {
display: block;
z-index: 1;
background-color: rgb(255, 255, 255) !important;
}

.hc-page {
& > * {
max-width: 960px;
margin: 0 auto !important;
}
& > .hc-block-container {
padding: 32px 0px 48px 0px !important;
}
}

.white-bg {
background-color: rgb(255, 255, 255) !important;
}

.scrollover {
z-index: 1;
margin-top: 50px;
/* &:nth-of-type(2) {
margin-top: 150px !important;
} */
}

@media (min-width: 720px) {

.hc-column {
Expand Down
10 changes: 6 additions & 4 deletions pages/.vitepress/theme/index.ts
Original file line number Diff line number Diff line change
@@ -1,13 +1,14 @@
import type { EnhanceAppContext } from 'vitepress';
import DefaultTheme from 'vitepress/theme';

// import GreyBlock from '../components/GreyBlock.vue';
import FooterBlock from '../components/FooterBlock.vue';
import ContentHeader from '../components/ContentHeader.vue';
import ProductSlider from '../components/ProductSlider.vue';
import RoleSlider from '../components/RoleSlider.vue';
import ToolsSlider from '../components/ToolsSlider.vue';
import WindowSlider from '../components/WindowSlider.vue';

// import VPButton from 'vitepress/dist/client/theme-default/components/VPButton.vue';
// 'vitepress/theme' == 'vitepress/dist/client/theme-default/components/VPButton.vue'
import { VPButton } from 'vitepress/theme';
// import { VPImage } from 'vitepress/theme';

Expand All @@ -25,12 +26,13 @@ export default {
enhanceApp(context: EnhanceAppContext) {
context.app.use(vuetify)

// context.app.component('GreyBlock', GreyBlock);
context.app.component('VPButton', VPButton);
context.app.component('FooterBlock', FooterBlock);
context.app.component('ContentHeader', ContentHeader);
context.app.component('ProductSlider', ProductSlider);
context.app.component('RoleSlider', RoleSlider);
context.app.component('ToolsSlider', ToolsSlider);
context.app.component('WindowSlider', WindowSlider);
context.app.component('VPButton', VPButton);
// context.app.component('VPImage', VPImage);
}
}
109 changes: 53 additions & 56 deletions pages/index.md
Original file line number Diff line number Diff line change
Expand Up @@ -184,74 +184,71 @@ contact: https://docs.hdc.ntnu.no/about/contact/
<div class="hc-container-subtitle">
Test. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut quis tincidunt lacus, vitae maximus enim.
</div>
<div class="hc-row">
<div class="hc-col">
Trust
</div>
<div class="hc-col">
Technology
</div>
<div class="hc-col">
Collaboration
</div>
</div>
<v-row>
<v-col col="4">
<!-- https://vuetifyjs.com/en/components/cards/ -->
<v-card color="transparent" elevation="0">
<v-card-title>Trust</v-card-title>
<v-card-text>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut quis tincidunt lacus, vitae maximus enim.
</v-card-text>
</v-card>
</v-col>
<v-col col="4">
<!-- https://vuetifyjs.com/en/components/cards/ -->
<v-card color="transparent" elevation="0">
<v-card-title>Technology</v-card-title>
<v-card-text>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut quis tincidunt lacus, vitae maximus enim.
</v-card-text>
</v-card>
</v-col>
<v-col col="4">
<!-- https://vuetifyjs.com/en/components/cards/ -->
<v-card color="transparent" elevation="0">
<v-card-title>Collaboration</v-card-title>
<v-card-text>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut quis tincidunt lacus, vitae maximus enim.
</v-card-text>
</v-card>
</v-col>
</v-row>
</div>
</div>

<!-- Block: Agreements -->

<div class="hc-block">
<div class="hc-block-container">
<div class="hc-container-title">
Agreements
</div>
<div class="hc-container-subtitle">
Test. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut quis tincidunt lacus, vitae maximus enim.
</div>
<v-row>
<!-- Agreements -->
<v-col col="6">
<!-- https://vuetifyjs.com/en/components/cards/ -->
<v-card elevation="0">
<v-card-title>Agreements</v-card-title>
<v-card-text>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut quis tincidunt lacus, vitae maximus enim.
</v-card-text>
</v-card>
</v-col>
<!-- Prices -->
<v-col col="6">
<!-- https://vuetifyjs.com/en/components/cards/ -->
<v-card elevation="0">
<v-card-title>Prices</v-card-title>
<v-card-text>
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut quis tincidunt lacus, vitae maximus enim.
</v-card-text>
</v-card>
</v-col>
</v-row>
</div>
</div>


<!-- Block: Prices -->
<!-- Block: About HUNT Cloud -->

<div class="hc-block">
<div class="hc-block-container">
<div class="hc-container-title">
Prices
</div>
<div class="hc-container-subtitle">
Test. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut quis tincidunt lacus, vitae maximus enim.
</div>
</div>
</div>


<!-- Block: About HUNT -->

<div class="hc-block">
<div class="hc-block-container">
<div class="hc-container-title">
About HUNT Cloud
</div>
<div class="hc-container-subtitle">
Test. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut quis tincidunt lacus, vitae maximus enim.
</div>
<div class="hc-section">
<v-btn rounded="1" size="x-large" target="_blank" :href="$frontmatter.contact">Contact us</v-btn>
</div>
</div>
</div>


<!-- Block: Bottom text -->

<div class="hc-block hc-grey-block">
<div class="hc-block-container">
<p>
Sub text on privacy etc.
</p>
</div>
</div>
<FooterBlock :contact="$frontmatter.contact" />

</div>

Expand Down
7 changes: 7 additions & 0 deletions pages/tools/index.md
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
---
title: Tools
sidebar: false

---

# {{ $frontmatter.title }}
Binary file added pages/tools/workbench/images/jupyter.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added pages/tools/workbench/images/matlab.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added pages/tools/workbench/images/pandas.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added pages/tools/workbench/images/python.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added pages/tools/workbench/images/rstudio.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added pages/tools/workbench/images/vscode.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading

0 comments on commit 6273868

Please sign in to comment.