Verified Commit 7f618a6a authored by Jakob Moser's avatar Jakob Moser
Browse files

Add access details

parent c83b931e

css/main.css

+24 −4
Changes for css/main.css: 24 added lines, 4 removed lines.
Original line number Diff line number Diff line
@@ -16,10 +16,16 @@ body { 


main {

    display: grid;

    grid-template-columns: repeat(4, max-content);

    grid-template-columns: repeat(4, min-content);

    column-gap: 4em;

}



.tool {

    display: grid;

    row-gap: 1em;

    justify-items: center;

}



.box {

    border-radius: 1em;

    box-shadow: var(--shadow-width) var(--shadow-width) 5px rgba(0, 0, 0, 0.5);
@@ -30,7 +36,7 @@ main { 
    );

}



a {

a.btn {

    display: grid;

    height: 10em;

    width: 10em;
@@ -43,11 +49,25 @@ a { 
    margin-right: var(--shadow-width);

}



a > i {

a.btn > i {

    font-size: 200%;

}



a:active {

a.btn:active {

    margin: var(--shadow-width) 0 0 var(--shadow-width);

    box-shadow: none;

}



.detail {

    display: block;

    color: rgba(255, 255, 255, 0.7);

    text-decoration: none;

}



a.detail:hover {

    text-decoration: underline;

}



.tool:hover .detail {

    color: white;

}

index.html

+19 −4
Changes for index.html: 19 added lines, 4 removed lines.
Original line number Diff line number Diff line
@@ -10,10 +10,25 @@ 


<body>

    <main>

        <a class="box" target="_blank" href="https://fachschaft.cl.uni-heidelberg.de/meet"><i class="fa-solid fa-phone-volume"></i> Meeting</a>

        <a class="box" target="_blank" href="https://fachschaft.cl.uni-heidelberg.de/tickets"><i class="fa-regular fa-envelope"></i> Tickets</a>

        <a class="box" target="_blank" href="https://fachschaft.cl.uni-heidelberg.de/todo"><i class="fa-solid fa-list-check"></i> Todo</a>

        <a class="box" target="_blank" href="https://fachschaft.cl.uni-heidelberg.de/docs/Kalender"><i class="fa-regular fa-calendar-days"></i> Kalender</a>

        <div class="tool">

            <a class="box btn" target="_blank" href="https://fachschaft.cl.uni-heidelberg.de/meet"><i class="fa-solid fa-phone-volume"></i> Meeting</a>

        </div>



        <div class="tool">

            <a class="box btn" target="_blank" href="https://fachschaft.cl.uni-heidelberg.de/tickets"><i class="fa-regular fa-envelope"></i> Tickets</a>

            <span class="detail"><i class="fa-regular fa-user"></i> CL-Account</span>

            <span class="detail"><i class="fa-solid fa-lock"></i> Freischaltung nötig</span>

        </div>



        <div class="tool">

            <a class="box btn" target="_blank" href="https://fachschaft.cl.uni-heidelberg.de/todo"><i class="fa-solid fa-list-check"></i> Todo</a>

            <span class="detail"><i class="fa-regular fa-user"></i> CL-Account</span>

            <span class="detail"><i class="fa-solid fa-lock"></i> Freischaltung nötig</span>

        </div>



        <div class="tool">

            <a class="box btn" target="_blank" href="https://fachschaft.cl.uni-heidelberg.de/docs/Kalender"><i class="fa-regular fa-calendar-days"></i> Kalender</a>

        </div>

    </main>

</body>