Difference between revisions of "Widget:Homepage"
From LINKS Community Center
(44 intermediate revisions by 2 users 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 246: | Line 231: | ||
} | } | ||
− | + | @media only screen and (orientation: portrait) { | |
− | + | .snippet-header, .snippet-body { | |
− | + | font-size: .75em; | |
− | + | } | |
− | + | ||
− | + | form.hp-search button { | |
− | + | display: none; | |
+ | } | ||
+ | } | ||
</style> | </style> | ||
Line 265: | Line 252: | ||
<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 276: | ||
<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 417: | ||
</div> | </div> | ||
</div> | </div> | ||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
− | |||
<div id="hp-recent" class="container-fluid"> | <div id="hp-recent" class="container-fluid"> | ||
Line 471: | Line 443: | ||
"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 475: | ||
{ | { | ||
"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", |
}, | }, | ||
]; | ]; | ||
Line 536: | Line 508: | ||
} | } | ||
</script> | </script> | ||
+ | |||
+ | <!-- BEGIN SAFETY.WIDGET --> | ||
+ | <link rel="stylesheet" href="https://www.safetyinnovation.center/widget/styles.css"> | ||
+ | <div id="safety-widget"></div> | ||
+ | <script src="https://www.safetyinnovation.center/widget/script.js"></script> | ||
+ | <!-- END SAFETY.WIDGET --> | ||
+ | |||
</includeonly> | </includeonly> |
Revision as of 15:30, 6 May 2024
Second version of the LINKS Community Center homepage.
Do not modify!