STEINNI
129 lines
4.9 KiB
HTML
129 lines
4.9 KiB
HTML
<style>
|
|
.applicant-dashboard > header {
|
|
background: url('/app/assets/images/cards/applicant-dashboard.jpg');
|
|
background-position: center;
|
|
background-size: cover !important;
|
|
background-repeat: no-repeat;
|
|
border-bottom: 4px solid white !important;
|
|
}
|
|
.applicant-dashboard .metrics {
|
|
min-width: 320px;
|
|
overflow: visible !important;
|
|
padding: 0 var(--eicui-base-spacing-m) 0 0;
|
|
margin: 0 var(--eicui-base-spacing-s) var(--eicui-base-spacing-s) 0;
|
|
}
|
|
.applicant-dashboard .list {
|
|
display: grid;
|
|
grid-gap: var(--eicui-base-spacing-m);
|
|
grid-template-columns: repeat(auto-fill, 240px);
|
|
}
|
|
.applicant-dashboard .members .props {
|
|
display: grid;
|
|
}
|
|
|
|
.applicant-dashboard .company menu {
|
|
max-height: 280px;
|
|
overflow-y: scroll;
|
|
}
|
|
|
|
.applicant-dashboard .company menu label span.pic {
|
|
font-size: .75em;
|
|
color: var(--eicui-base-color-grey-50);
|
|
}
|
|
|
|
</style>
|
|
<article eiccard media class="applicant-dashboard">
|
|
<header>
|
|
<h1>My EIC</h1>
|
|
<h2>Innovation First</h2>
|
|
</header>
|
|
<section>
|
|
<div class="cols-2 left">
|
|
<article class="metrics">
|
|
<div>
|
|
<div class="cols-2 right middle center noflex">
|
|
<label>My organisation profile</label>
|
|
|
|
<div eicdropdown class="company">
|
|
<button eicbutton primary xsmall rounded icon="icon-exchange"></button>
|
|
<menu eicmenu></menu>
|
|
</div>
|
|
</div>
|
|
<div>
|
|
<div xlarge class="company-name"><b></b></div>
|
|
<div small class="company-pic"></div>
|
|
</div>
|
|
<hr />
|
|
</div>
|
|
<article eiccard class="members" collapsable>
|
|
<header>
|
|
<h1>Members</h1>
|
|
<h2></h2>
|
|
</header>
|
|
<section>
|
|
<ul nonbulleted></ul>
|
|
</section>
|
|
<footer><div class="cols-1 right"><button eicbutton xsmall primary class="member-add">add member</button></div></footer>
|
|
</article>
|
|
<article eiccard danger class="activities">
|
|
<header>
|
|
<h1>TODO List</h1>
|
|
</header>
|
|
<section>
|
|
<ul bulleted></ul>
|
|
</section>
|
|
</article>
|
|
<article eiccard primary>
|
|
<header>
|
|
<h1>Upcoming events</h1>
|
|
</header>
|
|
<section>
|
|
<ul nonbulleted>
|
|
<li class="cols-2 left center"><span class="icon-calendar-failed" danger></span><span>No events foreseen</span></li>
|
|
</ul>
|
|
</section>
|
|
</article>
|
|
</article>
|
|
<div>
|
|
<article eiccard class="fundings" collapsable>
|
|
<header>
|
|
<h1>My Fundings</h1>
|
|
</header>
|
|
<section>
|
|
<div eicalert info closable>This list only contains projects you have access to. </div>
|
|
<div class="list"></div>
|
|
</section>
|
|
</article>
|
|
<article eiccard class="coachings" collapsable collapsed>
|
|
<header>
|
|
<h1>My Coachings</h1>
|
|
</header>
|
|
<section>
|
|
<div eicalert info closable>This list only contains coachings you have access to. </div>
|
|
<div class="list"></div>
|
|
</section>
|
|
</article>
|
|
<article eiccard class="proposals" collapsable>
|
|
<header>
|
|
<h1>My Proposals</h1>
|
|
<h2></h2>
|
|
</header>
|
|
<section>
|
|
<div eicalert info closable>This list only contains proposals you have access to. </div>
|
|
<div class="list">
|
|
|
|
</div>
|
|
</section>
|
|
<footer>
|
|
<div class="cols-1 right">
|
|
<div class="cols-2">
|
|
<button eicbutton small primary class="proposal-search">search existing proposals</button>
|
|
<button eicbutton small primary class="proposal-create">create a new proposal</button>
|
|
</div>
|
|
</div>
|
|
</footer>
|
|
</article>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</article> |