Skip to content

Commit

Permalink
add frames
Browse files Browse the repository at this point in the history
  • Loading branch information
@matuskosut
matuskosut committed Feb 22, 2024
1 parent be6769a commit 0cb69d3
Show file tree
Hide file tree
Showing 2 changed files with 117 additions and 63 deletions.
45 changes: 23 additions & 22 deletions pages/.vitepress/theme/custom.css
View file
Original file line number Diff line number Diff line change
Expand Up @@ -15,7 +15,12 @@
width: 100vw;
max-width: 100%;
min-height: 100px;
line-height: 1.2;
/* background-color: rgb(255, 255, 255); */
@media screen and (max-width: 960px) {
padding-left: 32px;
padding-right: 32px;
}
}

/* Grey block */
Expand All @@ -34,31 +39,28 @@

.hc-title-main {
color: rgb(0, 0, 0);
font-weight: bold;
text-align: center;
align-items: center;
justify-content: center;
flex-direction: column;
margin-top: 96px;
margin-bottom: 32px;
padding-bottom: 32px;
font-size: 96px;
line-height: 96px;
/* font-size: calc(3px + 5vw); */
@media screen and (max-width: 960px) {
font-size: 8vw;
line-height: 6rem;
}
@media screen and (max-width: 400px) {
font-size: 8vw;
line-height: 2.5rem;
}
font-weight: bold;
font-size: min(6em, calc(18px + 8vw));
line-height: 1.5;
/* @media screen and (max-width: 960px) {
font-size: 8vw;
} */
/* @media screen and (max-width: 400px) {
font-size: 8vw;
} */
}

