Add logos from wiki #76
Open
Conversation
This file contains hidden or bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
ml-evs
reviewed
Feb 28, 2025
Comment on lines
+1
to
+212
| id="circle27" /> | ||
| <circle | ||
| cx="16" | ||
| cy="7.947" | ||
| r="3.5" | ||
| fill="#9ed700" | ||
| id="circle29" /> | ||
| <circle | ||
| cx="38" | ||
| cy="7.947" | ||
| r="3.5" | ||
| fill="#9ed700" | ||
| id="circle31" /> | ||
| </g> | ||
| <g | ||
| id="inside" | ||
| transform="matrix(22.19563,0,0,22.19563,-31.793445,-94.256966)"> | ||
| <path | ||
| stroke="#ff414d" | ||
| d="M 27,39.5 16.175,33.25 m 0,0 v -12.5 m 0,0 L 27,14.5 m 0,0 10.825,6.25 m 0,0 v 12.5 m 0,0 L 27,39.5" | ||
| id="path34" /> | ||
| <circle | ||
| cx="27" | ||
| cy="39.5" | ||
| r="2.5" | ||
| fill="#ff414d" | ||
| id="circle36" /> | ||
| <circle | ||
| cx="16.174999" | ||
| cy="33.25" | ||
| r="2.5" | ||
| fill="#ff414d" | ||
| id="circle38" /> | ||
| <circle | ||
| cx="16.174999" | ||
| cy="20.75" | ||
| r="2.5" | ||
| fill="#ff414d" | ||
| id="circle40" /> | ||
| <circle | ||
| cx="27" | ||
| cy="14.5" | ||
| r="2.5" | ||
| fill="#ff414d" | ||
| id="circle42" /> | ||
| <circle | ||
| cx="37.825001" | ||
| cy="20.75" | ||
| r="2.5" | ||
| fill="#ff414d" | ||
| id="circle44" /> | ||
| <circle | ||
| cx="37.825001" | ||
| cy="33.25" | ||
| r="2.5" | ||
| fill="#ff414d" | ||
| id="circle46" /> | ||
| </g> | ||
| </g> | ||
| <style | ||
| id="style49"> | ||
| svg > * { | ||
| transform-origin: center; | ||
| --deg: 360deg; | ||
| --dur: 3s; | ||
| } | ||
|
|
||
| #inside { | ||
| animation: swing var(--dur) infinite; | ||
| } | ||
|
|
||
| #between { | ||
| animation: fade var(--dur) infinite; | ||
| opacity: 0; | ||
| } | ||
|
|
||
| #outside { | ||
| animation: swing var(--dur) infinite; | ||
| --deg: -360deg; | ||
| } | ||
|
|
||
| @keyframes fade { | ||
| 65% { | ||
| opacity: 0; | ||
| } | ||
| 100% { | ||
| opacity: 1; | ||
| } | ||
| } | ||
|
|
||
| @keyframes swing { | ||
| 75% { | ||
| transform: rotate(var(--deg)); | ||
| } | ||
| 100% { | ||
| transform: rotate(var(--deg)); | ||
| } | ||
| } | ||
| </style> | ||
| </svg> |
There was a problem hiding this comment.
Something strange is going on with this version of the animated SVG -- here's the one directly from the wiki page, which seems to work better? Or is this just a different version?
Suggested change
| <?xml version="1.0" encoding="UTF-8" standalone="no"?> | |
| <svg | |
| viewBox="0 0 1200 1200" | |
| version="1.1" | |
| id="svg51" | |
| sodipodi:docname="optimade_logo_notext.svg" | |
| width="1200" | |
| height="1200" | |
| inkscape:version="1.2.2 (b0a8486541, 2022-12-01)" | |
| xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" | |
| xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" | |
| xmlns="http://www.w3.org/2000/svg" | |
| xmlns:svg="http://www.w3.org/2000/svg"> | |
| <defs | |
| id="defs55" /> | |
| <sodipodi:namedview | |
| id="namedview53" | |
| pagecolor="#ffffff" | |
| bordercolor="#666666" | |
| borderopacity="1.0" | |
| inkscape:showpageshadow="2" | |
| inkscape:pageopacity="0.0" | |
| inkscape:pagecheckerboard="0" | |
| inkscape:deskcolor="#d1d1d1" | |
| showgrid="false" | |
| inkscape:zoom="0.58352273" | |
| inkscape:cx="955.40409" | |
| inkscape:cy="279.33788" | |
| inkscape:window-width="2560" | |
| inkscape:window-height="1371" | |
| inkscape:window-x="0" | |
| inkscape:window-y="32" | |
| inkscape:window-maximized="1" | |
| inkscape:current-layer="svg51" /> | |
| <g | |
| id="g363" | |
| transform="translate(32.511435,94.97494)"> | |
| <g | |
| id="between" | |
| transform="matrix(22.19563,0,0,22.19563,-31.793445,-94.256966)"> | |
| <path | |
| stroke="#9ed700" | |
| stroke-width="1.15" | |
| d="M 27,14.5 38,7.947" | |
| id="path2" /> | |
| <path | |
| stroke="#00acd9" | |
| stroke-width="1.15" | |
| d="M 37.825,33.25 38,46.053" | |
| id="path4" /> | |
| <path | |
| stroke="#7a2dd0" | |
| stroke-width="1.15" | |
| d="M 16.175,33.25 5,27" | |
| id="path6" /> | |
| </g> | |
| <g | |
| id="outside" | |
| transform="matrix(22.19563,0,0,22.19563,-31.793445,-94.256966)"> | |
| <path | |
| stroke="#00acd9" | |
| stroke-width="1.15" | |
| d="M 49,27 38,46.053" | |
| id="path9" /> | |
| <path | |
| stroke="#f1f1f1" | |
| stroke-width="2" | |
| d="M 38,46.053 H 16" | |
| id="path11" /> | |
| <path | |
| stroke="#7a2dd0" | |
| stroke-width="1.15" | |
| d="M 16,46.053 5,27" | |
| id="path13" /> | |
| <path | |
| stroke="#f1f1f1" | |
| stroke-width="2" | |
| d="M 5,27 16,7.947" | |
| id="path15" /> | |
| <path | |
| stroke="#9ed700" | |
| stroke-width="1.15" | |
| d="M 16,7.947 H 38" | |
| id="path17" /> | |
| <path | |
| stroke="#f1f1f1" | |
| stroke-width="2" | |
| d="M 38,7.947 49,27" | |
| id="path19" /> | |
| <circle | |
| cx="49" | |
| cy="27" | |
| r="3.5" | |
| fill="#00acd9" | |
| id="circle21" /> | |
| <circle | |
| cx="38" | |
| cy="46.053001" | |
| r="3.5" | |
| fill="#00acd9" | |
| id="circle23" /> | |
| <circle | |
| cx="16" | |
| cy="46.053001" | |
| r="3.5" | |
| fill="#7a2dd0" | |
| id="circle25" /> | |
| <circle | |
| cx="5" | |
| cy="27" | |
| r="3.5" | |
| fill="#7a2dd0" | |
| id="circle27" /> | |
| <circle | |
| cx="16" | |
| cy="7.947" | |
| r="3.5" | |
| fill="#9ed700" | |
| id="circle29" /> | |
| <circle | |
| cx="38" | |
| cy="7.947" | |
| r="3.5" | |
| fill="#9ed700" | |
| id="circle31" /> | |
| </g> | |
| <g | |
| id="inside" | |
| transform="matrix(22.19563,0,0,22.19563,-31.793445,-94.256966)"> | |
| <path | |
| stroke="#ff414d" | |
| d="M 27,39.5 16.175,33.25 m 0,0 v -12.5 m 0,0 L 27,14.5 m 0,0 10.825,6.25 m 0,0 v 12.5 m 0,0 L 27,39.5" | |
| id="path34" /> | |
| <circle | |
| cx="27" | |
| cy="39.5" | |
| r="2.5" | |
| fill="#ff414d" | |
| id="circle36" /> | |
| <circle | |
| cx="16.174999" | |
| cy="33.25" | |
| r="2.5" | |
| fill="#ff414d" | |
| id="circle38" /> | |
| <circle | |
| cx="16.174999" | |
| cy="20.75" | |
| r="2.5" | |
| fill="#ff414d" | |
| id="circle40" /> | |
| <circle | |
| cx="27" | |
| cy="14.5" | |
| r="2.5" | |
| fill="#ff414d" | |
| id="circle42" /> | |
| <circle | |
| cx="37.825001" | |
| cy="20.75" | |
| r="2.5" | |
| fill="#ff414d" | |
| id="circle44" /> | |
| <circle | |
| cx="37.825001" | |
| cy="33.25" | |
| r="2.5" | |
| fill="#ff414d" | |
| id="circle46" /> | |
| </g> | |
| </g> | |
| <style | |
| id="style49"> | |
| svg > * { | |
| transform-origin: center; | |
| --deg: 360deg; | |
| --dur: 3s; | |
| } | |
| #inside { | |
| animation: swing var(--dur) infinite; | |
| } | |
| #between { | |
| animation: fade var(--dur) infinite; | |
| opacity: 0; | |
| } | |
| #outside { | |
| animation: swing var(--dur) infinite; | |
| --deg: -360deg; | |
| } | |
| @keyframes fade { | |
| 65% { | |
| opacity: 0; | |
| } | |
| 100% { | |
| opacity: 1; | |
| } | |
| } | |
| @keyframes swing { | |
| 75% { | |
| transform: rotate(var(--deg)); | |
| } | |
| 100% { | |
| transform: rotate(var(--deg)); | |
| } | |
| } | |
| </style> | |
| </svg> | |
| <?xml version="1.0"?> | |
| <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 55 55"> | |
| <g id="between"> | |
| <path stroke="#9ed700" stroke-width="1.15" d="m27 14.5 11-6.553"/> | |
| <path stroke="#00acd9" stroke-width="1.15" d="M37.825 33.25 38 46.053"/> | |
| <path stroke="#7a2dd0" stroke-width="1.15" d="M16.175 33.25 5 27"/> | |
| </g> | |
| <g id="outside"> | |
| <path stroke="#00acd9" stroke-width="1.15" d="M49 27 38 46.053"/> | |
| <path stroke="#f1f1f1" stroke-width="2" d="M38 46.053H16"/> | |
| <path stroke="#7a2dd0" stroke-width="1.15" d="M16 46.053 5 27"/> | |
| <path stroke="#f1f1f1" stroke-width="2" d="M5 27 16 7.947"/> | |
| <path stroke="#9ed700" stroke-width="1.15" d="M16 7.947h22"/> | |
| <path stroke="#f1f1f1" stroke-width="2" d="M38 7.947 49 27"/> | |
| <circle cx="49" cy="27" r="3.5" fill="#00acd9"/> | |
| <circle cx="38" cy="46.053" r="3.5" fill="#00acd9"/> | |
| <circle cx="16" cy="46.053" r="3.5" fill="#7a2dd0"/> | |
| <circle cx="5" cy="27" r="3.5" fill="#7a2dd0"/> | |
| <circle cx="16" cy="7.947" r="3.5" fill="#9ed700"/> | |
| <circle cx="38" cy="7.947" r="3.5" fill="#9ed700"/> | |
| </g> | |
| <g id="inside"> | |
| <path stroke="#ff414d" d="m27 39.5-10.825-6.25M16.175 33.25v-12.5M16.175 20.75 27 14.5M27 14.5l10.825 6.25M37.825 20.75v12.5M37.825 33.25 27 39.5"/> | |
| <circle cx="27" cy="39.5" r="2.5" fill="#ff414d"/> | |
| <circle cx="16.175" cy="33.25" r="2.5" fill="#ff414d"/> | |
| <circle cx="16.175" cy="20.75" r="2.5" fill="#ff414d"/> | |
| <circle cx="27" cy="14.5" r="2.5" fill="#ff414d"/> | |
| <circle cx="37.825" cy="20.75" r="2.5" fill="#ff414d"/> | |
| <circle cx="37.825" cy="33.25" r="2.5" fill="#ff414d"/> | |
| </g> | |
| <style> | |
| svg > * { | |
| transform-origin: center; | |
| --deg: 360deg; | |
| --dur: 3s; | |
| } | |
| #inside { | |
| animation: sving var(--dur) infinite; | |
| } | |
| #between { | |
| animation: fade var(--dur) infinite; | |
| opacity: 0; | |
| } | |
| #outside { | |
| animation: sving var(--dur) infinite; | |
| --deg: -360deg; | |
| } | |
| @keyframes fade { | |
| 65% { | |
| opacity: 0; | |
| } | |
| 100% { | |
| opacity: 1; | |
| } | |
| } | |
| @keyframes sving { | |
| 75% { | |
| transform: rotate(var(--deg)); | |
| } | |
| 100% { | |
| transform: rotate(var(--deg)); | |
| } | |
| } | |
| </style> | |
| </svg> |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
Add this suggestion to a batch that can be applied as a single commit.
This suggestion is invalid because no changes were made to the code.
Suggestions cannot be applied while the pull request is closed.
Suggestions cannot be applied while viewing a subset of changes.
Only one suggestion per line can be applied in a batch.
Add this suggestion to a batch that can be applied as a single commit.
Applying suggestions on deleted lines is not supported.
You must change the existing code in this line in order to create a valid suggestion.
Outdated suggestions cannot be applied.
This suggestion has been applied or marked resolved.
Suggestions cannot be applied from pending reviews.
Suggestions cannot be applied on multi-line comments.
Suggestions cannot be applied while the pull request is queued to merge.
Suggestion cannot be applied right now. Please check back later.
@ml-evs I'd like to add the logos from the OPTIMADE wiki so that they can be referenced with somewhat sane URLs from our other pages.