info.page.html 3.67 KB
Newer Older
1
<ion-header>
2 3 4 5 6 7 8 9 10 11 12 13 14 15
    <ion-toolbar>
        <ion-buttons slot="start">
            <div class="home-logo">
                <a (click)="HelperService.goToHomePage(navCtrl)">
                    <img src="assets/imgs/logo.png" width="32px" height="32px" alt="CALLIDUS Logo">
                </a>
            </div>
            <div>
                <ion-spinner *ngIf="HelperService.isLoading"></ion-spinner>
                <ion-title>{{ 'ABOUT' | translate }}
                </ion-title>
            </div>
        </ion-buttons>
        <ion-buttons slot="end">
16
            <ion-menu-button autoHide="false">
17
                <ion-icon name="menu"></ion-icon>
18
            </ion-menu-button>
19 20
        </ion-buttons>
    </ion-toolbar>
21
</ion-header>
beyeranq's avatar
layout  
beyeranq committed
22

23

beyeranq's avatar
layout  
beyeranq committed
24
<ion-content padding>
25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74
    <ion-grid>
        <ion-row>
            <h1>CALLIDUS</h1>
        </ion-row>
        <ion-row>
            <a href="https://www.projekte.hu-berlin.de/de/callidus/index.html" target="_blank">
                <b>C</b>omputer-<b>A</b>ided <b>L</b>anguage <b>L</b>earning: Lexikonerwerb im Late<b>i</b>nunterricht
                <b>d</b>urch korp<b>us</b>gestützte Methoden</a> (Vocabulary Acquisition in Latin using Corpus-based
            Methods)
        </ion-row>
        <ion-row>
            <a href="http://gepris.dfg.de/gepris/projekt/316618374" target="_blank">
                {{'RESEARCH_PROJECT_DATA_FUNDED' | translate}}</a>
        </ion-row>
        <ion-row>
            <h4>{{'RESEARCH_APPROACH_TITLE' | translate}}</h4>
        </ion-row>
        <ion-row>
            {{'RESEARCH_APPROACH_TEXT' | translate}}
        </ion-row>
        <ion-row>
            <h4>{{'RESEARCH_STUDIES_TITLE' | translate}}</h4>
        </ion-row>
        <ion-row>
            {{'RESEARCH_STUDIES_TEXT' | translate}}<br>
        </ion-row>
        <ion-row>
            <ul>
                <li *ngFor="let i of studiesIndices">
                    {{ 'RESEARCH_STUDIES_' + (i + 1).toString() | translate }}
                </li>
            </ul>
        </ion-row>
        <ion-row>
            <h4>{{'RESEARCH_PUBL_TITLE' | translate}}</h4>
        </ion-row>
        <ion-row>
            <ul>
                <li *ngFor="let i of studiesIndices">
                    {{ 'RESEARCH_PUBL_' + (i + 1).toString() | translate }}
                </li>
            </ul>
        </ion-row>
        <ion-row>
            <h4>{{'RESEARCH_PROJECT_DATA_TITLE' | translate}}</h4>
        </ion-row>
        <ion-row>
            {{'RESEARCH_PROJECT_DATA_TEXT' | translate}}<br>
        </ion-row>
    </ion-grid>
75
</ion-content>
76
<ion-footer>
77 78 79 80
    <ion-toolbar>
        <ion-tabs>
            <ion-tab-bar slot="bottom">
                <ion-tab-button (click)="HelperService.goToDocSoftwarePage(navCtrl)">
81
                    <ion-icon name="code"></ion-icon>
82 83 84
                    <ion-label>{{ 'DOC_SOFTWARE' | translate}}</ion-label>
                </ion-tab-button>
                <ion-tab-button (click)="HelperService.goToDocExercisesPage(navCtrl)">
85
                    <ion-icon name="tablet-landscape"></ion-icon>
86 87 88
                    <ion-label>{{'DOC_EXERCISES' | translate}}</ion-label>
                </ion-tab-button>
                <ion-tab-button (click)="HelperService.goToDocVocUnitPage(navCtrl)">
89
                    <ion-icon name="school"></ion-icon>
90 91 92
                    <ion-label>{{'DOC_VOC_UNIT' | translate}}</ion-label>
                </ion-tab-button>
                <ion-tab-button (click)="HelperService.goToImprintPage(navCtrl)">
93
                    <ion-icon name="today"></ion-icon>
94 95 96 97 98 99
                    <ion-label>{{ 'IMPRINT' | translate }}</ion-label>
                </ion-tab-button>
            </ion-tab-bar>
        </ion-tabs>
    </ion-toolbar>
</ion-footer>