Difference between revisions of "Widget:Homepage"
From LINKS Community Center
(6 intermediate revisions by the same user not shown) | |||
Line 156: | Line 156: | ||
background-color: transparent; | background-color: transparent; | ||
perspective: 1000px; | perspective: 1000px; | ||
− | height: | + | height: 7em; |
} | } | ||
.snippet .snippet-inner { | .snippet .snippet-inner { | ||
Line 162: | Line 162: | ||
width: 100%; | width: 100%; | ||
height: 100%; | height: 100%; | ||
− | + | transition: transform 500ms; | |
− | transition: transform | ||
transform-style: preserve-3d; | transform-style: preserve-3d; | ||
} | } | ||
Line 179: | Line 178: | ||
align-items: center; | align-items: center; | ||
justify-content: center; | justify-content: center; | ||
+ | text-align: center; | ||
-webkit-backface-visibility: hidden; /* Safari */ | -webkit-backface-visibility: hidden; /* Safari */ | ||
backface-visibility: hidden; | backface-visibility: hidden; | ||
Line 188: | Line 188: | ||
transform: rotateY(180deg); | transform: rotateY(180deg); | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
.snippet.TL .snippet-body { color: var(--links-blue); } | .snippet.TL .snippet-body { color: var(--links-blue); } | ||
Line 245: | Line 230: | ||
border-color: var(--safe-color); | border-color: var(--safe-color); | ||
} | } | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
</style> | </style> | ||
Line 265: | Line 242: | ||
<div id="hp-wrapper"> | <div id="hp-wrapper"> | ||
<div id="hp-heading"> | <div id="hp-heading"> | ||
− | <h1> | + | <h1 translate="no"> |
<span>LINKS</span> | <span>LINKS</span> | ||
<span>Community</span> | <span>Community</span> | ||
Line 289: | Line 266: | ||
<div id="hp-main"> | <div id="hp-main"> | ||
− | <div id="snippets | + | <div id="snippets"></div> |
<form class="hp-search form-inline w-100" onsubmit="search(event)"> | <form class="hp-search form-inline w-100" onsubmit="search(event)"> | ||
Line 430: | Line 407: | ||
</div> | </div> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<div id="hp-recent" class="container-fluid"> | <div id="hp-recent" class="container-fluid"> | ||
Line 471: | Line 433: | ||
"product": "TL", | "product": "TL", | ||
}, | }, | ||
− | + | { | |
− | + | "title": "Do you want to be prepared when disaster strikes?", | |
− | + | "body": "Learn from many use cases about social media and crowdsourcing.", | |
− | + | "action": "/index.php/List_of_Use_Cases", | |
− | + | "product": "UCL", | |
− | + | }, | |
{ | { | ||
"title": "How to protect children during disaster?", | "title": "How to protect children during disaster?", | ||
Line 503: | Line 465: | ||
{ | { | ||
"title": "Do you struggle with managing volunteers in disasters?", | "title": "Do you struggle with managing volunteers in disasters?", | ||
− | "body": " | + | "body": "Take part in the course on mobilizing volunteers.", |
− | "action": "/index.php/ | + | "action": "/index.php/Including_Citizens_Handbook#mobilizing_volunteers", |
− | "product": " | + | "product": "ICH", |
}, | }, | ||
]; | ]; |
Latest revision as of 14:36, 10 January 2024
Second version of the LINKS Community Center homepage.
Do not modify!