Commit aecffd70 authored by Dan Allen's avatar Dan Allen Committed by Guillaume Grossetie
Browse files

add trademark symbol on logo in footer; add trademark statements to footer

- use AsciiDoc logo with trademark symbol in footer
- add trademark statements for AsciiDoc to footer
- refactor footer styles: align logo and social icons to vertical center; use line height on li; add opacity to copyright statement
parent 318887cc
......@@ -165,7 +165,7 @@
<div class="asciidoc">
<div class="category brand">
<div class="logo">
<img src="./assets/img/asciidoc-horizontal-white.svg" alt="AsciiDoc Logo" />
<img src="./assets/img/asciidoc-horizontal-white-r.svg" alt="AsciiDoc&reg; Logo" />
</div>
</div>
<div class="category work">
......@@ -234,7 +234,12 @@
</ul>
</div>
<div class="copyright">
Copyright © Eclipse Foundation. All Rights Reserved.
<p>
<span class="made">Made with AsciiDoc.</span>
<span class="copy">Copyright &copy; Eclipse Foundation.</span>
<span class="rights">All Rights Reserved.</span>
<span class="trademarks">AsciiDoc&reg; and AsciiDoc Language&trade; are trademarks of the Eclipse Foundation, Inc.</span>
</p>
</div>
<div class="social">
<ul>
......
......@@ -1349,11 +1349,17 @@ section.docs a:hover {
padding-left: 2rem;
}
.footer .asciidoc .brand {
display: flex;
align-items: center;
}
.footer .eclipse .copyright {
grid-row: 2;
grid-column: span 3;
padding-top: 4rem;
color: var(--gray-color-100);
color: var(--brand-color-100);
line-height: 1.5;
opacity: 0.5;
}
@media screen and (min-width: 480px) and (max-width: 767px) {
......@@ -1398,15 +1404,27 @@ section.docs a:hover {
.footer .eclipse .copyright {
grid-row: 3;
max-width: 225px;
line-height: 1.75rem;
padding-top: 0.25rem;
max-width: 80%;
}
.footer .eclipse .copyright span {
display: block;
}
.footer .eclipse .copyright span.made {
display: none;
}
.footer .eclipse .copyright span:not(.made) + span {
margin-top: 0.25em;
}
.footer .eclipse .social {
grid-row: 4;
grid-column: span 2;
justify-content: start;
padding-top: 0;
}
.footer .social ul {
......@@ -1420,6 +1438,11 @@ section.docs a:hover {
grid-template-columns: 150px 150px 150px 150px;
column-gap: 2rem;
}
.footer .eclipse .copyright span.trademarks {
display: block;
margin-top: 0.25em;
}
}
@media screen and (min-width: 1024px) {
......@@ -1451,34 +1474,37 @@ section.docs a:hover {
.footer .category ul {
display: grid;
row-gap: 0.5rem;
line-height: 1.5;
}
.footer .category li {
padding: 0.25em 0;
}
.footer a {
color: var(--brand-color-200);
text-decoration: none;
font-family: var(--brand-font-primary);
font-size: 0.875rem;
font-weight: 400;
line-height: 1.625rem;
}
.footer a:hover {
text-decoration: underline;
}
.footer .asciidoc .logo > img {
height: 2.75rem;
.footer .asciidoc .brand img {
vertical-align: middle;
max-height: 2.75rem;
}
.footer .social {
display: grid;
align-items: flex-end;
padding-top: 4em;
}
.footer .social ul {
display: grid;
grid-auto-flow: column;
justify-content: space-evenly;
align-items: center;
}
.footer .social-media-link {
......
<svg width="717" height="156" viewBox="0 0 717 156" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M14.0352 0.0340151L65.2419 89.2794H154.142C154.726 85.443 155.029 81.5142 155.029 77.5146C155.029 34.7045 120.325 0 77.5146 0H15.0553C14.7125 0 14.3723 0.0114591 14.0352 0.0340151Z" fill="white"/>
<path d="M0 28.5954L34.8189 89.2794H0V28.5954Z" fill="white"/>
<path d="M0 115.667V139.974C0 148.289 6.74049 155.029 15.0553 155.029H72.5444L49.9596 115.667H0Z" fill="white"/>
<path d="M100.906 151.437C119.727 145.487 135.441 132.549 145.005 115.667H80.3826L100.906 151.437Z" fill="white"/>
<path d="M194 121.778L231.362 28.9673H246.016L283.246 121.778H264.103L235.323 45.602H241.924L212.747 121.778H194ZM213.803 104.484V89.4331H263.707V104.484H213.803Z" fill="white"/>
<path d="M312.006 123.231C308.398 123.231 304.833 122.746 301.313 121.778C297.88 120.81 294.712 119.49 291.807 117.818C288.903 116.057 286.394 113.945 284.282 111.481L294.58 101.051C296.78 103.515 299.332 105.364 302.237 106.596C305.141 107.828 308.354 108.444 311.874 108.444C314.691 108.444 316.803 108.048 318.211 107.256C319.708 106.464 320.456 105.276 320.456 103.691C320.456 101.931 319.664 100.567 318.079 99.5987C316.583 98.6306 314.603 97.8385 312.138 97.2224C309.674 96.5182 307.078 95.7701 304.349 94.978C301.709 94.0978 299.156 92.9977 296.692 91.6775C294.228 90.2692 292.203 88.3769 290.619 86.0005C289.123 83.5361 288.375 80.3676 288.375 76.495C288.375 72.4463 289.343 68.9258 291.279 65.9333C293.303 62.9408 296.164 60.6084 299.861 58.9362C303.557 57.2639 307.914 56.4277 312.931 56.4277C318.211 56.4277 322.964 57.3519 327.189 59.2002C331.502 61.0485 335.066 63.8209 337.883 67.5175L327.453 77.9472C325.517 75.5708 323.316 73.8546 320.852 72.7984C318.476 71.7422 315.879 71.2141 313.063 71.2141C310.51 71.2141 308.53 71.6102 307.122 72.4023C305.801 73.1945 305.141 74.2946 305.141 75.7029C305.141 77.2871 305.889 78.5193 307.386 79.3995C308.97 80.2796 310.994 81.0717 313.459 81.7759C315.923 82.392 318.476 83.1401 321.116 84.0202C323.844 84.8123 326.397 85.9565 328.773 87.4528C331.238 88.949 333.218 90.9293 334.714 93.3937C336.298 95.8581 337.091 99.0266 337.091 102.899C337.091 109.148 334.846 114.121 330.357 117.818C325.869 121.426 319.752 123.231 312.006 123.231Z" fill="white"/>
<path d="M375.553 123.099C369.04 123.099 363.187 121.646 357.994 118.742C352.801 115.837 348.709 111.877 345.716 106.86C342.724 101.843 341.228 96.2102 341.228 89.9612C341.228 83.6241 342.724 77.9472 345.716 72.9304C348.709 67.9136 352.801 63.953 357.994 61.0485C363.275 58.056 369.128 56.5598 375.553 56.5598C380.57 56.5598 385.191 57.4839 389.415 59.3322C393.64 61.1805 397.293 63.8209 400.373 67.2535L389.283 78.4753C387.611 76.627 385.587 75.2188 383.21 74.2506C380.922 73.2825 378.37 72.7984 375.553 72.7984C372.385 72.7984 369.524 73.5465 366.972 75.0428C364.507 76.451 362.527 78.4313 361.031 80.9837C359.623 83.4481 358.918 86.3966 358.918 89.8292C358.918 93.1737 359.623 96.1662 361.031 98.8066C362.527 101.359 364.507 103.383 366.972 104.88C369.524 106.288 372.385 106.992 375.553 106.992C378.458 106.992 381.054 106.508 383.342 105.54C385.719 104.484 387.743 102.987 389.415 101.051L400.637 112.273C397.381 115.793 393.64 118.478 389.415 120.326C385.191 122.174 380.57 123.099 375.553 123.099Z" fill="white"/>
<path d="M407.131 121.778V58.012H424.558V121.778H407.131ZM415.844 47.7143C413.028 47.7143 410.696 46.7902 408.847 44.9419C406.999 43.0056 406.075 40.6292 406.075 37.8127C406.075 35.0843 406.999 32.7519 408.847 30.8156C410.696 28.8793 413.028 27.9111 415.844 27.9111C418.749 27.9111 421.081 28.8793 422.842 30.8156C424.69 32.7519 425.614 35.0843 425.614 37.8127C425.614 40.6292 424.69 43.0056 422.842 44.9419C421.081 46.7902 418.749 47.7143 415.844 47.7143Z" fill="white"/>
<path d="M436.578 121.778V58.012H454.005V121.778H436.578ZM445.291 47.7143C442.475 47.7143 440.142 46.7902 438.294 44.9419C436.446 43.0056 435.522 40.6292 435.522 37.8127C435.522 35.0843 436.446 32.7519 438.294 30.8156C440.142 28.8793 442.475 27.9111 445.291 27.9111C448.196 27.9111 450.528 28.8793 452.288 30.8156C454.137 32.7519 455.061 35.0843 455.061 37.8127C455.061 40.6292 454.137 43.0056 452.288 44.9419C450.528 46.7902 448.196 47.7143 445.291 47.7143Z" fill="white"/>
<path d="M479.151 121.778V105.804H502.783C508.768 105.804 514.005 104.572 518.493 102.107C522.982 99.5547 526.459 95.9902 528.923 91.4134C531.476 86.8367 532.752 81.4238 532.752 75.1748C532.752 69.1018 531.476 63.8209 528.923 59.3322C526.371 54.7555 522.85 51.2349 518.361 48.7705C513.873 46.2181 508.68 44.9419 502.783 44.9419H478.755V28.9673H503.047C509.912 28.9673 516.249 30.1115 522.058 32.3999C527.955 34.6882 533.06 37.9448 537.373 42.1694C541.773 46.3061 545.162 51.1909 547.538 56.8238C550.003 62.4567 551.235 68.6177 551.235 75.3068C551.235 81.9959 550.003 88.2009 547.538 93.9218C545.162 99.5547 541.817 104.484 537.505 108.708C533.192 112.845 528.087 116.057 522.19 118.346C516.381 120.634 510.088 121.778 503.311 121.778H479.151ZM466.873 121.778V28.9673H484.828V121.778H466.873Z" fill="white"/>
<path d="M589.322 123.099C582.897 123.099 577.088 121.646 571.896 118.742C566.791 115.749 562.698 111.745 559.618 106.728C556.625 101.623 555.129 95.9461 555.129 89.6971C555.129 83.4481 556.625 77.8592 559.618 72.9304C562.61 67.9136 566.703 63.953 571.896 61.0485C577.088 58.056 582.853 56.5598 589.19 56.5598C595.703 56.5598 601.512 58.056 606.617 61.0485C611.81 63.953 615.903 67.9136 618.895 72.9304C621.888 77.8592 623.384 83.4481 623.384 89.6971C623.384 95.9461 621.888 101.623 618.895 106.728C615.903 111.745 611.81 115.749 606.617 118.742C601.512 121.646 595.747 123.099 589.322 123.099ZM589.19 106.992C592.447 106.992 595.307 106.288 597.772 104.88C600.324 103.383 602.261 101.359 603.581 98.8066C604.989 96.1662 605.693 93.1737 605.693 89.8292C605.693 86.4846 604.989 83.5361 603.581 80.9837C602.172 78.4313 600.236 76.451 597.772 75.0428C595.307 73.5465 592.447 72.7984 589.19 72.7984C586.022 72.7984 583.205 73.5465 580.741 75.0428C578.277 76.451 576.34 78.4313 574.932 80.9837C573.524 83.5361 572.82 86.4846 572.82 89.8292C572.82 93.1737 573.524 96.1662 574.932 98.8066C576.34 101.359 578.277 103.383 580.741 104.88C583.205 106.288 586.022 106.992 589.19 106.992Z" fill="white"/>
<path d="M662.318 123.099C655.805 123.099 649.952 121.646 644.76 118.742C639.567 115.837 635.474 111.877 632.482 106.86C629.489 101.843 627.993 96.2102 627.993 89.9612C627.993 83.6241 629.489 77.9472 632.482 72.9304C635.474 67.9136 639.567 63.953 644.76 61.0485C650.04 58.056 655.893 56.5598 662.318 56.5598C667.335 56.5598 671.956 57.4839 676.181 59.3322C680.405 61.1805 684.058 63.8209 687.138 67.2535L676.049 78.4753C674.376 76.627 672.352 75.2188 669.976 74.2506C667.687 73.2825 665.135 72.7984 662.318 72.7984C659.15 72.7984 656.289 73.5465 653.737 75.0428C651.273 76.451 649.292 78.4313 647.796 80.9837C646.388 83.4481 645.684 86.3966 645.684 89.8292C645.684 93.1737 646.388 96.1662 647.796 98.8066C649.292 101.359 651.273 103.383 653.737 104.88C656.289 106.288 659.15 106.992 662.318 106.992C665.223 106.992 667.819 106.508 670.108 105.54C672.484 104.484 674.508 102.987 676.181 101.051L687.402 112.273C684.146 115.793 680.405 118.478 676.181 120.326C671.956 122.174 667.335 123.099 662.318 123.099Z" fill="white"/>
<path d="M696.702 37.7288C696.702 35.125 697.738 32.6278 699.583 30.7866C701.429 28.9455 703.931 27.9111 706.541 27.9111C709.15 27.9111 711.653 28.9455 713.498 30.7866C715.343 32.6278 716.379 35.125 716.379 37.7288V37.7288C716.379 40.3326 715.343 42.8297 713.498 44.6709C711.653 46.5121 709.15 47.5464 706.541 47.5464C703.931 47.5464 701.429 46.5121 699.583 44.6709C697.738 42.8297 696.702 40.3326 696.702 37.7288ZM715.241 37.7288C715.241 35.4263 714.324 33.2181 712.693 31.59C711.061 29.9619 708.848 29.0472 706.541 29.0472C704.233 29.0472 702.02 29.9619 700.388 31.59C698.757 33.2181 697.84 35.4263 697.84 37.7288V37.7288C697.817 38.8782 698.026 40.0205 698.454 41.0878C698.882 42.1551 699.521 43.1256 700.333 43.9415C701.145 44.7575 702.112 45.4022 703.179 45.8373C704.245 46.2725 705.388 46.4892 706.541 46.4746C707.7 46.4804 708.848 46.2561 709.92 45.8148C710.991 45.3736 711.964 44.7242 712.781 43.9043C713.599 43.0845 714.245 42.1107 714.682 41.0394C715.119 39.9682 715.338 38.821 715.327 37.6645L715.241 37.7288ZM702.48 32.4341H707.443C709.827 32.4341 711.567 33.5059 711.567 35.821C711.601 36.5375 711.386 37.2436 710.96 37.8211C710.534 38.3986 709.921 38.8125 709.226 38.9935L711.739 42.5733H708.753L706.605 39.3579H705.015V42.5733H702.545L702.48 32.4341ZM707.099 37.3858C708.238 37.3858 708.861 36.8285 708.861 35.9925C708.861 35.1565 708.173 34.5777 707.099 34.5777H704.951V37.3858H707.099Z" fill="white"/>
</svg>
Markdown is supported
0% or .
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment