|
| 1 | +<!-- ═══ Back-to-Top ════════════════════════════════════════════ --> |
1 | 2 | <div id="up-to-top" class="row"> |
2 | | - <div class="small-12 columns" style="text-align: right;"> |
3 | | - <a class="iconfont" href="#top-of-page"></a> |
4 | | - </div><!-- /.small-12.columns --> |
5 | | -</div><!-- /.row --> |
| 3 | + <div class="small-12 columns" style="text-align:right"> |
| 4 | + <a href="#top-of-page" title="Back to top" aria-label="Back to top"></a> |
| 5 | + </div> |
| 6 | +</div> |
6 | 7 |
|
| 8 | +<!-- ═══ Modern Footer ══════════════════════════════════════════ --> |
| 9 | +<footer id="footer-content"> |
7 | 10 |
|
8 | | -<footer id="footer-content" class="bg-grau"> |
9 | 11 | <div id="footer"> |
10 | | - <div class="row"> |
11 | | - <div class="medium-6 large-8 columns"> |
12 | | - <h5 class="shadow-black">{{ site.data.language.info_website }}</h5> |
| 12 | + <div class="row" style="max-width:1200px;margin:0 auto;padding:0 16px"> |
13 | 13 |
|
14 | | - <p class="shadow-black"> |
| 14 | + <!-- Col 1: About --> |
| 15 | + <div class="medium-5 large-5 columns" style="padding-right:40px"> |
| 16 | + <div style="display:flex;align-items:center;gap:10px;margin-bottom:18px"> |
| 17 | + <div style="width:36px;height:36px;border-radius:10px;background:linear-gradient(135deg,#22d3ee,#38bdf8);display:flex;align-items:center;justify-content:center;font-weight:900;color:#0a1628;font-size:15px;flex-shrink:0">E</div> |
| 18 | + <div> |
| 19 | + <div style="color:#f0f9ff;font-weight:800;font-size:.95rem;letter-spacing:-.02em">EASI</div> |
| 20 | + <div style="color:#22d3ee;font-size:.62rem;font-weight:600;letter-spacing:.1em;text-transform:uppercase;opacity:.8">AdaptiveExperiments</div> |
| 21 | + </div> |
| 22 | + </div> |
| 23 | + <h5>{{ site.data.language.info_website }}</h5> |
| 24 | + <p> |
15 | 25 | {{ site.description }} |
16 | 26 | <a href="{{ site.url }}{{ site.baseurl }}/about/">{{ site.data.language.more }}</a> |
17 | | - <br> |
18 | | - {{ site.license }} |
19 | | - <br> |
| 27 | + </p> |
| 28 | + <p style="margin-top:10px"> |
| 29 | + {{ site.license }}<br> |
20 | 30 | {{ site.disclaimer }} |
21 | 31 | </p> |
22 | | - </div><!-- /.large-6.columns --> |
23 | | - |
| 32 | + </div> |
24 | 33 |
|
25 | | - <div class="small-6 medium-3 large-3 large-offset-1 columns"> |
| 34 | + <!-- Col 2: Links --> |
| 35 | + <div class="small-6 medium-3 large-3 columns" style="padding-left:20px"> |
26 | 36 | {% for service_item in site.data.services %} |
27 | 37 | {% if forloop.first == true %} |
28 | | - <h5 class="shadow-black">{{ service_item.menu_name }}</h5> |
| 38 | + <h5>{{ service_item.menu_name }}</h5> |
29 | 39 | {% endif %} |
30 | 40 | {% endfor %} |
31 | | - |
32 | | - <ul class="no-bullet shadow-black"> |
| 41 | + <ul class="no-bullet"> |
33 | 42 | {% for service_item in site.data.services %} |
34 | 43 | {% if service_item.url contains 'http' %}{% assign domain = '' %}{% else %}{% capture domain %}{{ site.url }}{{ site.baseurl }}{% endcapture %}{% endif %} |
35 | | - <li {% if service_item.class %}class="{{ service_item.class }}" {% endif %}> |
36 | | - <a href="{{ domain }}{{ service_item.url }}" {% if service_item.url contains 'http' %}target="_blank" {% endif %} title="{{ service_item.title }}">{{ service_item.name }}</a> |
37 | | - </li> |
| 44 | + <li {% if service_item.class %}class="{{ service_item.class }}"{% endif %}> |
| 45 | + <a href="{{ domain }}{{ service_item.url }}" {% if service_item.url contains 'http' %}target="_blank" rel="noopener"{% endif %} title="{{ service_item.title }}"> |
| 46 | + {{ service_item.name }} |
| 47 | + </a> |
| 48 | + </li> |
38 | 49 | {% endfor %} |
39 | | - </ul> |
40 | | - </div><!-- /.large-4.columns --> |
41 | | - |
42 | | - |
| 50 | + </ul> |
| 51 | + </div> |
43 | 52 |
|
| 53 | + <!-- Col 3: Network + NSF Logo --> |
| 54 | + <div class="small-6 medium-4 large-4 columns"> |
| 55 | + <div style="margin-bottom:20px"> |
| 56 | + <img src="{{ site.urlimg }}nsf-transparent.png" alt="NSF Logo" style="width:180px;height:auto;opacity:.92;display:block;margin-bottom:14px"> |
| 57 | + <p style="font-size:.75rem;opacity:.5;margin:0">Funded by the National Science Foundation</p> |
| 58 | + </div> |
44 | 59 |
|
45 | | - <div class="small-6 medium-3 large-3 columns"> |
46 | | - <img src="{{ site.urlimg }}nsf-transparent.png" width="970"> <!-- add NSF logo IAC --> |
47 | 60 | {% for network_item in site.data.network %} |
48 | 61 | {% if forloop.first == true %} |
49 | | - <h5 class="shadow-black">{{ network_item.menu_name }}</h5> |
| 62 | + <h5>{{ network_item.menu_name }}</h5> |
50 | 63 | {% endif %} |
51 | 64 | {% endfor %} |
52 | | - |
53 | | - <ul class="no-bullet shadow-black"> |
| 65 | + <ul class="no-bullet"> |
54 | 66 | {% for network_item in site.data.network %} |
55 | 67 | {% if network_item.url contains 'http' %}{% assign domain = '' %}{% else %}{% capture domain %}{{ site.url }}{{ site.baseurl }}{% endcapture %}{% endif %} |
56 | | - <li {% if network_item.class %}class="{{ network_item.class }}" {% endif %}> |
57 | | - <a href="{{ domain }}{{ network_item.url }}" {% if network_item.url contains 'http' %}target="_blank" {% endif %} title="{{ network_item.title }}">{{ network_item.name }}</a> |
58 | | - </li> |
| 68 | + <li {% if network_item.class %}class="{{ network_item.class }}"{% endif %}> |
| 69 | + <a href="{{ domain }}{{ network_item.url }}" {% if network_item.url contains 'http' %}target="_blank" rel="noopener"{% endif %} title="{{ network_item.title }}"> |
| 70 | + {{ network_item.name }} |
| 71 | + </a> |
| 72 | + </li> |
59 | 73 | {% endfor %} |
60 | 74 | </ul> |
61 | | - </div><!-- /.large-3.columns --> |
62 | | - </div><!-- /.row --> |
| 75 | + </div> |
63 | 76 |
|
| 77 | + </div><!-- /.row --> |
64 | 78 | </div><!-- /#footer --> |
65 | 79 |
|
66 | | - |
| 80 | + <!-- Sub-footer --> |
67 | 81 | <div id="subfooter"> |
68 | | - <nav class="row"> |
| 82 | + <nav class="row" style="max-width:1200px;margin:0 auto;padding:0 16px"> |
69 | 83 | <section id="subfooter-left" class="small-12 medium-6 columns credits"> |
70 | 84 | {{ site.credits }} |
71 | 85 | </section> |
72 | | - |
73 | | - <section id="subfooter-right" class="small-12 medium-6 columns"> |
74 | | - <ul class="inline-list social-icons"> |
75 | | - {% for social_item in site.data.socialmedia %} |
76 | | - <li><a href="{{ social_item.url }}" target="_blank" class="{{ social_item.class }}" title="{{ social_item.title }}"></a></li> |
77 | | - {% endfor %} |
| 86 | + <section id="subfooter-right" class="small-12 medium-6 columns" style="text-align:right"> |
| 87 | + <ul class="inline-list social-icons" style="justify-content:flex-end"> |
| 88 | + {% for social_item in site.data.socialmedia %} |
| 89 | + <li><a href="{{ social_item.url }}" target="_blank" rel="noopener" class="{{ social_item.class }}" title="{{ social_item.title }}"></a></li> |
| 90 | + {% endfor %} |
78 | 91 | </ul> |
79 | 92 | </section> |
80 | 93 | </nav> |
81 | 94 | </div><!-- /#subfooter --> |
| 95 | + |
82 | 96 | </footer> |
0 commit comments