Difference between revisions of "Widget:Homepage"

From LINKS Community Center
Jump to: navigation, search
(44 intermediate revisions by 2 users not shown)
Line 1: Line 1:
<noinclude>Development verstion of the DCT Homepage.<br><span style="color: red; font-weight: bold;">Not ready for production!</span></noinclude>
+
<noinclude>Second version of the LINKS Community Center homepage.<br><strong style="color: red;">Do not modify!</strong></noinclude>
 
<includeonly><style>
 
<includeonly><style>
 
         #hp-wrapper {
 
         #hp-wrapper {
Line 14: Line 14:
 
             margin-bottom: 4em;
 
             margin-bottom: 4em;
 
             background:
 
             background:
 +
                url(/index.php?title=Special:Redirect/file/Links-logo-network.png) top -10vh right -5vw / 50% no-repeat,
 
                 linear-gradient(125deg, #FFFFFF 0%, #222222 100%),
 
                 linear-gradient(125deg, #FFFFFF 0%, #222222 100%),
 
                 linear-gradient(200deg, #d5dde3 0%, #d5dde3 50%, #acbac8 calc(50% + 1px), #acbac8 60%, #5d758c calc(60% + 1px), #5d758c 75%, #415262 calc(75% + 1px), #415262 100%),
 
                 linear-gradient(200deg, #d5dde3 0%, #d5dde3 50%, #acbac8 calc(50% + 1px), #acbac8 60%, #5d758c calc(60% + 1px), #5d758c 75%, #415262 calc(75% + 1px), #415262 100%),
 
                 linear-gradient(113deg, #d5dde3 0%, #d5dde3 40%, #acbac8 calc(40% + 1px), #acbac8 50%, #5d758c calc(50% + 1px), #5d758c 70%, #415262 calc(70% + 1px), #415262 100%);
 
                 linear-gradient(113deg, #d5dde3 0%, #d5dde3 40%, #acbac8 calc(40% + 1px), #acbac8 50%, #5d758c calc(50% + 1px), #5d758c 70%, #415262 calc(70% + 1px), #415262 100%);
            /* background:
+
             background-blend-mode: multiply, overlay, overlay, normal;
                linear-gradient(125deg, #FFFFFF 0%, #000000 100%),
 
                linear-gradient(200deg, #D0F2F2 0%, #D0F2F2 50%, #34B8B8 calc(50% + 1px), #34B8B8 60%, #166EA9 calc(60% + 1px), #166EA9 75%, #125887 calc(75% + 1px), #125887 100%),
 
                linear-gradient(113deg, #D0F2F2 0%, #D0F2F2 40%, #34B8B8 calc(40% + 1px), #34B8B8 50%, #166EA9 calc(50% + 1px), #166EA9 70%, #125887 calc(70% + 1px), #125887 100%); */
 
             background-blend-mode: overlay, overlay, normal;
 
 
             clip-path: inset(0 100% 100% 0);
 
             clip-path: inset(0 100% 100% 0);
 
             transition: all 500ms ease-in-out;
 
             transition: all 500ms ease-in-out;
Line 34: Line 31:
 
             transition: all 500ms ease-in-out;
 
             transition: all 500ms ease-in-out;
 
         }
 
         }
         .loaded #hp-heading h1 span { opacity: .95; transform: translateX(0);}
+
         .loaded #hp-heading h1 span { opacity: .95; transform: translateX(0); }
 
         #hp-heading h1 span:nth-child(1) { font-weight: 800; letter-spacing: .06em; transition-delay: 300ms; }
 
         #hp-heading h1 span:nth-child(1) { font-weight: 800; letter-spacing: .06em; transition-delay: 300ms; }
 
         #hp-heading h1 span:nth-child(2) { font-weight: 500; transition-delay: 400ms; }
 
         #hp-heading h1 span:nth-child(2) { font-weight: 500; transition-delay: 400ms; }
Line 40: Line 37:
 
         #hp-heading .hp-lead { font-size: 1.4em; font-weight: 300; margin-bottom: 2em; opacity: 0; transition: all 500ms ease-in-out 1000ms; }
 
         #hp-heading .hp-lead { font-size: 1.4em; font-weight: 300; margin-bottom: 2em; opacity: 0; transition: all 500ms ease-in-out 1000ms; }
 
         .loaded #hp-heading .hp-lead { opacity: .95; }
 
         .loaded #hp-heading .hp-lead { opacity: .95; }
         .hp-button-wrapper { text-align: center; }
+
         .hp-button-wrapper { text-align: left; }
 
         .hp-large-button {
 
         .hp-large-button {
 
             display: inline-block;
 
             display: inline-block;
             font-weight: 600;
+
             background-color: var(--links-grey);
 +
            color: #C31980;
 +
            border: 1px solid currentColor;
 
             font-size: 1.3em;
 
             font-size: 1.3em;
             padding: .5em;
+
             padding: 0 .5em;
            border: var(--hp-border);
 
 
             opacity: 0;
 
             opacity: 0;
             transition: all 500ms ease-in-out 1300ms;
+
             transition: opacity 500ms ease-in-out 1300ms, color 500ms;
 
             text-decoration: none;
 
             text-decoration: none;
 
             cursor: pointer;
 
             cursor: pointer;
 +
            background-color: rgba(255, 255, 255, .4);
 
         }
 
         }
         .hp-large-button:hover { text-decoration: none; }
+
        .hp-large-button svg { fill: #C31980; height: 4em; transition: fill 500ms; }
 +
         .hp-large-button:hover { text-decoration: none; color: var(--links-blue); }
 +
        .hp-large-button:hover svg { fill: var(--links-blue); }
 
         .loaded .hp-large-button { opacity: 1; }
 
         .loaded .hp-large-button { opacity: 1; }
 
         .hp-search { margin-bottom: 4em; }
 
         .hp-search { margin-bottom: 4em; }
 
         .hp-areas { margin-bottom: 8em; }
 
         .hp-areas { margin-bottom: 8em; }
         .hp-areas *, #hp-collections * { transition: all 400ms ease-in-out; }
+
         .hp-areas *, #hp-collections *, #hp-products * { transition: all 400ms ease-in-out; }
 +
        #hp-collections, #hp-products { border-top: var(--hp-border); }
 
         .hp-areas h2 { text-align: center; margin-bottom: 1.5em; }
 
         .hp-areas h2 { text-align: center; margin-bottom: 1.5em; }
 
         .hp-area { display: flex; flex-direction: column; align-items: center; margin-bottom: 2em; text-decoration: none; cursor: pointer; }
 
         .hp-area { display: flex; flex-direction: column; align-items: center; margin-bottom: 2em; text-decoration: none; cursor: pointer; }
Line 74: Line 76:
 
             justify-content: center;
 
             justify-content: center;
 
         }
 
         }
         #hp-resources, #hp-networks { padding: 2em 1em; }
+
         #hp-resources, #hp-networks, #hp-feel-safe, #hp-handbook, #hp-wheel { padding: 2em 1em; }
         #hp-resources { border-top: var(--hp-border); }
+
         #hp-resources .hp-area, #hp-networks .hp-area,
         #hp-resources .hp-area, #hp-networks .hp-area { margin-bottom: 0 !important; }
+
         #hp-feel-safe .hp-area, #hp-handbook .hp-area, #hp-wheel .hp-area { margin-bottom: 0 !important; }
 
         #hp-recent h3 { margin-bottom: 1em; }
 
         #hp-recent h3 { margin-bottom: 1em; }
 
         #forum-topics { padding: 2em 1em; }
 
         #forum-topics { padding: 2em 1em; }
Line 109: Line 111:
 
             #hp-heading .hp-lead { max-width: 50%; font-size: 2em; }
 
             #hp-heading .hp-lead { max-width: 50%; font-size: 2em; }
 
             .hp-button-wrapper { text-align: left; }
 
             .hp-button-wrapper { text-align: left; }
             .hp-large-button { font-size: 1.6em; }
+
             .hp-large-button { font-size: 2em; }
 
             #hp-main { width: 75%; margin: auto; }
 
             #hp-main { width: 75%; margin: auto; }
 
             .hp-search { margin-bottom: 8em; }
 
             .hp-search { margin-bottom: 8em; }
Line 119: Line 121:
 
             .hp-area:hover .hp-area-arrow { transform: translateX(1em); }
 
             .hp-area:hover .hp-area-arrow { transform: translateX(1em); }
 
             .hp-compass { padding: 5em; }
 
             .hp-compass { padding: 5em; }
            #hp-collections { border-top: var(--hp-border); }
 
            #hp-resources { border-top: 0 none; }
 
 
             #forum-topics, #hp-resources { padding: 4em 1em 4em 0; border-right: var(--hp-border); }
 
             #forum-topics, #hp-resources { padding: 4em 1em 4em 0; border-right: var(--hp-border); }
 
             #hp-changes, #hp-networks { padding: 4em 0 4em 1em; border-top: 0 none; }
 
             #hp-changes, #hp-networks { padding: 4em 0 4em 1em; border-top: 0 none; }
Line 148: Line 148:
 
                 <span>Center</span>
 
                 <span>Center</span>
 
             </h1>
 
             </h1>
             <p class="hp-lead">Strengthening links between technologies and&nbsp;society for&nbsp;European disaster resilience.</p>
+
             <p class="hp-lead"><span>Strengthening links between technologies and&nbsp;society for&nbsp;European disaster resilience.</span></p>
 
             <div class="hp-button-wrapper">
 
             <div class="hp-button-wrapper">
                 <a class="hp-large-button" href="https://links.communitycenter.eu/index.php/Getting_started">Get Started</a>
+
                 <a class="hp-large-button" href="https://links.communitycenter.eu/index.php/Compass">
 +
                    <div style="display: flex; align-items: center;">
 +
                        <div>
 +
                            <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" id="prefix__prefix__Livello_1" x="0" y="0" version="1.1" viewBox="0 0 128 128"><defs id="prefix__prefix__defs43"><path id="prefix__prefix__rect345" d="M977.382 473.479h642.714v494.395H977.382z"/></defs><style id="style2" type="text/css">.prefix__prefix__st0{fill:#fff}.prefix__prefix__st1,.prefix__prefix__st2{fill:currentColor}</style><g id="prefix__prefix__g38" transform="translate(-585.75 -578.105)"><ellipse id="prefix__prefix__circle4" cx="649.905" cy="642.245" stroke-width=".116" class="prefix__prefix__st0" rx="49.012" ry="48.98"/><path id="prefix__prefix__path6" stroke-width=".116" d="M649.905 587.962c-30 0-54.32 24.303-54.32 54.283s24.32 54.284 54.32 54.284 54.32-24.303 54.32-54.284c-.002-29.98-24.321-54.283-54.32-54.283zm0 101.565c-26.13 0-47.313-21.169-47.313-47.282 0-26.113 21.183-47.281 47.313-47.281 26.13 0 47.313 21.168 47.313 47.281s-21.183 47.282-47.313 47.282z" class="prefix__prefix__st1"/><g id="prefix__prefix__g16" transform="matrix(.11647 0 0 .11639 574.077 567.372)"><path id="prefix__prefix__polygon8" d="M649.51 640.66l38.15 143.56 291.19 185.79-185.78-291.2z" class="prefix__prefix__st2"/><path id="prefix__prefix__polygon10" d="M650.21 641.36l-38.15-143.55-291.19-185.79 185.79 291.2z" class="prefix__prefix__st2"/><path id="prefix__prefix__polygon12" d="M650.24 640.25L506.68 678.4 320.9 969.6l291.19-185.79z" class="prefix__prefix__st2"/><path id="prefix__prefix__polygon14" d="M649.97 640.52l143.56-38.15 185.79-291.19-291.2 185.78z" class="prefix__prefix__st2"/></g><path id="prefix__prefix__path18" stroke-width=".116" d="M649.905 603.864c-21.21 0-38.406 17.184-38.406 38.38 0 21.197 17.195 38.38 38.406 38.38 21.21 0 38.405-17.183 38.405-38.38 0-21.196-17.194-38.38-38.405-38.38zm0 74.706c-20.075 0-36.35-16.263-36.35-36.326s16.274-36.325 36.35-36.325 36.35 16.263 36.35 36.326-16.275 36.325-36.35 36.325z" class="prefix__prefix__st1"/><g id="prefix__prefix__g28" transform="matrix(.11647 0 0 .11639 574.077 567.372)"><path id="prefix__prefix__polygon20" d="M649.16 642.83l151.75 88.04 398.36-88.04-398.36-88.03z" class="prefix__prefix__st2"/><path id="prefix__prefix__polygon22" d="M650.33 642.83L498.58 554.8l-398.35 88.03 398.35 88.04z" class="prefix__prefix__st2"/><path id="prefix__prefix__polygon24" d="M649.43 641.88L561.4 793.64l88.03 398.35 88.03-398.35z" class="prefix__prefix__st2"/><path id="prefix__prefix__polygon26" d="M649.43 642.33l88.03-151.75-88.03-398.36-88.03 398.36z" class="prefix__prefix__st2"/></g><ellipse id="prefix__prefix__circle30" cx="649.769" cy="642.189" stroke-width=".116" class="prefix__prefix__st0" rx="13.741" ry="13.731"/></g></svg>
 +
                        </div>
 +
                        <div style="display: flex; flex-direction: column;">
 +
                            <span>Compass</span>
 +
                            <span style="font-size: 50%; margin-left: .2em; line-height: 1em;">
 +
                                Navigate through the LINKS<br>Community Center!
 +
                            </span>
 +
                        </div>
 +
                    </div>
 +
                </a>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
Line 156: Line 168:
 
         <div id="hp-main">
 
         <div id="hp-main">
 
             <form class="hp-search" onsubmit="search(event)">
 
             <form class="hp-search" onsubmit="search(event)">
                 <input id="hp-search-input" class="form-control form-control-lg" type="text" placeholder="Search" aria-label="Search">
+
                 <input id="hp-search-input" class="form-control form-control-lg" type="text" placeholder="Search the entire LCC" aria-label="Search">
 
             </form>
 
             </form>
  
Line 184: Line 196:
 
                         <p>
 
                         <p>
 
                             Expert guidelines for&nbsp;usage of&nbsp;social media and&nbsp;crowdsourcing in&nbsp;disasters.​
 
                             Expert guidelines for&nbsp;usage of&nbsp;social media and&nbsp;crowdsourcing in&nbsp;disasters.​
 +
                        </p>
 +
                    </div>
 +
                    <div class="hp-area-arrow">&rarr;</div>
 +
                </a>
 +
 +
                <a class="hp-area cyan" href="https://links.communitycenter.eu/index.php/List_of_Use_Cases">
 +
                    <div class="hp-area-icon">
 +
                        <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" overflow="hidden" viewBox="0 0 96 96"><defs><clipPath id="uc"><path d="M592 312h96v96h-96z"/></clipPath></defs><g clip-path="url(#uc)" transform="translate(-592 -312)"><path d="m648.783 351.102 1.99-.204 2.359 23.001-1.989.204Z"/><path d="M674 387h-6v-5h-8.093l-3.531-36.291A2.99 2.99 0 0 0 653.39 343h-26.658a2.991 2.991 0 0 0-2.985 2.7L620.1 382H612v5h-6v7h68Zm-48.263-41.1a1 1 0 0 1 .995-.9h26.658a.999.999 0 0 1 1 .9l3.51 36.1h-35.795ZM672 392h-64v-3h6v-5h52v5h6ZM639 326h2v12h-2ZM606 355h10v2h-10ZM664 355h10v2h-10ZM611.293 332.707l1.414-1.414 8 8-1.414 1.414ZM659.293 339.293l8-8 1.414 1.414-8 8Z"/></g></svg>
 +
                    </div>
 +
                    <div class="hp-area-text">
 +
                        <h3>Use Cases</h3>
 +
                        <p>
 +
                            Practical use cases for&nbsp;social media and&nbsp;crowdsourcing in&nbsp;disasters.​
 
                         </p>
 
                         </p>
 
                     </div>
 
                     </div>
 
                     <div class="hp-area-arrow">&rarr;</div>
 
                     <div class="hp-area-arrow">&rarr;</div>
 
                 </a>
 
                 </a>
 +
            </div>
 +
        </div>
 +
 +
        <div id="hp-products" class="container-fluid">
 +
            <div class="row">
 +
                <div id="hp-feel-safe" class="col-12 col-lg-4">
 +
                    <a class="hp-area grey" href="https://links.communitycenter.eu/index.php/Feel_Safe">
 +
                        <div class="hp-area-icon">
 +
                            <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" overflow="hidden" viewBox="0 0 96 96"><defs><clipPath id="safe"><path d="M106 118h96v96h-96z"/></clipPath></defs><g clip-path="url(#safe)" transform="translate(-106 -118)"><path d="M166.879 171.134c5.633 2.094 9.626 4.211 12.477 6.632a7.826 7.826 0 0 1 1.829 2.234h2.192a9.655 9.655 0 0 0-2.726-3.759c-3.056-2.595-7.281-4.838-13.211-7.032l-3.192-1.311a1.976 1.976 0 0 1-1.165-1.348c2.115-.677 7.628-2.87 9.945-7.892 1.888-4.09 1.326-15.762-3.824-24.035-3.543-5.692-8.691-8.782-14.913-8.936h-.556c-6.197.154-11.345 3.245-14.888 8.937-5.15 8.274-5.711 19.945-3.824 24.034 2.317 5.02 7.798 7.213 9.904 7.891a1.981 1.981 0 0 1-1.166 1.35l-3.114 1.283c-5.97 2.203-10.215 4.454-13.284 7.059a9.202 9.202 0 0 0-3.352 6.763l.003 8.167a6.517 6.517 0 0 0-.965-.306l-.241-.053a6.989 6.989 0 0 0-2.343-.104l-8.504-27.877a1 1 0 1 0-1.912.584l8.466 27.753c-3.026.904-4.629 2.225-3.256 7.534.744 2.88 1.65 4.372 3.03 4.991a3.67 3.67 0 0 0 1.532.307 12.09 12.09 0 0 0 2.909-.52 6.645 6.645 0 0 0 3.611-2.159c4.113 1.79 11.408 3.044 20.621 3.501l1.113.055-1.836-31.832a31.956 31.956 0 0 0 15.539-.001l-.397 6.956h2.003l.574-10.058Zm-12.87.869a27.927 27.927 0 0 1-7.892-1.071l-.128-2.223a3.99 3.99 0 0 0 1.013-2.66v-1.793a14.926 14.926 0 0 0 14.006.005v1.787a3.99 3.99 0 0 0 1.018 2.669l-.127 2.214a27.878 27.878 0 0 1-7.89 1.072Zm0-8c-7.177-.008-12.992-5.823-13-13v-1.821c.954-2.387 4.827-3.347 8.574-4.277 3.39-.841 6.869-1.703 8.396-3.794a19.88 19.88 0 0 0 4.155 3.245c2.156 1.407 4.386 2.86 4.876 4.766v1.881c-.009 7.177-5.825 12.993-13.001 13Zm-17.169-6.183c-1.474-3.191-1.177-14.295 3.705-22.139 3.215-5.166 7.67-7.856 13.216-7.994l.505-.001c5.57.139 10.025 2.828 13.24 7.994 4.882 7.843 5.179 18.949 3.706 22.14-1.8 3.901-6.083 5.871-8.204 6.636v-1.479a14.97 14.97 0 0 0 6.002-11.974v-2c0-.073-.008-.146-.024-.218-.615-2.748-3.23-4.454-5.76-6.104-2.03-1.324-3.948-2.574-4.517-4.14a1 1 0 0 0-1.937.263c-.182 2.304-3.82 3.206-7.669 4.16-4.344 1.076-8.835 2.19-10.041 5.716a1.012 1.012 0 0 0-.053.323v2a14.969 14.969 0 0 0 5.993 11.967v1.484c-2.113-.768-6.364-2.738-8.162-6.634Zm-14.575 43.715c-1.382.358-2.474.639-3.158.333-.734-.33-1.36-1.529-1.913-3.667-1.121-4.339-.295-4.569 2.786-5.366l.14-.037a4.93 4.93 0 0 1 2.26-.032l.235.051a4.399 4.399 0 0 1 3.281 3.095 4.734 4.734 0 0 1-3.631 5.623Zm21.792-31.596 1.893 32.826c-8.19-.473-14.814-1.613-18.53-3.152a6.76 6.76 0 0 0 .416-4.178 6.403 6.403 0 0 0-1.821-3.003l-.005-9.408a7.1 7.1 0 0 1 2.648-5.258c2.993-2.542 7.216-4.77 13.308-6.969Z"/><path d="M190.004 182h-37.998v27h14.511a2.488 2.488 0 0 0 1.987 1h5a2.488 2.488 0 0 0 1.987-1h14.513Zm-35.998 2h15.998v23h-15.998Zm33.998 23h-16v-23h16Z"/><path d="M176.004 190h8v2h-8ZM176.004 194h8v2h-8ZM176.004 198h6v2h-6Z"/></g></svg>
 +
                        </div>
 +
                        <div class="hp-area-text">
 +
                            <h3>Feel Safe</h3>
 +
                            <!-- <p>
 +
                                Feel Safe.
 +
                            </p> -->
 +
                        </div>
 +
                    </a>
 +
                </div>
 +
                <div id="hp-handbook" class="col-12 col-lg-4">
 +
                    <a class="hp-area grey" href="https://links.communitycenter.eu/index.php/Including_Citizens_Handbook_-_Accessibility">
 +
                        <div class="hp-area-icon">
 +
                            <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" overflow="hidden" viewBox="0 0 96 96"><defs><clipPath id="handbook"><path d="M876 118h96v96h-96z"/></clipPath></defs><g clip-path="url(#handbook)" transform="translate(-876 -118)"><path d="M932 150h15v2h-15ZM932 156h15v2h-15ZM932 162h10v2h-10Z"/><path d="M963 142h-6v-4.4a1 1 0 0 0-.675-.946 51.567 51.567 0 0 0-32.325-.11 51.567 51.567 0 0 0-32.325.109 1 1 0 0 0-.675.947v4.4h-6a1 1 0 0 0-1 1v48a1 1 0 0 0 1 1h32.1c.42 1.759 1.992 3 3.8 3h6.2a3.907 3.907 0 0 0 3.8-3H963a1 1 0 0 0 1-1v-48a1 1 0 0 0-1-1Zm-8-3.68v45.9a51.719 51.719 0 0 0-30 0v-45.9a49.656 49.656 0 0 1 30 0Zm-62 0a49.656 49.656 0 0 1 30 0v45.9a51.719 51.719 0 0 0-30 0ZM962 190h-32a1 1 0 0 0-1 1v.1a1.9 1.9 0 0 1-1.9 1.9h-6.2a1.9 1.9 0 0 1-1.9-1.9v-.1a1 1 0 0 0-1-1h-32v-46h5v41.6a1 1 0 0 0 1.325.946 49.55 49.55 0 0 1 31.35 0 .433.433 0 0 0 .05.008c.074.022.15.035.227.038.016 0 .032.008.048.008s.025-.005.037-.006a.95.95 0 0 0 .225-.034c.016 0 .033-.006.05-.011h.013a49.55 49.55 0 0 1 31.35 0 1 1 0 0 0 .325.051 1 1 0 0 0 1-1V144h5Z"/></g></svg>
 +
                        </div>
 +
                        <div class="hp-area-text">
 +
                            <h3>Including Citizens Handbook</h3>
 +
                            <!-- <p>
 +
                                Including Citizens Handbook.
 +
                            </p> -->
 +
                        </div>
 +
                    </a>
 +
                </div>
 +
                <div id="hp-wheel" class="col-12 col-lg-4">
 +
                    <a class="hp-area grey" href="https://links.communitycenter.eu/index.php/Resilience_Wheel">
 +
                        <div class="hp-area-icon">
 +
                            <svg xmlns="http://www.w3.org/2000/svg" xml:space="preserve" overflow="hidden" viewBox="0 0 96 96"><defs><clipPath id="wheel"><path d="M502 118h96v96h-96z"/></clipPath></defs><g clip-path="url(#wheel)" transform="translate(-502 -118)"><path d="M528 177.64a6 6 0 1 1-6 6 6.007 6.007 0 0 1 6-6m0-2a8 8 0 1 0 0 16 8 8 0 0 0 0-16ZM576.5 170.8a6 6 0 1 1-6 6 6.007 6.007 0 0 1 6-6m0-2a8 8 0 1 0 0 16 8 8 0 0 0 0-16ZM546.75 132.61a6 6 0 1 1-6 6 6.007 6.007 0 0 1 6-6m0-2a8 8 0 1 0 0 16 8 8 0 0 0 0-16ZM583.983 153.036a1 1 0 0 0-1.37.351l-3.85 6.5c-.007.011-.015.01-.018 0a29.189 29.189 0 0 0-19.671-21.358 27.661 27.661 0 0 0-.82-.241 1 1 0 0 0-.582 1.914l.045.012c.256.071.51.146.762.225a27.16 27.16 0 0 1 18.4 20.315c0 .012 0 .017-.015.011l-6.977-4.132a1 1 0 0 0-1.02 1.72l8.86 5.247a1.003 1.003 0 0 0 1.37-.35l5.236-8.844a1 1 0 0 0-.35-1.37ZM570.792 185.564a1 1 0 0 0-1.414-.016l-.001.001c-.19.185-.381.368-.576.548a27.164 27.164 0 0 1-26.793 5.776c-.012 0-.013-.012 0-.018l7.068-3.977a1 1 0 0 0-.981-1.743l-8.974 5.05a1 1 0 0 0-.382 1.362l5.04 8.956a1 1 0 1 0 1.744-.981l-3.7-6.582c-.006-.012 0-.018.011-.014a28.77 28.77 0 0 0 8.581 1.309 29.173 29.173 0 0 0 19.75-7.669c.209-.192.414-.389.618-.588a1 1 0 0 0 .009-1.414ZM534.288 143.18a1.003 1.003 0 0 0-.7-.3l-10.277-.114h-.011a1 1 0 1 0-.011 2l7.556.084c.013 0 .016.008.006.017a29.185 29.185 0 0 0-8.66 27.713c.062.278.129.555.2.832a1.001 1.001 0 0 0 1.218.718 1 1 0 0 0 .718-1.218 20.579 20.579 0 0 1-.186-.771 27.164 27.164 0 0 1 8.393-26.092c.01-.008.018 0 .017.008l-.089 8.109a1 1 0 0 0 .989 1.011h.011a1 1 0 0 0 1-.989l.114-10.3a.998.998 0 0 0-.288-.708Z"/></g></svg>
 +
                        </div>
 +
                        <div class="hp-area-text">
 +
                            <h3>Resilience Wheel</h3>
 +
                            <!-- <p>
 +
                                Resilience Wheel.
 +
                            </p> -->
 +
                        </div>
 +
                    </a>
 +
                </div>
 
             </div>
 
             </div>
 
         </div>
 
         </div>
Line 201: Line 270:
 
                             <h3>Collection of Helpful Resources</h3>
 
                             <h3>Collection of Helpful Resources</h3>
 
                             <p>
 
                             <p>
                                 Browse some interesting or&nbsp;relevant websites and&nbsp;apps.
+
                                 Browse some interesting or&nbsp;relevant websites and&nbsp;apps.
 
                             </p>
 
                             </p>
 
                         </div>
 
                         </div>
Line 221: Line 290:
 
             </div>
 
             </div>
 
         </div>
 
         </div>
 
  
 
         <!--kie: comment out until it is available.-->
 
         <!--kie: comment out until it is available.-->
         <div class="hp-compass cyan">
+
         <!-- <div class="hp-compass cyan">
 
             <div class="d-flex align-items-center">
 
             <div class="d-flex align-items-center">
 
                 <div class="hp-area-icon">
 
                 <div class="hp-area-icon">
Line 236: Line 304:
 
                 </div>
 
                 </div>
 
             </div>
 
             </div>
         </div>
+
         </div> -->
  
 
         <div id="hp-recent" class="container-fluid">
 
         <div id="hp-recent" class="container-fluid">

Revision as of 13:48, 9 December 2022

Second version of the LINKS Community Center homepage.
Do not modify!