.hc-subtitle-main {
color: rgb(0, 0, 0);
line-height: 30px;
font-size: 24px;
font-size: min(2em, calc(8px + 3vw));
line-height: 1.5;
text-align: center;
align-items: center;
justify-content: center;
Expand All @@ -71,32 +73,31 @@
.hc-block-container {
max-width: 960px;
margin: 0 auto !important;
padding: 32px 0px 48px 0px;
padding: 32px 0px 64px 0px;
}

.hc-container-title {
color: rgb(0, 0, 0);
line-height: 30px;
font-weight: bold;
font-size: 48px;
text-align: center;
align-items: center;
justify-content: center;
flex-direction: column;
padding-top: 64px;
padding-bottom: 64px;
padding-bottom: 48px;
line-height: 1.5;
font-weight: 500;
font-size: min(3.5em, calc(10px + 6vw));
}

.hc-container-subtitle {
color: rgb(0, 0, 0);
line-height: 42px;
font-size: 32px;
text-align: center;
align-items: center;
justify-content: center;
flex-direction: column;
/* padding-top: 4px; */
padding-bottom: 32px;
line-height: 1.5;
font-size: min(1.5em, calc(6px + 2vw));
}

.hc-row {
Expand Down
135 changes: 94 additions & 41 deletions pages/index.md
View file
Original file line number Diff line number Diff line change
Expand Up @@ -58,7 +58,7 @@ contact: https://docs.hdc.ntnu.no/about/contact/

<div class="hc-block">
<div class="hc-block-container">
<div class="hc-title-main">
<div class="hc-title-main font-weight-black">
Freedom to Explore
</div>
<div class="hc-subtitle-main">
Expand Down Expand Up @@ -109,28 +109,63 @@ contact: https://docs.hdc.ntnu.no/about/contact/
<div class="hc-container-subtitle">
Read about our products from your own perspective.
</div>
<div class="hc-row">
<div class="hc-col">
<b>Scientist</b>
</div>
<div class="hc-col">
<b>Scientific leader</b><br>
Text something.
</div>
<div class="hc-col">
<b>Scientific administrator</b>
</div>
<div class="hc-col">
<b>Teacher</b>
</div>
<div class="hc-col">
<b>Private enterprise</b>
</div>
<div class="hc-col">
<b>Department or clinic</b>
</div>
</div>
<!-- <RoleSlider :roles="$frontmatter.roles" /> -->
<v-row align="center">
<v-col cols="12" class="v-col-sm-6 v-col-md-4">
<!-- https://vuetifyjs.com/en/components/cards/ -->
<v-card color="transparent" elevation="0">
<v-card-title>Scientist</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 cols="12" class="v-col-sm-6 v-col-md-4">
<!-- https://vuetifyjs.com/en/components/cards/ -->
<v-card color="transparent" elevation="0">
<v-card-title>Scientific leader</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 cols="12" class="v-col-sm-6 v-col-md-4">
<!-- https://vuetifyjs.com/en/components/cards/ -->
<v-card color="transparent" elevation="0">
<v-card-title>Scientific administrator</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 cols="12" class="v-col-sm-6 v-col-md-4">
<!-- https://vuetifyjs.com/en/components/cards/ -->
<v-card color="transparent" elevation="0">
<v-card-title>Teacher</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 cols="12" class="v-col-sm-6 v-col-md-4">
<!-- https://vuetifyjs.com/en/components/cards/ -->
<v-card color="transparent" elevation="0">
<v-card-title>Private enterprise</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 cols="12" class="v-col-sm-6 v-col-md-4">
<!-- https://vuetifyjs.com/en/components/cards/ -->
<v-card color="transparent" elevation="0">
<v-card-title>Department or clinic</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>
<!-- <RoleSlider :roles="$frontmatter.roles" /> -->
</div>
</div>

Expand All @@ -145,17 +180,35 @@ contact: https://docs.hdc.ntnu.no/about/contact/
<div class="hc-container-subtitle">
Trust is crucial in science. HUNT Cloud holds third-party verified ISO certificates for information security, privacy and quality.
</div>
<div class="hc-row">
<div class="hc-col">
<b>Quality management</b>
</div>
<div class="hc-col">
<b>Information security</b>
</div>
<div class="hc-col">
<b>Information privacy</b>
</div>
</div>
<v-row align="center">
<v-col cols="12" class="v-col-sm-4">
<!-- https://vuetifyjs.com/en/components/cards/ -->
<v-card color="transparent" elevation="0">
<v-card-title>Quality management</v-card-title>
<v-card-text>
Ut quis tincidunt lacus, vitae maximus consectetur adipiscing elit.
</v-card-text>
</v-card>
</v-col>
<v-col cols="12" class="v-col-sm-4">
<!-- https://vuetifyjs.com/en/components/cards/ -->
<v-card color="transparent" elevation="0">
<v-card-title>Information security</v-card-title>
<v-card-text>
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
</v-card-text>
</v-card>
</v-col>
<v-col cols="12" class="v-col-sm-4">
<!-- https://vuetifyjs.com/en/components/cards/ -->
<v-card color="transparent" elevation="0">
<v-card-title>Information privacy</v-card-title>
<v-card-text>
Ut quis tincidunt lacus, consectetur adipiscing elit.
</v-card-text>
</v-card>
</v-col>
</v-row>
</div>
</div>

Expand All @@ -181,11 +234,11 @@ contact: https://docs.hdc.ntnu.no/about/contact/
<div class="hc-container-title">
Pillars
</div>
<div class="hc-container-subtitle">
<!-- <div class="hc-container-subtitle">
Test. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut quis tincidunt lacus, vitae maximus enim.
</div>
<v-row>
<v-col col="4">
</div> -->
<v-row align="center">
<v-col cols="12" class="v-col-sm-4">
<!-- https://vuetifyjs.com/en/components/cards/ -->
<v-card color="transparent" elevation="0">
<v-card-title>Trust</v-card-title>
Expand All @@ -194,7 +247,7 @@ contact: https://docs.hdc.ntnu.no/about/contact/
</v-card-text>
</v-card>
</v-col>
<v-col col="4">
<v-col cols="12" class="v-col-sm-4">
<!-- https://vuetifyjs.com/en/components/cards/ -->
<v-card color="transparent" elevation="0">
<v-card-title>Technology</v-card-title>
Expand All @@ -203,7 +256,7 @@ contact: https://docs.hdc.ntnu.no/about/contact/
</v-card-text>
</v-card>
</v-col>
<v-col col="4">
<v-col cols="12" class="v-col-sm-4">
<!-- https://vuetifyjs.com/en/components/cards/ -->
<v-card color="transparent" elevation="0">
<v-card-title>Collaboration</v-card-title>
Expand All @@ -220,7 +273,7 @@ contact: https://docs.hdc.ntnu.no/about/contact/

<div class="hc-block">
<div class="hc-block-container">
<v-row>
<v-row class="my-4">
<!-- Agreements -->
<v-col col="6">
<!-- https://vuetifyjs.com/en/components/cards/ -->
Expand Down

0 comments on commit 0cb69d3

Please sign in to comment.