From d8ff4c6cc95b316a3e3afccdc0ff29368c097b4c Mon Sep 17 00:00:00 2001
From: Tuukka Turu <tuukka.turu@druid.fi>
Date: Thu, 4 Feb 2021 15:44:49 +0200
Subject: [PATCH] Nxstage 1205 table
---
src/components.d.ts | 10 +
src/components/hy-box/readme.md | 2 +
.../hy-table-container.scss | 91 ++++++
.../hy-table-container/hy-table-container.tsx | 19 ++
src/components/hy-table-container/readme.md | 21 ++
src/index.html | 287 +++++++++++++-----
6 files changed, 361 insertions(+), 69 deletions(-)
create mode 100644 src/components/hy-table-container/hy-table-container.scss
create mode 100644 src/components/hy-table-container/hy-table-container.tsx
create mode 100644 src/components/hy-table-container/readme.md
diff --git a/src/components.d.ts b/src/components.d.ts
index c434e6bd..1c11d510 100644
--- a/src/components.d.ts
+++ b/src/components.d.ts
@@ -757,6 +757,7 @@ export namespace Components {
showLabel: boolean;
size: number;
}
+ interface HyTableContainer {}
interface HyTabs {
headerstyle: string;
tabId?: string;
@@ -1221,6 +1222,11 @@ declare global {
prototype: HTMLHySiteSearchElement;
new (): HTMLHySiteSearchElement;
};
+ interface HTMLHyTableContainerElement extends Components.HyTableContainer, HTMLStencilElement {}
+ var HTMLHyTableContainerElement: {
+ prototype: HTMLHyTableContainerElement;
+ new (): HTMLHyTableContainerElement;
+ };
interface HTMLHyTabsElement extends Components.HyTabs, HTMLStencilElement {}
var HTMLHyTabsElement: {
prototype: HTMLHyTabsElement;
@@ -1333,6 +1339,7 @@ declare global {
'hy-site-header': HTMLHySiteHeaderElement;
'hy-site-logo': HTMLHySiteLogoElement;
'hy-site-search': HTMLHySiteSearchElement;
+ 'hy-table-container': HTMLHyTableContainerElement;
'hy-tabs': HTMLHyTabsElement;
'hy-tabs-item': HTMLHyTabsItemElement;
'hy-tag': HTMLHyTagElement;
@@ -2058,6 +2065,7 @@ declare namespace LocalJSX {
showLabel?: boolean;
size?: number;
}
+ interface HyTableContainer {}
interface HyTabs {
headerstyle?: string;
tabId?: string;
@@ -2215,6 +2223,7 @@ declare namespace LocalJSX {
'hy-site-header': HySiteHeader;
'hy-site-logo': HySiteLogo;
'hy-site-search': HySiteSearch;
+ 'hy-table-container': HyTableContainer;
'hy-tabs': HyTabs;
'hy-tabs-item': HyTabsItem;
'hy-tag': HyTag;
@@ -2311,6 +2320,7 @@ declare module '@stencil/core' {
'hy-site-header': LocalJSX.HySiteHeader & JSXBase.HTMLAttributes<HTMLHySiteHeaderElement>;
'hy-site-logo': LocalJSX.HySiteLogo & JSXBase.HTMLAttributes<HTMLHySiteLogoElement>;
'hy-site-search': LocalJSX.HySiteSearch & JSXBase.HTMLAttributes<HTMLHySiteSearchElement>;
+ 'hy-table-container': LocalJSX.HyTableContainer & JSXBase.HTMLAttributes<HTMLHyTableContainerElement>;
'hy-tabs': LocalJSX.HyTabs & JSXBase.HTMLAttributes<HTMLHyTabsElement>;
'hy-tabs-item': LocalJSX.HyTabsItem & JSXBase.HTMLAttributes<HTMLHyTabsItemElement>;
'hy-tag': LocalJSX.HyTag & JSXBase.HTMLAttributes<HTMLHyTagElement>;
diff --git a/src/components/hy-box/readme.md b/src/components/hy-box/readme.md
index c31049ca..fcb67c48 100644
--- a/src/components/hy-box/readme.md
+++ b/src/components/hy-box/readme.md
@@ -39,6 +39,7 @@
- [hy-paragraph-text](../paragraph-text)
- [hy-process-flow-box](../process-flow-box)
- [hy-shortcuts](../hy-shortcuts)
+- [hy-table-container](../hy-table-container)
- [hy-tabs](../hy-tabs)
- [hy-video](../hy-video)
@@ -58,6 +59,7 @@ graph TD;
hy-paragraph-text --> hy-box
hy-process-flow-box --> hy-box
hy-shortcuts --> hy-box
+ hy-table-container --> hy-box
hy-tabs --> hy-box
hy-video --> hy-box
style hy-box fill:#f9f,stroke:#333,stroke-width:4px
diff --git a/src/components/hy-table-container/hy-table-container.scss b/src/components/hy-table-container/hy-table-container.scss
new file mode 100644
index 00000000..9d0c6cbb
--- /dev/null
+++ b/src/components/hy-table-container/hy-table-container.scss
@@ -0,0 +1,91 @@
+.hy-table-container {
+ @include font-size(14px, 18px);
+ position: relative;
+ overflow: auto;
+ white-space: nowrap;
+
+ @include breakpoint($narrow) {
+ @include font-size(16px, 20px);
+ }
+
+ table {
+ border-collapse: unset;
+ border-spacing: unset;
+ border: 1px solid var(--grayscale-dark);
+ text-indent: initial;
+ width: 100%;
+ }
+
+ thead {
+ th {
+ @include font-size(14px, 20px);
+
+ background-color: var(--grayscale-light);
+ text-transform: uppercase;
+
+ @include breakpoint($narrow) {
+ @include font-size(16px, 20px);
+ }
+ }
+ }
+
+ td,
+ th {
+ box-shadow: -0.5px -0.5px 0 var(--grayscale-dark);
+ color: var(--grayscale-dark);
+ font-family: var(--main-font-family);
+ letter-spacing: -0.5px;
+ padding: 0.7em 0.9em;
+ text-align: left;
+ vertical-align: top;
+
+ a {
+ text-decoration: none;
+
+ &:hover {
+ cursor: pointer;
+ text-decoration: underline;
+ }
+ }
+
+ p {
+ font-size: inherit;
+ }
+
+ &:not(th):first-child {
+ @include font-weight($bold);
+
+ background-color: var(--grayscale-white);
+ box-shadow: 0.5px -0.5px 0.5px var(--grayscale-dark);
+ left: 0;
+ max-width: 200px;
+ min-width: 200px;
+ position: sticky;
+ white-space: normal;
+ width: 200px;
+ z-index: 2;
+
+ @include breakpoint($narrow) {
+ max-width: 220px;
+ min-width: 220px;
+ width: 220px;
+ }
+
+ @include breakpoint($medium) {
+ max-width: 300px;
+ min-width: 300px;
+ width: 300px;
+ }
+
+ @include breakpoint($wide) {
+ max-width: 40%;
+ min-width: 40%;
+ width: 40%;
+ }
+ }
+ }
+
+ td {
+ background-color: var(--grayscale-white);
+ }
+}
diff --git a/src/components/hy-table-container/hy-table-container.tsx b/src/components/hy-table-container/hy-table-container.tsx
new file mode 100644
index 00000000..154b78ba
--- /dev/null
+++ b/src/components/hy-table-container/hy-table-container.tsx
@@ -0,0 +1,19 @@
+import {Component, Host, h} from '@stencil/core';
+
+@Component({
+ tag: 'hy-table-container',
+ styleUrl: 'hy-table-container.scss',
+ shadow: false,
+})
+export class HyTableContainer {
+ render() {
+ const classAttributes = ['hy-table-container'].join(' ');
+
+ return (
+ <Host class={classAttributes}>
+ <slot></slot>
+ <hy-box mb="1.75, 1.75, 2, 2.5" />
+ </Host>
+ );
+ }
+}
diff --git a/src/components/hy-table-container/readme.md b/src/components/hy-table-container/readme.md
new file mode 100644
index 00000000..80ba6fb4
--- /dev/null
+++ b/src/components/hy-table-container/readme.md
@@ -0,0 +1,21 @@
+# hy-table-container
+
+<!-- Auto Generated Below -->
+
+## Dependencies
+
+### Depends on
+
+- [hy-box](../hy-box)
+
+### Graph
+
+```mermaid
+graph TD;
+ hy-table-container --> hy-box
+ style hy-table-container fill:#f9f,stroke:#333,stroke-width:4px
+```
+
+---
+
+Helsinki University Design System
diff --git a/src/index.html b/src/index.html
index bbd114bf..138a9eb5 100644
--- a/src/index.html
+++ b/src/index.html
@@ -4,13 +4,13 @@
<link rel="stylesheet" type="text/css" href="/build/huds-lib.css" />
<link rel="stylesheet" type="text/css" href="/fonts/fonts.css" />
<meta charset="utf-8" />
- <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0" />
+ <meta name="viewport" content="widtd=device-widtd, initial-scale=1.0, minimum-scale=1.0, maximum-scale=5.0" />
<title>Stencil Component Starter</title>
<script type="module" src="/build/huds-lib.esm.js"></script>
<script nomodule src="/build/huds-lib.js"></script>
</head>
- <body class="full-width" style="padding: 0; margin: 0;">
+ <body class="full-widtd" style="padding: 0; margin: 0;">
<hy-site-header
logo-label="University of Helsinki"
logo-url="/"
@@ -34,7 +34,7 @@
<hy-menu-level-container menu-level="2">
<hy-menu-item menu-link-id="2" url="#" label="News"></hy-menu-item>
<hy-menu-item menu-link-id="3" url="#" label="Events"></hy-menu-item>
- <hy-menu-item menu-link-id="4" url="#" label="Think Corner"></hy-menu-item>
+ <hy-menu-item menu-link-id="4" url="#" label="tdink Corner"></hy-menu-item>
<hy-menu-item menu-link-id="5" url="#" label="Unitube"></hy-menu-item>
</hy-menu-level-container>
</hy-menu-item>
@@ -56,15 +56,15 @@
<hy-menu-item menu-link-id="17" url="#" label="Research groups"></hy-menu-item>
<hy-menu-item menu-link-id="18" url="#" label="Doctoral education">
<hy-menu-level-container menu-level="3">
- <hy-menu-item menu-link-id="19" url="#" label="Structure of the doctoral degree"></hy-menu-item>
+ <hy-menu-item menu-link-id="19" url="#" label="Structure of tde doctoral degree"></hy-menu-item>
<hy-menu-item menu-link-id="20" url="#" label="Research skills"></hy-menu-item>
<hy-menu-item menu-link-id="21" url="#" label="Doctoral dissertation"></hy-menu-item>
<hy-menu-item
menu-link-id="22"
url="#"
- label="Public examination of the doctoral dissertation"
+ label="Public examination of tde doctoral dissertation"
></hy-menu-item>
- <hy-menu-item menu-link-id="23" url="#" label="The research career"></hy-menu-item>
+ <hy-menu-item menu-link-id="23" url="#" label="tde research career"></hy-menu-item>
</hy-menu-level-container>
</hy-menu-item>
<hy-menu-item menu-link-id="24" url="#" label="Research institutes"></hy-menu-item>
@@ -87,24 +87,24 @@
</hy-menu-item>
<hy-menu-item menu-link-id="29" url="#" label="Research funding"></hy-menu-item>
<hy-menu-item menu-link-id="30" url="#" label="Data management"></hy-menu-item>
- <hy-menu-item menu-link-id="31" url="#" label="Research ethics" in-active-trail="true">
+ <hy-menu-item menu-link-id="31" url="#" label="Research etdics" in-active-trail="true">
<hy-menu-level-container menu-level="4">
<hy-menu-item
menu-link-id="32"
url="#"
- label="Ethical Review Board in the Humanities and Social and Behavioral Sciences"
+ label="Etdical Review Board in tde Humanities and Social and Behavioral Sciences"
></hy-menu-item>
<hy-menu-item
menu-link-id="33"
url="#"
- label="Viikki Campus Research Ethics Committee"
+ label="Viikki Campus Research Etdics Committee"
in-active-trail="true"
is-active="true"
></hy-menu-item>
<hy-menu-item
menu-link-id="34"
url="#"
- label="Research ethics committee of the Faculty of Medicine"
+ label="Research etdics committee of tde Faculty of Medicine"
></hy-menu-item>
</hy-menu-level-container>
</hy-menu-item>
@@ -126,7 +126,7 @@
<hy-menu-item
menu-link-id="42"
url="#"
- label="Stages of the commercialisation process"
+ label="Stages of tde commercialisation process"
></hy-menu-item>
<hy-menu-item
menu-link-id="43"
@@ -158,7 +158,7 @@
<hy-menu-item menu-link-id="55" url="#" label="Faculty of Pharmacy"></hy-menu-item>
<hy-menu-item menu-link-id="56" url="#" label="Faculty of Science"></hy-menu-item>
<hy-menu-item menu-link-id="57" url="#" label="Faculty of Social Sciences"></hy-menu-item>
- <hy-menu-item menu-link-id="58" url="#" label="Faculty of Theology"></hy-menu-item>
+ <hy-menu-item menu-link-id="58" url="#" label="Faculty of tdeology"></hy-menu-item>
<hy-menu-item menu-link-id="59" url="#" label="Faculty of Veterinary Medicine"></hy-menu-item>
<hy-menu-item menu-link-id="50" url="#" label="Swedish School of Social Science"></hy-menu-item>
</hy-menu-level-container>
@@ -180,13 +180,13 @@
<hy-main-content-wrapper>
<hy-accordion-container accordionId="example-mini-accordion-tabs">
- <hy-accordion-item accordiontitle="This is an H4 accordion title inside an accordion" variant="mini">
+ <hy-accordion-item accordiontitle="tdis is an H4 accordion title inside an accordion" variant="mini">
<hy-paragraph-text>Mini Accordion content</hy-paragraph-text>
</hy-accordion-item>
- <hy-accordion-item accordiontitle="Here you can see another one" variant="mini">
+ <hy-accordion-item accordiontitle="Here you can see anotder one" variant="mini">
<hy-paragraph-text>Mini Accordion content</hy-paragraph-text>
</hy-accordion-item>
- <hy-accordion-item accordiontitle="One of them is opened for us to see" variant="mini">
+ <hy-accordion-item accordiontitle="One of tdem is opened for us to see" variant="mini">
<hy-paragraph-text
>n pulvinar eleifend convallis. Suspendisse elit erat, venenatis eget ullamcorper ut, laoreet iaculis
nisl. Sed porta, felis id rhoncus aliquet, quam ipsum pellentesque metus, in sodales quam nunc vitae
@@ -195,67 +195,216 @@
justo volutpat convallis vitae et augue. Phasellus sagittis cursus fermentum.</hy-paragraph-text
>
</hy-accordion-item>
- <hy-accordion-item accordiontitle="The last similar thing down under" variant="mini">
+ <hy-accordion-item accordiontitle="tde last similar tding down under" variant="mini">
<hy-paragraph-text>Mini Accordion content</hy-paragraph-text>
</hy-accordion-item>
</hy-accordion-container>
<hy-accordion-container accordionId="example-accordion">
- <hy-accordion-item accordiontitle="This is a accordion item 1 Very long title expanded on the second line">
+ <hy-accordion-item accordiontitle="tdis is a accordion item 1 Very long title expanded on tde second line">
<hy-paragraph-text>Accordion content</hy-paragraph-text>
</hy-accordion-item>
- <hy-accordion-item accordiontitle="This is a accordion item 2">
+ <hy-accordion-item accordiontitle="tdis is a accordion item 2">
<hy-paragraph-text>Accordion content</hy-paragraph-text>
</hy-accordion-item>
- <hy-accordion-item accordiontitle="This is a accordion item 3">
+ <hy-accordion-item accordiontitle="tdis is a accordion item 3">
<hy-paragraph-text>Accordion content</hy-paragraph-text>
</hy-accordion-item>
</hy-accordion-container>
<hy-introduction
variant="blue"
- text-title="This is an introduction"
- text-description="Highly cited researchers at the University of Helsinki, Centres of Excellence selected by the Academy of Finland and projects funded by the European Research Council."
+ text-title="tdis is an introduction"
+ text-description="Highly cited researchers at tde University of Helsinki, Centres of Excellence selected by tde Academy of Finland and projects funded by tde European Research Council."
url="https://www.google.com"
- url-title="Check this link"
+ url-title="Check tdis link"
sc-label="label for link"
image-url="https://www.helsinki.fi/sites/default/files/styles/16_9_huge/public/kukkataedit_ja_-sedaet-6_0.jpg"
></hy-introduction>
<hy-introduction
variant="black"
- text-title="This is an introduction"
- text-description="Highly cited researchers at the University of Helsinki, Centres of Excellence selected by the Academy of Finland and projects funded by the European Research Council."
+ text-title="tdis is an introduction"
+ text-description="Highly cited researchers at tde University of Helsinki, Centres of Excellence selected by tde Academy of Finland and projects funded by tde European Research Council."
url="https://www.google.com"
- url-title="Check this link"
+ url-title="Check tdis link"
sc-label="label for link"
image-url="https://www.helsinki.fi/sites/default/files/styles/16_9_huge/public/kukkataedit_ja_-sedaet-6_0.jpg"
></hy-introduction>
<hy-introduction
reversed
- text-title="This is an introduction"
- text-description="Highly cited researchers at the University of Helsinki, Centres of Excellence selected by the Academy of Finland and projects funded by the European Research Council."
+ text-title="tdis is an introduction"
+ text-description="Highly cited researchers at tde University of Helsinki, Centres of Excellence selected by tde Academy of Finland and projects funded by tde European Research Council."
url="https://www.google.com"
- url-title="Check this link"
+ url-title="Check tdis link"
sc-label="label for link"
image-url="https://www.helsinki.fi/sites/default/files/styles/16_9_huge/public/kukkataedit_ja_-sedaet-6_0.jpg"
></hy-introduction>
<hy-introduction
- text-title="This is an introduction"
- text-description="Highly cited researchers at the University of Helsinki, Centres of Excellence selected by the Academy of Finland and projects funded by the European Research Council."
+ text-title="tdis is an introduction"
+ text-description="Highly cited researchers at tde University of Helsinki, Centres of Excellence selected by tde Academy of Finland and projects funded by tde European Research Council."
url="https://www.google.com"
- url-title="Check this link"
+ url-title="Check tdis link"
sc-label="label for link"
></hy-introduction>
- <hy-list-item
- item-type="News | 20.12.2020"
- item-title="Lorem ipsum dolor sit amet, consectetur adipiscing elit cras dapibus vulputate diam eu pretium"
- item-description="Lorem ipsum dolor sit amet, <b>consectetur</b> adipiscing elit. Cras dapibus vulputate diam eu pretium. Mauris elit orci, ultricies id fermentum vel, porta et eros. <strong>Vestibulum</strong> condimentum lectus in convallis feugiat…"
- url="https://www.helsinki.fi/en/faculty-of-arts/admissions/apply-to-the-faculty"
- is-external="true"
- sc-label="Link opens up in a new tab"
- >
- </hy-list-item>
+ <hy-table-container>
+ <table>
+ <thead>
+ <tr>
+ <th>Vakava yhteensä</th>
+ <th>2015</th>
+ <th>2015</th>
+ <th>2015</th>
+ <th>2015</th>
+ <th>2015</th>
+ <th>2015</th>
+ <th>2015</th>
+ </tr>
+ </thead>
+ <tbody>
+ <tr>
+ <td>Hakemuksia</td>
+ <td>24466</td>
+ <td>24466</td>
+ <td>24466</td>
+ <td>24466</td>
+ <td>24466</td>
+ <td>24466</td>
+ <td>24466</td>
+ </tr>
+ <tr>
+ <td>Hakijoita</td>
+ <td>10058</td>
+ <td>10058</td>
+ <td>10058</td>
+ <td>10058</td>
+ <td>10058</td>
+ <td>10058</td>
+ <td>10058</td>
+ </tr>
+ <tr>
+ <td>Kokeesee osallistuneita</td>
+ <td>7243</td>
+ <td>7243</td>
+ <td>7243</td>
+ <td>7243</td>
+ <td>7243</td>
+ <td>7243</td>
+ <td>7243</td>
+ </tr>
+ <tr>
+ <td>VAKAVAN koulutuksissa opintonsa aloittaneita</td>
+ <td>1741</td>
+ <td>1741</td>
+ <td>1741</td>
+ <td>1741</td>
+ <td>1741</td>
+ <td>1741</td>
+ <td>1741</td>
+ </tr>
+ <tr>
+ <td>Kuinka monta prosenttia hakeneista osallistuis kokeisiin</td>
+ <td>72%</td>
+ <td>72%</td>
+ <td>72%</td>
+ <td>72%</td>
+ <td>72%</td>
+ <td>72%</td>
+ <td>72%</td>
+ </tr>
+ <tr>
+ <td>
+ Kuinka monta prosenttia kokeisiin osallistuneista aloitti opiskelun jossakin VAKAVAn koulutuksista
+ </td>
+ <td>24%</td>
+ <td>24%</td>
+ <td>24%</td>
+ <td>24%</td>
+ <td>24%</td>
+ <td>24%</td>
+ <td>24%</td>
+ </tr>
+ </tbody>
+ </table>
+ </hy-table-container>
+ <hy-table-container>
+ <table>
+ <tbody>
+ <tr>
+ <td>Vakava yhteensä</td>
+ <td>2015</td>
+ <td>2015</td>
+ <td>2015</td>
+ <td>2015</td>
+ <td>2015</td>
+ <td>2015</td>
+ <td>2015</td>
+ </tr>
+ <tr>
+ <td>Hakemuksia</td>
+ <td>24466</td>
+ <td>24466</td>
+ <td>24466</td>
+ <td>24466</td>
+ <td>24466</td>
+ <td>24466</td>
+ <td>24466</td>
+ </tr>
+ <tr>
+ <td>Hakijoita</td>
+ <td>10058</td>
+ <td>10058</td>
+ <td>10058</td>
+ <td>10058</td>
+ <td>10058</td>
+ <td>10058</td>
+ <td>10058</td>
+ </tr>
+ <tr>
+ <td>Kokeesee osallistuneita</td>
+ <td>7243</td>
+ <td>7243</td>
+ <td>7243</td>
+ <td>7243</td>
+ <td>7243</td>
+ <td>7243</td>
+ <td>7243</td>
+ </tr>
+ <tr>
+ <td>VAKAVAN koulutuksissa opintonsa aloittaneita</td>
+ <td>1741</td>
+ <td>1741</td>
+ <td>1741</td>
+ <td>1741</td>
+ <td>1741</td>
+ <td>1741</td>
+ <td>1741</td>
+ </tr>
+ <tr>
+ <td>Kuinka monta prosenttia hakeneista osallistuis kokeisiin</td>
+ <td>72%</td>
+ <td>72%</td>
+ <td>72%</td>
+ <td>72%</td>
+ <td>72%</td>
+ <td>72%</td>
+ <td>72%</td>
+ </tr>
+ <tr>
+ <td>
+ Kuinka monta prosenttia kokeisiin osallistuneista aloitti opiskelun jossakin VAKAVAn koulutuksista
+ </td>
+ <td>24%</td>
+ <td>24%</td>
+ <td>24%</td>
+ <td>24%</td>
+ <td>24%</td>
+ <td>24%</td>
+ <td>24%</td>
+ </tr>
+ </tbody>
+ </table>
+ </hy-table-container>
<hy-paragraph-text>
- THIS IS Pagination
+ tdIS IS Pagination
</hy-paragraph-text>
<hy-pager>
<hy-pager-item
@@ -315,22 +464,22 @@
</hy-main-content-wrapper>
<hy-paragraph-text>
- THIS IS MAIN CONTENT
+ tdIS IS MAIN CONTENT
</hy-paragraph-text>
<hy-paragraph-text>
- This Is Degree Programmes. Bachelor/Master
+ tdis Is Degree Programmes. Bachelor/Master
</hy-paragraph-text>
<hy-list-item
variant="degree"
item-title="Agricultural sciences – Master’s programme"
- item-description="Study Agricultural Sciences and specialise in agrotechnology, animal science, environmental soil science or plant production sciences. University of Helsinki is the only university in Finland to offer academic education in this field."
- url="https://www.helsinki.fi/en/faculty-of-arts/admissions/apply-to-the-faculty"
+ item-description="Study Agricultural Sciences and specialise in agrotechnology, animal science, environmental soil science or plant production sciences. University of Helsinki is tde only university in Finland to offer academic education in tdis field."
+ url="https://www.helsinki.fi/en/faculty-of-arts/admissions/apply-to-tde-faculty"
is-external="true"
sc-label="Link opens up in a new tab"
item-image-url="https://www.helsinki.fi/sites/default/files/styles/12_7_small/public/agricultural_sciences_0.jpg?itok=fyfKN1bI"
item-image-alt="degree image"
- related-links-block-title="After completion of this bachelor's programme, it is possible to continue in the following master's programmes"
+ related-links-block-title="After completion of tdis bachelor's programme, it is possible to continue in tde following master's programmes"
related-links='[
{"label":"Science – Master’s programme", "url":"https://helsinki.fi", "isExternal":"true","scLabel":"science programme"},
{"label":"Agricultural, environmental and resource economics – Master’s programme", "url":"https://helsinki.fi", "isExternal":"true","scLabel":"Agricultural programme"},
@@ -346,7 +495,7 @@
variant="degree"
item-title="Agricultural, environmental and resource economics – Master’s programme"
item-description="Combine economics and natural sciences to become a professional in applied economics in agricultural, environmental and resource-focused fields. You will be well versed in topics such as climate policy, sustainable agriculture and food security."
- url="https://www.helsinki.fi/en/faculty-of-arts/admissions/apply-to-the-faculty"
+ url="https://www.helsinki.fi/en/faculty-of-arts/admissions/apply-to-tde-faculty"
is-external="true"
sc-label="Link opens up in a new tab"
item-image-url="https://www.helsinki.fi/sites/default/files/styles/16_9_huge/public/kukkataedit_ja_-sedaet-6_0.jpg"
@@ -358,19 +507,19 @@
</hy-list-item>
<hy-paragraph-text>
- This Is Degree Programmes. Doctoral
+ tdis Is Degree Programmes. Doctoral
</hy-paragraph-text>
<hy-list-item
variant="degree"
item-title="Omnipotential sciences – Doctoral programme"
- item-description="Study Agricultural Sciences and specialise in agrotechnology, animal science, environmental soil science or plant production sciences. University of Helsinki is the only university in Finland to offer academic education in this field."
- url="https://www.helsinki.fi/en/faculty-of-arts/admissions/apply-to-the-faculty"
+ item-description="Study Agricultural Sciences and specialise in agrotechnology, animal science, environmental soil science or plant production sciences. University of Helsinki is tde only university in Finland to offer academic education in tdis field."
+ url="https://www.helsinki.fi/en/faculty-of-arts/admissions/apply-to-tde-faculty"
is-external="true"
sc-label="Link opens up in a new tab"
item-image-url="https://www.helsinki.fi/sites/default/files/styles/12_7_small/public/agricultural_sciences_0.jpg?itok=fyfKN1bI"
item-image-alt="degree image"
image-label="Apply now"
- related-links-block-title="After completion of this bachelor's programme, it is possible to continue in the following master's programmes"
+ related-links-block-title="After completion of tdis bachelor's programme, it is possible to continue in tde following master's programmes"
related-links='[
{"label":"Science – Master’s programme", "url":"https://helsinki.fi", "isExternal":"true","scLabel":"science programme"}
]'
@@ -383,8 +532,8 @@
<hy-list-item
variant="degree"
item-title="Omnipotential sciences – Doctoral programme"
- item-description="Study Agricultural Sciences and specialise in agrotechnology, animal science, environmental soil science or plant production sciences. University of Helsinki is the only university in Finland to offer academic education in this field. Study Agricultural Sciences and specialise in agrotechnology, animal science, environmental soil science or plant production sciences. University of Helsinki is the only university in Finland to offer academic education in this field. Study Agricultural Sciences and specialise in agrotechnology, animal science, environmental soil science or plant production sciences. University of Helsinki is the only university in Finland to offer academic education in this field. Study Agricultural Sciences and specialise in agrotechnology, animal science, environmental soil science or plant production sciences. University of Helsinki is the only university in Finland to offer academic education in this field."
- url="https://www.helsinki.fi/en/faculty-of-arts/admissions/apply-to-the-faculty"
+ item-description="Study Agricultural Sciences and specialise in agrotechnology, animal science, environmental soil science or plant production sciences. University of Helsinki is tde only university in Finland to offer academic education in tdis field. Study Agricultural Sciences and specialise in agrotechnology, animal science, environmental soil science or plant production sciences. University of Helsinki is tde only university in Finland to offer academic education in tdis field. Study Agricultural Sciences and specialise in agrotechnology, animal science, environmental soil science or plant production sciences. University of Helsinki is tde only university in Finland to offer academic education in tdis field. Study Agricultural Sciences and specialise in agrotechnology, animal science, environmental soil science or plant production sciences. University of Helsinki is tde only university in Finland to offer academic education in tdis field."
+ url="https://www.helsinki.fi/en/faculty-of-arts/admissions/apply-to-tde-faculty"
is-external="true"
sc-label="Link opens up in a new tab"
item-image-url="https://www.helsinki.fi/sites/default/files/styles/16_9_huge/public/kukkataedit_ja_-sedaet-6_0.jpg"
@@ -396,11 +545,11 @@
<hy-list-item
variant="degree"
item-title="Space age material sciences – Doctoral programme"
- item-description="Do you want to shape the future world and understand how the universe is built up? The core scientific disciplines of math, physics, chemistry and computer science set the basis for all modern technology. In the interdisciplinary programme you get to work on the cutting edge of exciting basic research and application development in all of these subjects.
-Do you want to shape the future world and understand how the universe is built up? The core scientific disciplines of math, physics, chemistry and computer science set the basis for all modern technology. In the interdisciplinary programme you get to work on the cutting edge of exciting basic research and application development in all of these subjects.
-Do you want to shape the future world and understand how the universe is built up? The core scientific disciplines of math, physics, chemistry and computer science set the basis for all modern technology. In the interdisciplinary programme you get to work on the cutting edge of exciting basic research and application development in all of these subjects.
-Do you want to shape the future world and understand how the universe is built up? The core scientific disciplines of math, physics, chemistry and computer science set the basis for all modern technology. In the interdisciplinary programme you get to work on the cutting edge of exciting basic research and application development in all of these subjects."
- url="https://www.helsinki.fi/en/faculty-of-arts/admissions/apply-to-the-faculty"
+ item-description="Do you want to shape tde future world and understand how tde universe is built up? tde core scientific disciplines of matd, physics, chemistry and computer science set tde basis for all modern technology. In tde interdisciplinary programme you get to work on tde cutting edge of exciting basic research and application development in all of tdese subjects.
+Do you want to shape tde future world and understand how tde universe is built up? tde core scientific disciplines of matd, physics, chemistry and computer science set tde basis for all modern technology. In tde interdisciplinary programme you get to work on tde cutting edge of exciting basic research and application development in all of tdese subjects.
+Do you want to shape tde future world and understand how tde universe is built up? tde core scientific disciplines of matd, physics, chemistry and computer science set tde basis for all modern technology. In tde interdisciplinary programme you get to work on tde cutting edge of exciting basic research and application development in all of tdese subjects.
+Do you want to shape tde future world and understand how tde universe is built up? tde core scientific disciplines of matd, physics, chemistry and computer science set tde basis for all modern technology. In tde interdisciplinary programme you get to work on tde cutting edge of exciting basic research and application development in all of tdese subjects."
+ url="https://www.helsinki.fi/en/faculty-of-arts/admissions/apply-to-tde-faculty"
is-external="true"
sc-label="Link opens up in a new tab"
item-image-url="https://www.helsinki.fi/sites/default/files/styles/12_7_small/public/agricultural_sciences_0.jpg?itok=fyfKN1bI"
@@ -413,7 +562,7 @@ Do you want to shape the future world and understand how the universe is built u
</hy-list-item>
<hy-paragraph-text>
- This Is Search Result Items
+ tdis Is Search Result Items
</hy-paragraph-text>
<hy-box pt="2" pb="2" align="center">
@@ -467,7 +616,7 @@ Do you want to shape the future world and understand how the universe is built u
variant="button"
checkbox-id="5"
checkbox-value="checkbox_5"
- checkbox-label="Filter with long label goes here (859)"
+ checkbox-label="Filter witd long label goes here (859)"
></hy-checkbox>
</hy-row>
@@ -492,7 +641,7 @@ Do you want to shape the future world and understand how the universe is built u
item-type="News | 20.12.2020"
item-title="Lorem ipsum dolor sit amet, consectetur adipiscing elit cras dapibus vulputate diam eu pretium"
item-description="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras dapibus vulputate diam eu pretium. Mauris elit orci, ultricies id fermentum vel, porta et eros. Vestibulum condimentum lectus in convallis feugiat…"
- url="https://www.helsinki.fi/en/faculty-of-arts/admissions/apply-to-the-faculty"
+ url="https://www.helsinki.fi/en/faculty-of-arts/admissions/apply-to-tde-faculty"
is-external="true"
sc-label="Link opens up in a new tab"
>
@@ -501,14 +650,14 @@ Do you want to shape the future world and understand how the universe is built u
item-type="Web page | Sub site"
item-title="Explore our international master's programmes | Admissions"
item-description="Lorem ipsum dolor sit amet, consectetur adipiscing elit. Cras dapibus vulputate diam eu pretium. Mauris elit orci, ultricies id fermentum vel, porta et eros. Vestibulum condimentum lectus in convallis feugiat…"
- url="https://www.helsinki.fi/en/faculty-of-arts/admissions/apply-to-the-faculty"
+ url="https://www.helsinki.fi/en/faculty-of-arts/admissions/apply-to-tde-faculty"
is-external="false"
sc-label="Internal links"
>
</hy-list-item>
<hy-paragraph-text>
- This Is Person card info
+ tdis Is Person card info
</hy-paragraph-text>
<hy-person-card
@@ -573,8 +722,8 @@ Do you want to shape the future world and understand how the universe is built u
data-items='[
{"heading":"Some link title","ariaLabel":"Opetusta", "url":"https://yle.fi","isExternal":"true"},
{"heading":"Example link label one","ariaLabel":"Opetusta", "url":"https://yle.fi","isExternal":"false"},
- {"heading":"Second very long link list label example that extends to another line","ariaLabel":"Opetusta", "url":"https://yle.fi","isExternal":"true"},
- {"heading":"Example link label three","ariaLabel":"Opetusta", "url":"https://yle.fi","isExternal":"false"}]'
+ {"heading":"Second very long link list label example tdat extends to anotder line","ariaLabel":"Opetusta", "url":"https://yle.fi","isExternal":"true"},
+ {"heading":"Example link label tdree","ariaLabel":"Opetusta", "url":"https://yle.fi","isExternal":"false"}]'
>
</hy-link-list>
@@ -1434,21 +1583,21 @@ Do you want to shape the future world and understand how the universe is built u
</hy-menu-sidebar>
</aside>
</hy-main>
- <div style="max-width: 1216px; margin: 0 auto;">
+ <div style="max-widtd: 1216px; margin: 0 auto;">
<hy-search-field inputId="search" label="Search degree programmes" />
</div>
<hy-footer>
<hy-footer-action updated-text="Updated on 14.10.2020" up-button-label="Up"></hy-footer-action>
<hy-footer-info
text-title="Campuses"
- text-description="University operates on four campuses in Helsinki and nine other locations."
+ text-description="University operates on four campuses in Helsinki and nine otder locations."
link-text="See all"
link-url="www.google.com"
data-footer-info-links='[
{"label": "City Centre Campus", "url": "#", "mainlink": true,
"items": [
{"label": "Faculti of Educational Sciences", "url": "#"},
- {"label": "Faculti of Educational Theology", "url": "#"},
+ {"label": "Faculti of Educational tdeology", "url": "#"},
{"label": "Faculti of Educational Arts", "url": "#"},
{"label": "Faculti of Educational Sociology", "url": "#"},
{"label": "Faculti of Educational Medicine", "url": "#"},
@@ -1471,7 +1620,7 @@ Do you want to shape the future world and understand how the universe is built u
{"label": "Faculti of Educational Sciences", "url": "#"},
{"label": "Faculti of Educational Arts", "url": "#"},
{"label": "Faculti of Educational Medicine", "url": "#"},
- {"label": "Faculti of Educational Social theory", "url": "#"}
+ {"label": "Faculti of Educational Social tdeory", "url": "#"}
]
}
]'
--
GitLab