info.page.html 3.61 KB
Newer Older
1
<ion-header>
2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18
    <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">
            <ion-menu-button autoHide="false"></ion-menu-button>
        </ion-buttons>
    </ion-toolbar>
19
</ion-header>
beyeranq's avatar
layout  
beyeranq committed
20

21

beyeranq's avatar
layout  
beyeranq committed
22
<ion-content padding>
23 24 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
    <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>
73
</ion-content>
74
<ion-footer>
75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96 97
    <ion-toolbar>
        <ion-tabs>
            <ion-tab-bar slot="bottom">
                <ion-tab-button (click)="HelperService.goToDocSoftwarePage(navCtrl)">
                    <ion-icon name="code"></ion-icon>
                    <ion-label>{{ 'DOC_SOFTWARE' | translate}}</ion-label>
                </ion-tab-button>
                <ion-tab-button (click)="HelperService.goToDocExercisesPage(navCtrl)">
                    <ion-icon name="tablet-landscape"></ion-icon>
                    <ion-label>{{'DOC_EXERCISES' | translate}}</ion-label>
                </ion-tab-button>
                <ion-tab-button (click)="HelperService.goToDocVocUnitPage(navCtrl)">
                    <ion-icon name="school"></ion-icon>
                    <ion-label>{{'DOC_VOC_UNIT' | translate}}</ion-label>
                </ion-tab-button>
                <ion-tab-button (click)="HelperService.goToImprintPage(navCtrl)">
                    <ion-icon name="today"></ion-icon>
                    <ion-label>{{ 'IMPRINT' | translate }}</ion-label>
                </ion-tab-button>
            </ion-tab-bar>
        </ion-tabs>
    </ion-toolbar>
</ion-footer>