45B_Catalyst_Extension/index.html at main · 45B-Cardano/45B_Catalyst_Extension · GitHub

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
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
<!DOCTYPE html>
<html>
  <head>
    <title>45B <> Catalyst Extension</title>
    <link rel="stylesheet" href="./output.css" />
  </head>
  <body>
    <script src="popup.js"></script>
    <div
      class="flex h-max w-[22rem] flex-col overflow-hidden border rounded font-sans"
    >
      <div
        class="h-14 w-full content-center bg-customBlue text-lg font-semibold"
      >
        <div class="border-full justify-center text-center">
          <p>45B <> Catalyst Extension</p>
        </div>
      </div>
      <!--  PREVIOUS BUTTON  -->
      <div class="w-full">
        <div class="flex justify-center pt-6 font-semibold">
          <div class="pr-1">
            <button
              class="group border-customBlue h-9 w-[7rem] content-center rounded-3xl border bg-customBlue text-center text-sm"
            >
              <span class="block group-hover:hidden">Previous</span>
              <span class="hidden group-hover:block text-gray-700"
                >Coming Soon</span
              >
            </button>
          </div>
          <!--  HIGHLIGHT BUTTON  -->
          <div id="read-content" class="pl-1">
            <button
              class="group border-customBlue h-9 w-20 p-1 rounded-3xl shadow-glow animate-pulseShadow bg-customBlue text-center text-sm"
            >
              Highlight
            </button>
          </div>
          <!--  NEXT BUTTON  -->
          <div class="pl-1">
            <button
              class="group border-customBlue h-9 w-[7rem] content-center rounded-3xl border bg-customBlue text-center text-sm"
            >
              <span class="block group-hover:hidden">Next</span>
              <span class="hidden group-hover:block text-gray-700"
                >Coming Soon</span
              >
            </button>
          </div>
        </div>

        <div id='result-div' class="grid-cols-14 px-4 pt-2 pb-4">
          <!-- <div
            class="hover:bg-blue-200 pl-2 pr-1 hover:rounded hover:font-semibold">
            What is the problem
          </div> -->
          <ul id="list">

          </ul>
          <code id='result'></code>
        </div>

        <div class="flex justify-center text-center">
          <div class="flex items-center pr-1">
            <input
              type="checkbox"
              name="extensionCheckbox"
              id="extensionCheckbox"
              class="h-3 w-3 hover:scale-[1.10]"
            />
          </div>
          <div>
            <label for="extensionCheckbox" class="text-[13px]"
              >Collapse thumbnails</label
            >
          </div>
        </div>

        <div class="px-4 pt-4">
          <div class="flex justify-between px-3 font-semibold">
            <div>
              <button
                class="duration-50 w-24 transform content-center rounded-xl border-x-transparent bg-customBlue p-1 text-center text-xs transition hover:shadow-lg"
              >
                Save To <br />
                My Favourites
              </button>
            </div>
            <div>
              <button
                class="duration-50 w-24 transform content-center rounded-xl border-x-transparent bg-customBlue p-1 text-center text-xs transition hover:shadow-lg"
              >
                Share this Proposal
              </button>
            </div>
            <div>
              <button
                class="duration-50 w-24 transform content-center rounded-xl border-x-transparent bg-customBlue p-1 text-center text-xs transition hover:shadow-lg"
              >
                Share All <br />
                My Favourites
              </button>
            </div>
          </div>
          <div class="pb-3 text-right">
            <a
              href=""
              class="text-xs text-blue-700 underline hover:font-semibold"
              >More options</a
            >
          </div>
        </div>
      </div>

      <div class="flex w-full bg-yellow-100 px-2 py-1">
        <div class="h-max w-max content-center pr-2">
          <img
            src="assets/45b_tag_sqr.png"
            alt="45B logo"
            class="max-h-[6rem] min-h-[6rem] min-w-[6rem] max-w-[6rem] rounded-full"
          />
        </div>

        <div class="w-max content-center py-1 pl-4">
          <p class="text-[13px] leading-snug">
            Share this
            <a href="https://github.com/45B-Cardano/45B_Catalyst_Extension" target="_blank" class="text-blue-700 underline">Browser Extension</a>!!
            <br />
            Get to know our proposals at
            <a
              href="https://45b.io"
              target="_blank"
              class="text-blue-700 underline hover:font-semibold"
              >45B.io</a
            >. Please consider voting for this and other ideas.
          </p>
        </div>
      </div>
    </div>
    <script src="main.js"></script>
  </body>
</html>