|
|
| Line 1: |
Line 1: |
| <div class="max-w-screen-lg mx-auto py-12 px-6"> | | <table style="width: 100%; max-width: 1024px; margin: 0 auto; border-collapse: separate; border-spacing: 16px; table-layout: fixed;"> |
| <!-- Community Grid -->
| | |
| <div class="grid-cols-3">
| | <!-- ROW 1 --> |
| <!-- Agoras Community -->
| | <tr> |
| [[Agoras Community|<div class="icon-box bg-red-500 text-white people"> <i class="fas fa-chevron-right"></i> <p>Agoras Community</p> </div>]] | | < td>[[Agoras Community|<div class="icon-box bg-red-500 text-white people"><i class="fas fa-chevron-right"></i><p>Agoras Community</p></div>]]</ td> |
| <!-- Videos -->
| | < td>[[Dialogic Design Science|<div class="icon-box bg-gray-300 text-gray-600 events"><i class="fas fa-calendar-alt"></i><p>Dialogic Design Science</p></div>]] </td> |
| [[Videos|<div class="icon-box bg-orange-400 text-white video"> <i class="fas fa-video"></i> <p>Videos</p> </div>]]
| | < td>[[ SDD Methodologies|<div class="icon-box bg- darkBrown-400 text-white methodologies"><i class="fas fa- newspaper"></i><p> SDD Methodologies</p></div>]] </td> |
| <!-- Events Calendar -->
| | </tr> |
| [[Dialogic Design Science|<div class="icon-box bg-gray-300 text-gray-600 events"> <i class="fas fa-calendar-alt"></i> <p>Dialogic Design Science</p> </div>]] | | |
| <!-- Conferences -->
| | <!-- ROW 2 --> |
| [[ Conferences|<div class="icon-box bg- blueGreen-400 text-white conferences"> <i class="fas fa- users"></i> <p> Conferences</p> </div>]] | | <tr> |
| <!-- Books -->
| | <td>[[Books and Book Chapters|<div class="icon-box bg-purple-500 text-white books"><i class="fas fa-book"></i><p>Books & Chapters</p></div>]] </td> |
| [[Books and Book Chapters|<div class="icon-box bg-purple-500 text-white books"> <i class="fas fa-book"></i> <p>Books & Chapters</p> </div>]] | | < td>[[Journal Articles|<div class="icon-box bg-blue-400 text-white journal"><i class="fas fa-newspaper"></i><p>Journal Articles</p></div>]] </td> |
| <!-- Journal Article -->
| | < td>[[ Case Studies|<div class="icon-box bg- almond-400 text- gray-600 bookclub"><i class="fas fa- book"></i><p> Case Studies</p></div>]]< /td> |
| [[Journal Articles|<div class="icon-box bg-blue-400 text-white journal"> <i class="fas fa-newspaper"></i> <p>Journal Articles</p> </div>]] | | </tr> |
| <!-- Methodologies -->
| | |
| [[ SDD Methodologies|<div class="icon-box bg- darkBrown-400 text- white methodologies"> <i class="fas fa- newspaper"></i> <p> SDD Methodologies</p> </div>]] | | <!-- ROW 3 --> |
| <!-- ISM Software -->
| | <tr> |
| [[ISM Software|<div class="icon-box bg-orange-400 text-white softwares"> <i class="fas fa-newspaper"></i> <p>ISM Software</p> </div>]]
| | < td>[[SDD Trainings|<div class="icon-box bg-magenta-400 text-white minisymposia"><i class="fas fa-newspaper"></i><p>SDD Trainings</p></div>]] </td> |
| <!-- Other tools -->
| | < td>[[ ISM Software|<div class="icon-box bg- orange-400 text-white softwares"><i class="fas fa-newspaper"></i><p> ISM Software</p></div>]] </td> |
| [[Other Tools|<div class="icon-box bg-red-500 text-white othertools"> <i class="fas fa-newspaper"></i> <p>Other tools</p> </div>]]
| | < td>[[ Videos|<div class="icon-box bg- orange-400 text- white video"><i class="fas fa- video"></i><p> Videos</p></div>]] </td> |
| <!-- SDD Trainings -->
| | </tr> |
| [[SDD Trainings|<div class="icon-box bg-magenta-400 text-white minisymposia"> <i class="fas fa-newspaper"></i> <p> SDD Trainings </p> </div>]] | | |
| <!-- Mini Symposia --> | | </table> |
| [[ Mini Symposia|<div class="icon-box bg- skyBlue-400 text-white minisymposia"> <i class="fas fa-newspaper"></i> <p> Mini Symposia</p> </div>]] | |
| <!-- Case Studies -->
| |
| [[ Case Studies|<div class="icon-box bg- almond-400 text- gray-600 bookclub"> <i class="fas fa- book"></i> <p> Case Studies</p> </div>]] | |
| </div>
| |
| </div>
| |
