Skip to content

Commit

Permalink
Change layout of members (#420)
Browse files Browse the repository at this point in the history 
* add apple logo
* change member logo layout
* add alignment for mobiles

---------
Signed-off-by: [email protected] <[email protected]>
  • Loading branch information
@bbrcknl
bbrcknl authored Jan 9, 2025
1 parent 2dd9e7e commit f899b1b
Show file tree
Hide file tree
Showing 3 changed files with 296 additions and 32 deletions.
225 changes: 207 additions & 18 deletions Foundation/Membership/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -20,11 +20,52 @@ <h1>
</p>
</div>
<h2>Premium Members</h2>
<div class="members">
<div class="members-3">
<div class="member3-pic1">
<a href="https://en.horizon.cc/">
<img src="LOGOS/Horizon_Robotics.svg" style="width: 150px"
alt="Horizon Robotics logo">
</a>
</div>
<div class="member3-name1">Horizon Robotics</div>
<div class="member3-info1"></div>

<div class="member3-pic2">
<a href="https://jumptrading.com/">
<img src="LOGOS/Jump-Trading.svg" style="width: 150px"
alt="Jump Trading logo">
</a>
</div>
<div class="member3-name2">Jump Trading</div>
<div class="member3-info3"></div>

<div class="member3-pic3">
<a href="http://nio.com/">
<img src="LOGOS/NIO.svg" style="width: 150px" alt="NIO logo">
</a>
</div>
<div class="member3-name3">NIO</div>
</div>

<div class="members-3">
<div class="member3-pic1">
<a href="https://unsw.edu.au/">
<img src="LOGOS/UNSW.svg" style="width: 150px" alt="UNSW logo">
</a>
</div>
<div class="member3-name1">UNSW Sydney</div>
<div class="member3-info1">Founding member
<br>
Endorsed Service Provider
</div>
</div>

<!-- Bad practise but the only way to get alignment working on mobile -->
<div class="members-1">
<div class="member">
<div class="member-pic">
<a href="https://en.horizon.cc/">
<img src="LOGOS/Horizon_Robotics.svg" style="width: 248px"
<img src="LOGOS/Horizon_Robotics.svg" style="width: 150px"
alt="Horizon Robotics logo">
</a>
</div>
Expand All @@ -36,7 +77,7 @@ <h2>Premium Members</h2>
<div class="member">
<div class="member-pic">
<a href="https://jumptrading.com/">
<img src="LOGOS/Jump-Trading.svg" style="width: 248px"
<img src="LOGOS/Jump-Trading.svg" style="width: 150px"
alt="Jump Trading logo">
</a>
</div>
Expand All @@ -47,8 +88,7 @@ <h2>Premium Members</h2>
<div class="member">
<div class="member-pic">
<a href="http://nio.com/">
<!-- NIO PNG has width 248, better not scale -->
<img src="LOGOS/NIO.svg" style="width: 248px" alt="NIO logo">
<img src="LOGOS/NIO.svg" style="width: 150px" alt="NIO logo">
</a>
</div>
<div class="member-name">
Expand All @@ -59,7 +99,7 @@ <h2>Premium Members</h2>
<div class="member">
<div class="member-pic">
<a href="https://unsw.edu.au/">
<img src="LOGOS/UNSW.svg" style="width: 248px" alt="UNSW logo">
<img src="LOGOS/UNSW.svg" style="width: 150px" alt="UNSW logo">
</a>
</div>
<div class="member-name">
Expand All @@ -72,28 +112,111 @@ <h2>Premium Members</h2>
</div>
</div>
</div>
<h2>General Members</h2>
<div class="members">


<h2 style="padding-top:50px">General Members</h2>
<div class="members-3">
<div class="member3-pic1">
<a href="https://apple.com/">
<img src="LOGOS/apple.svg" style="width: 150px"
alt="Apple logo">
</a>
</div>
<div class="member3-name1">Apple</div>
<div class="member3-info1"></div>

<div class="member3-pic2">
<a href="https://cog.systems/">
<img src="LOGOS/Cog.jpg" style="width: 120px" alt="Cog logo">
</a>
</div>
<div class="member3-name2">Cog Systems Inc</div>
<div class="member3-info2">
Founding member
<br>
Endorsed Service Provider
</div>

<div class="member3-pic3">
<a href="https://dornerworks.com/">
<img src="LOGOS/DornerWorks.svg" style="width: 150px" alt="DornerWorks logo">
</a>
</div>
<div class="member3-name3">DornerWorks Ltd</div>
<div class="member3-info3">
Founding member
<br>
Endorsed Service Provider
</div>
</div>

<div class="members-3">
<div class="member3-pic1">
<a href="https://www.kry10.com/">
<img src="LOGOS/Kry10.svg" style="width: 150px" alt="Kry10 logo">
</a>
</div>
<div class="member3-name1">Kry10 Limited</div>
<div class="member3-info1">Endorsed Service Provider</div>

<div class="member3-pic2">
<a href="https://www.penten.com">
<img src="LOGOS/Penten.svg" style="width: 150px" alt="Penten logo">
</a>
</div>
<div class="member3-name2">Penten Pty Ltd</div>
<div class="member3-info2"></div>

<div class="member3-pic3">
<a href="https://proofcraft.systems">
<img src="LOGOS/proofcraft.svg" style="width: 150px" alt="Proofcraft logo">
</a>
</div>
<div class="member3-name3">Proofcraft Pty Ltd</div>
<div class="member3-info3">Endorsed Service Provider</div>
</div>

<div class="members-3">
<div class="member3-pic1">
<a href="https://www.rtx.com">
<img src="LOGOS/rtx.svg" style="width: 200px" alt="Raytheon logo">
</a>
</div>
<div class="member3-name1">RTX Corporation</div>
<div class="member3-info1"></div>

<div class="member3-pic2">
<a href="https://www.tii.ae">
<img src="LOGOS/TII.jpg" style="width: 150px"
alt="TII logo">
</a>
</div>
<div class="member3-name2">Technology Innovation Institute</div>
</div>

<!-- Bad practise but the only way to get alignment working on mobile -->
<div class="members-1">
<div class="member">
<div class="member-pic">
<a href="https://apple.com/">
<span style="font-size:36pt">Apple</span>
<img src="LOGOS/apple.svg" style="width: 150px"
alt="Apple logo">
</a>
</div>
<div class="member-name">
<div class="member-name" style="margin-top:-20px">
Apple
</div>
</div>
<div class="member">
<div class="member-pic">
<div class="member-pic" style="margin-top:-100px">
<a href="https://cog.systems/">
<img src="LOGOS/Cog.jpg" style="width: 150px" alt="Cog logo">
<img src="LOGOS/Cog.jpg" style="width: 120px" alt="Cog logo">
</a>
</div>
<div class="member-name">
<div class="member-name" style="margin-top:-10px">
Cog Systems Inc
</div>
<div class="member-info">
<div class="member-info" style="padding-bottom:30px">
Founding member
<br>
Endorsed Service Provider
Expand All @@ -108,7 +231,7 @@ <h2>General Members</h2>
<div class="member-name">
DornerWorks Ltd
</div>
<div class="member-info">
<div class="member-info" style="padding-bottom:30px">
Founding member
<br>
Endorsed Service Provider
Expand All @@ -123,7 +246,7 @@ <h2>General Members</h2>
<div class="member-name">
Kry10 Limited
</div>
<div class="member-info">
<div class="member-info" style="padding-bottom:20px">
Endorsed Service Provider
</div>
</div>
Expand Down Expand Up @@ -176,9 +299,75 @@ <h2>General Members</h2>
</div>
</div>


<h2>Associate Members</h2>
<div class="members">
<div class="member">
<div class="members-3">
<div class="member3-pic1">
<a href="https://autoware.org">
<img src="LOGOS/autoware.svg" style="width: 150px" alt="Autoware Foundation">
</a>
</div>
<div class="member3-name1">Autoware Foundation</div>

<div class="member3-pic2">
<a href="https://ethz.ch/en.html">
<img src="LOGOS/ETH-Zurich.svg" style="width: 150px" alt="ETH Zurich">
</a>
</div>
<div class="member3-name2">ETH Zurich</div>

<div class="member3-pic3">
<a href="https://www.k-state.edu/">
<img src="LOGOS/kansas-state.svg" style="width: 150px"
alt="Kansas State">
</a>
</div>
<div class="member3-name3">Kansas State University</div>
</div>

<div class="members-3">
<div class="member3-pic1">
<a href="https://www.lclark.edu/">
<img src="LOGOS/lewis-clark.svg" style="width: 120px"
alt="Lewis & Clark College">
</a>
</div>
<div class="member3-name1">Lewis & Clark College</div>

<div class="member3-pic2">
<a href="https://www.ncsc.gov.uk/">
<img src="LOGOS/NCSC.png" style="width: 170px" alt="NCSC">
</a>
</div>
<div class="member3-name2">NCSC</div>

<div class="member3-pic3">
<a href="https://riscv.org/">
<img src="LOGOS/RISC-V.svg" style="width: 150px" alt="RISC-V International">
</a>
</div>
<div class="member3-name3">RISC-V International</div>
</div>

<div class="members-3">
<div class="member3-pic1">
<a href="https://www.tum.de/en">
<img src="LOGOS/TU-Munich.svg" style="width: 120px" alt="TU Munich">
</a>
</div>
<div class="member3-name1">TU Munich</div>

<div class="member3-pic2">
<a href="https://ku.edu/">
<img src="LOGOS/ku-institute.svg" style="width: 150px" alt="KU Institute for Information Sciences logo">
</a>
</div>
<div class="member3-name2">University of Kansas</div>
</div>

<!-- Bad practise but the only way to get alignment working on mobile -->
<div class="members-1">
<div class="member">
<div class="member-pic">
<a href="https://autoware.org">
<img src="LOGOS/autoware.svg" style="width: 200px" alt="Autoware Foundation">
Expand Down
12 changes: 6 additions & 6 deletions Foundation/Summit/2024/index.html
View file
Original file line number Diff line number Diff line change
Expand Up @@ -457,22 +457,22 @@ <h3 id="summit-sponsors">
</div>
</div>
<div class="sponsors-2" id="two-sponsors-in-row">
<div class="sponsor2-item1">
<div class="sponsor2-pic1">
<a href="https://apple.com/">
<img src="../../Membership/LOGOS/apple.svg" style="width: 150px"
alt="Apple logo">
</a>
</div>
<div class="sponsor2-item2">
<div class="sponsor2-pic2">
<a href="https://www.nio.com">
<img src="../../Membership/LOGOS/NIO.svg" style="width: 150px;"
alt="NIO logo">
</a>
</div>
<div class="sponsor2-item3">Apple</div>
<div class="sponsor2-item4">NIO</div>
<div class="sponsor2-item5">Silver sponsor</div>
<div class="sponsor2-item6">Silver sponsor</div>
<div class="sponsor2-name1">Apple</div>
<div class="sponsor2-name2">NIO</div>
<div class="sponsor2-tier1">Silver sponsor</div>
<div class="sponsor2-tier2">Silver sponsor</div>
</div>

<div id="two-sponsors-in-col">
Expand Down
Loading

0 comments on commit f899b1b

Please sign in to comment.