File size: 3,369 Bytes
cc5f7b7
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
<html><head>
    <!-- <link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bulma@0.9.3/css/bulma.min.css"> -->
    <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.15.4/css/all.css">
  <style>

    .link-block {

      border: 1px solid transparent;

      border-radius: 24px;

      background-color: rgba(54, 54, 54, 1);

      cursor: pointer !important;

    }

    .link-block:hover {

      background-color: rgba(54, 54, 54, 0.75) !important;

      cursor: pointer !important;

    }

    .external-link {

      display: inline-flex;

      align-items: center;

      height: 36px;

      line-height: 36px;

      padding: 0 16px;

      cursor: pointer !important;

    }

    .external-link,

    .external-link:hover {

      cursor: pointer !important;

    }

    a {

      text-decoration: none;

    }

  </style></head>
  
  <body>
    <div style="

        display: flex;

        flex-direction: column;

        justify-content: center;

        align-items: center;

        text-align: center;

        background: linear-gradient(45deg, #007bff 0%, #0056b3 100%);

        padding: 24px;

        gap: 24px;

        border-radius: 8px;

      ">
      <div style="

          display: flex;

          flex-direction: column;

          align-items: center;

          gap: 16px;

        ">
        <div style="display: flex; flex-direction: column; gap: 8px">
          <h1 style="

              font-size: 48px;

              color: #fafafa;

              margin: 0;

              font-family: 'Trebuchet MS', 'Lucida Sans Unicode',

                'Lucida Grande', 'Lucida Sans', Arial, sans-serif;

            ">
            UniMERNet
          </h1>
        </div>
      </div>
  
      <p style="

          margin: 0;

          line-height: 1.6rem;

          font-size: 16px;

          color: #fafafa;

          opacity: 0.8;

        ">
        A Universal Network for Real-World Mathematical Expression Recognition.<br>
      </p>
      <style>

        .link-block {

          display: inline-block;

        }

        .link-block + .link-block {

          margin-left: 20px;

        }

      </style>
  
      <div class="column has-text-centered">
        <div class="publication-links">
          <!-- Code Link. -->
          <span class="link-block">
            <a href="https://github.com/opendatalab/UniMERNet" class="external-link button is-normal is-rounded is-dark" style="text-decoration: none; cursor: pointer">
              <span class="icon" style="margin-right: 4px">
                <i class="fab fa-github" style="color: white; margin-right: 4px"></i>
              </span>
              <span style="color: white">Code</span>
            </a>
          </span>
  
          <!-- Paper Link. -->
          <span class="link-block">
            <a href="https://arxiv.org/pdf/2404.15254" class="external-link button is-normal is-rounded is-dark" style="text-decoration: none; cursor: pointer">
              <span class="icon" style="margin-right: 8px">
                <i class="fas fa-globe" style="color: white"></i>
              </span>
              <span style="color: white">Paper</span>
            </a>
          </span>
        </div>
      </div>
  
      <!-- New Demo Links -->
    </div>
  
  
  </body></html>