|
Tags: Replaced Manual revert |
Line 1: |
Line 1: |
| [[/Special Issue 25 |Special Issue 25]] | | [[/Special Issue 25 |Special Issue 25]] |
|
| |
|
| |
| <div style="font-family: Arial, sans-serif; max-width: 800px; margin: 0 auto; padding: 20px; background-color: #f0f0f0;">
| |
| <h1 style="text-align: center; color: #333;">My Web of Interests</h1>
| |
|
| |
| <table style="width: 100%; border-collapse: separate; border-spacing: 10px;">
| |
| <tr>
| |
| <td style="width: 33%; text-align: center; vertical-align: middle; background-color: #fff; border: 1px solid #333; padding: 10px; border-radius: 10px;">
| |
| Physical Publishing
| |
| <br>↓←
| |
| </td>
| |
| <td style="width: 33%; text-align: center; vertical-align: middle; background-color: #fff; border: 1px solid #333; padding: 10px; border-radius: 10px;">
| |
| ↑
| |
| <br>Art Labour Archive
| |
| <br>↓←
| |
| </td>
| |
| <td style="width: 33%; text-align: center; vertical-align: middle; background-color: #fff; border: 1px solid #333; padding: 10px; border-radius: 10px;">
| |
| Sound Recording
| |
| <br>↓→
| |
| </td>
| |
| </tr>
| |
| <tr>
| |
| <td style="text-align: center; vertical-align: middle; background-color: #fff; border: 1px solid #333; padding: 10px; border-radius: 10px;">
| |
| ↑→
| |
| <br>Collective Organization
| |
| <br>↓
| |
| </td>
| |
| <td style="text-align: center; vertical-align: middle; background-color: #fff; border: 1px solid #333; padding: 10px; border-radius: 10px;">
| |
| ↑→←
| |
| <br>Course Assignments
| |
| <br>↓→←
| |
| </td>
| |
| <td style="text-align: center; vertical-align: middle; background-color: #fff; border: 1px solid #333; padding: 10px; border-radius: 10px;">
| |
| ↑←
| |
| <br>Personal Projects
| |
| <br>↓
| |
| </td>
| |
| </tr>
| |
| <tr>
| |
| <td style="text-align: center; vertical-align: middle; background-color: #fff; border: 1px solid #333; padding: 10px; border-radius: 10px;">
| |
| ↑
| |
| <br>Skills Development
| |
| </td>
| |
| <td style="text-align: center; vertical-align: middle; background-color: #fff; border: 1px solid #333; padding: 10px; border-radius: 10px;">
| |
| ↑
| |
| <br>Course Journal
| |
| </td>
| |
| <td style="text-align: center; vertical-align: middle; background-color: #fff; border: 1px solid #333; padding: 10px; border-radius: 10px;">
| |
| ↑
| |
| <br>Future Goals
| |
| </td>
| |
| </tr>
| |
| </table>
| |
|
| |
| <div style="margin-top: 20px; background-color: #fff; border: 1px solid #333; padding: 15px; border-radius: 10px;">
| |
| <h2 style="color: #333;">About My Web</h2>
| |
| <p>This web represents the interconnected nature of my interests and work. Each node is a key area of focus, with arrows showing how they relate to each other. Click on a topic to learn more:</p>
| |
| <ul>
| |
| <li><a href="#publishing">Physical Publishing</a></li>
| |
| <li><a href="#archive">Art Labour Archive</a></li>
| |
| <li><a href="#sound">Sound Recording</a></li>
| |
| <li><a href="#collective">Collective Organization</a></li>
| |
| <li><a href="#assignments">Course Assignments</a></li>
| |
| <li><a href="#projects">Personal Projects</a></li>
| |
| </ul>
| |
| </div>
| |
|
| |
| <div id="publishing" style="margin-top: 20px; background-color: #fff; border: 1px solid #333; padding: 15px; border-radius: 10px;">
| |
| <h3>Physical Publishing</h3>
| |
| <p>My work in physical publishing involves creating tangible media and exploring innovative distribution methods.</p>
| |
| </div>
| |
|
| |
| <!-- Repeat similar divs for other topics -->
| |
|
| |
| </div>
| |