main

分支 (3)

管理

管理

main

homePage

test

gmp2024_vue
/
table.html

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <style>
      table {
        border-collapse: collapse;
        border-spacing: 100px;
      }
      td {
        text-align: center;
        color: white;
        border: 2px solid white;
        padding-top: 0.5rem;
        padding-bottom: 0.5rem;
        font-weight: bold;
        /* font-size: 1rem; */
      }
      .eventTitle {
        font-size: 1.3rem;
      }
      .date {
        font-weight: bold;
        color: black;
      }
      .keynote {
        background-color: #003366;
      }
      .session {
        background-color: #99ccff;
      }
      .talk {
        background-color: #336699;
      }
      .opening {
        background-color: #6699cc;
      }
      .break {
        background-color: #e0e0e0;
      }
      .other {
        background-color: #f2f2f2;
      }
      a {
        text-decoration: none;
        color: inherit;
      }
    </style>
  </head>
  <body>
    <table style="width: 100%">
      <tr>
        <th>
          <a href="#test">Date</a>
        </th>
        <th colspan="5">Morning</th>
        <th colspan="6">Afternoon</th>
        <th>Evening</th>
      </tr>
      <tr>
        <td rowspan="2" class="date" style="width: 5%">
          <div>Jun.5</div>
          <div>Wednesday</div>
        </td>
        <td class="opening eventTitle" style="width: 7%">
          <a href="#Opening">Opening</a>
        </td>
        <td rowspan="2" class="session" style="width: 8%">
          <a href="#Session 1">
            <div class="eventTitle">Session 1</div>
            <div>Generation</div>
            <div>10:05-10:35</div>
          </a>
        </td>
        <td rowspan="8" class="break" style="width: 0.5%"></td>
        <td rowspan="2" class="talk" style="width: 8%">
          <a href="#Invited Talk 1"
            ><div class="eventTitle">Invited Talk 1</div>
            <div>11:00-11:40</div></a
          >
        </td>
        <td rowspan="2" class="session" style="width: 8%">
          <a href="#Session 2"
            ><div class="eventTitle">Session 2</div>
            <div>Learning Techniques</div>
            <div>11:40-12:35</div></a
          >
        </td>
        <td rowspan="6" class="break" style="width: 1%"></td>
        <td rowspan="2" class="talk" style="width: 6%">
          <a href="#Invited Talk 2">
            <div class="eventTitle">Invited Talk 2</div>
            <div>14:00-14:40</div></a
          >
        </td>
        <td rowspan="2" class="session" style="width: 8%">
          <a href="#Session 3"
            ><div class="eventTitle">Session 3</div>
            <div>Neural Feature Descriptors</div>
            <div>14:40-15:45</div></a
          >
        </td>
        <td rowspan="2" class="break" style="width: 0.5%"></td>
        <td rowspan="2" class="talk" style="width: 6%">
          <a href="#Invited Talk 3"
            ><div class="eventTitle">Invited Talk 3</div>
            <div>16:15-16:55</div></a
          >
        </td>
        <td rowspan="2" class="session" style="width: 6%">
          <a href="#Session 4"
            ><div class="eventTitle">Session 4</div>
            <div>Interpolation</div>
            <div>16:55-17:50</div></a
          >
        </td>
        <td rowspan="2" class="other" style="width: 6%"></td>
      </tr>
      <tr>
        <td class="keynote">
          <a href="#Keynote Talk 1">
            <div class="eventTitle">Keynote Talk 1</div>
            <div>09:15-10:05</div></a
          >
        </td>
      </tr>
      <tr>
        <td rowspan="2" class="date">
          <div>Jun. 6</div>
          <div>Thursday</div>
        </td>
        <td rowspan="2" class="keynote">
          <a href="#Keynote Talk 2">
            <div class="eventTitle">Keynote Talk 2</div>
            <div>09:00-09:50</div></a
          >
        </td>
        <td rowspan="2" class="talk">
          <a href="#Invited Talk 4">
            <div class="eventTitle">Invited Talk 4</div>
            <div>09:50-10:30</div></a
          >
        </td>
        <!-- <td rowspan="2" class="break"></td> -->
        <td rowspan="2" class="talk">
          <a href="#Invited Talk 5">
            <div class="eventTitle">Invited Talk 5</div>
            <div>10:55-11:35</div></a
          >
        </td>
        <td rowspan="2" class="session">
          <a href="#Session 5">
            <div class="eventTitle">Session 5</div>
            <div>Shape Synthesis</div>
            <div>11:35-12:30</div></a
          >
        </td>
        <!-- <td rowspan="2" class="break"></td> -->
        <td rowspan="2" colspan="5" class="talk">
          <a href="#Open Discussion">
            <div class="eventTitle">Open Discussion</div>
            <div>14:00-18:00</div></a
          >
        </td>
        <td rowspan="2" class="opening">
          <a href="#Banquet"
            ><div class="eventTitle">Banquet</div>
            <div>18:00-21:00</div></a
          >
        </td>
      </tr>
      <tr></tr>
      <tr>
        <td rowspan="2" class="date">
          <div>Jun. 7</div>
          <div>Friday</div>
        </td>
        <td rowspan="2" class="keynote">
          <a href="#Keynote Talk 3">
            <div class="eventTitle">Keynote Talk 3</div>
            <div>09:00-09:50</div></a
          >
        </td>
        <td rowspan="2" class="session">
          <a href="#Session 6">
            <div class="eventTitle">Session 6</div>
            <div>Reconstruction</div>
            <div>09:50-10:30</div></a
          >
        </td>
        <!-- <td rowspan="2" class="break"></td> -->
        <td rowspan="2" class="talk">
          <a href="#Invited Talk 6">
            <div class="eventTitle">Invited Talk 6</div>
            <div>10:55-11:35</div></a
          >
        </td>
        <td rowspan="2" class="session">
          <a href="#Session 7"
            ><div class="eventTitle">Session 7</div>
            <div>Fitting</div>
            <div>11:35-12:30</div></a
          >
        </td>
        <!-- <td rowspan="2" class="break"></td> -->
        <td rowspan="2" class="talk">
          <a href="#Invited Talk 7"
            ><div class="eventTitle">Invited Talk 7</div>
            <div>14:00-14:40</div></a
          >
        </td>
        <td rowspan="2" class="session">
          <a href="#Session 8">
            <div class="eventTitle">Session 8</div>
            <div>Meshing</div>
            <div>14:40-15:45</div></a
          >
        </td>
        <td rowspan="2" class="break"></td>
        <td rowspan="2" class="talk">
          <a href="#Invited Talk 8">
            <div class="eventTitle">Invited Talk 8</div>
            <div>16:15-16:55</div></a
          >
        </td>
        <td rowspan="2" class="session">
          <a href="#Session 9">
            <div class="eventTitle">Session 9</div>
            <div>Geometric Computation</div>
            <div>16:55-18:00</div></a
          >
        </td>
        <td rowspan="2" class="talk">
          <a href="#Industry Panel"
            ><div class="eventTitle">Industry Panel</div>
            <div>19:00-21:00</div></a
          >
        </td>
      </tr>
      <tr></tr>
      <tr>
        <td rowspan="2" class="date">
          <div>Jun. 8</div>
          <div>Saturday</div>
        </td>
        <td rowspan="2" class="talk">
          <a href="#Invited Talk 9"
            ><div class="eventTitle">Invited Talk 9</div>
            <div>09:00-09:40</div></a
          >
        </td>
        <td rowspan="2" class="session">
          <a href="#Session 10">
            <div class="eventTitle">Session 10</div>
            <div>Wrapping & Collision</div>
            <div>09:40-10:20</div></a
          >
        </td>
        <!-- <td rowspan="2" class="break"></td> -->
        <td rowspan="2" class="session">
          <a href="#Session 11">
            <div class="eventTitle">Session 11</div>
            <div>Neural Network for Points, Meshes, and Volumes</div>
            <div>10:45-11:25</div></a
          >
        </td>
        <td rowspan="2" class="opening">
          <a href="#Closing">
            <div class="eventTitle">Closing</div>
            <div>11:25-11:50</div></a
          >
        </td>
        <td rowspan="2" colspan="7" class="other"></td>
      </tr>
    </table>
  </body>
</html>