Widget: Homepage: Difference between revisions
From LINKS Community Center
Eschmidt (talk | contribs) No edit summary |
Eschmidt (talk | contribs) No edit summary |
||
| Line 28: | Line 28: | ||
.hp-area-icon { flex: 1 0; margin-right: 1em; user-select: none; } | .hp-area-icon { flex: 1 0; margin-right: 1em; user-select: none; } | ||
.hp-area-text { flex: 1 1 75%; } | .hp-area-text { flex: 1 1 75%; } | ||
.hp-area-text h2 { font-family: 'Raleway'; font-weight: 300; letter-spacing: .06em; } | .hp-area-text h2, #hp-recent h3 { font-family: 'Raleway'; font-weight: 300; letter-spacing: .06em; } | ||
.hp-area-text p { font-size: 1.2em; margin: 0; } | .hp-area-text p { font-size: 1.2em; margin: 0; } | ||
.hp-area-arrow { flex: 1 0; font-size: 3em; margin-left: 1em; user-select: none; } | .hp-area-arrow { flex: 1 0; font-size: 3em; margin-left: 1em; user-select: none; } | ||
.hp-compass { border: 1px solid black; padding: 5em; display: flex; justify-content: center; } | .hp-compass { border: 1px solid black; padding: 5em; display: flex; justify-content: center; } | ||
#hp-recent { padding-top: 8em; } | |||
.placeholder-box { | .placeholder-box { | ||
position: relative; | position: relative; | ||
| Line 137: | Line 138: | ||
<div id="hp-recent" class="container-fluid"> | <div id="hp-recent" class="container-fluid"> | ||
<div class="row"> | <div class="row"> | ||
<div id="forum-topics" class="col-6"> | <div id="forum-topics" class="col-6 p-0"> | ||
<h3 class="text-center">Current Forum | <h3 class="text-center">Current Forum Topics</p> | ||
<script src="https://forum.links.communitycenter.eu/javascripts/embed-topics.js"></script> | <script src="https://forum.links.communitycenter.eu/javascripts/embed-topics.js"></script> | ||
<d-topics-list discourse-url="https://forum.links.communitycenter.eu" per-page="5" order="latest" sort-ascending="false" template="complete"></d-topics-list> | <d-topics-list discourse-url="https://forum.links.communitycenter.eu" per-page="5" order="latest" sort-ascending="false" template="complete"></d-topics-list> | ||
</div> | </div> | ||
<div class="col-6"> | <div class="col-6 p-0"> | ||
<h3 class="text-center">News and Activities</h3> | <h3 class="text-center">News and Activities</h3> | ||
<div class="h-100 d-flex"> | <div class="h-100 d-flex"> | ||
Revision as of 13:45, 23 May 2022
Development verstion of the DCT Homepage.
Not ready for production!