1- <!DOCTYPE html> < html > < head > < script type ="importmap "> {
1+ <!DOCTYPE html> < html > < head >
2+ < script type ="importmap "> {
23 "imports" : {
34 "@glidejs/glide" : "https://esm.sh/@glidejs/glide@3.7.1" ,
45 "@glidejs/glide/" : "https://esm.sh/@glidejs/glide@3.7.1/" ,
56 "@repobit/dex-data-layer" : "https://esm.sh/@repobit/dex-data-layer@2.1.8" ,
67 "@repobit/dex-data-layer/" : "https://esm.sh/@repobit/dex-data-layer@2.1.8/" ,
7- "@repobit/dex-launch" : "https://esm.sh/@repobit/dex-launch@2.1.8 " ,
8- "@repobit/dex-launch/" : "https://esm.sh/@repobit/dex-launch@2.1.8 /" ,
8+ "@repobit/dex-launch" : "https://esm.sh/@repobit/dex-launch@3.0.0 " ,
9+ "@repobit/dex-launch/" : "https://esm.sh/@repobit/dex-launch@3.0.0 /" ,
910 "@repobit/dex-system-design" : "https://esm.sh/@repobit/dex-system-design@0.22.11" ,
1011 "@repobit/dex-system-design/" : "https://esm.sh/@repobit/dex-system-design@0.22.11/" ,
1112 "@repobit/dex-target" : "https://esm.sh/@repobit/dex-target@2.12.10" ,
4546 </ script >
4647 < link rel ="stylesheet " href ="/_src/styles/styles.css " />
4748 < style >
48-
4949 : root {
5050 --fourofour-background-color : # f4f4f4 ;
5151 }
8787 }
8888
8989
90- /* Default styles (mobile-first) */
91-
92- main .link-section {
93- display : flex;
94- flex-direction : column;
95- align-items : center;
96- width : 90% ; /* Adjusted to fit smaller screens */
97- padding : 30px ;
98- margin : 0 auto;
99- border-radius : 12px ;
100- background-color : var (--fourofour-background-color );
101- }
102-
103- .link-section > div : first-child > p {
104- font-size : var (--body-font-size-xs );
105- font-weight : var (--font-weight-bold );
106- color : var (--color-dark-gray );
107- text-align : center;
108- text-decoration : none;
109- }
110-
111- .link-section > div : last-child {
112- margin-top : 1rem ;
113- column-count : 1 ;
114- width : 100% ;
115- display : flex;
116- flex-direction : column;
117- align-items : center;
118- }
119-
120- .link-section > div : last-child .button-container {
121- margin-bottom : 1rem ;
122- margin-top : 0 ;
123- }
124-
125- .link-section > div : last-child .button-container a {
126- background-color : transparent;
127- border : none;
128- color : var (--link-color );
129- padding : 0 ;
130- padding-left : 10px ;
131- text-align : center;
132- }
133-
134- .link-section > div : last-child .button-container a ::after {
135- background-color : var (--link-color );
136- opacity : 1 ;
137- margin : 0 ;
138- }
139-
140- @media (min-width : 992px ) {
141- main .link-section {
142- width : 50vw ;
143- max-width : 650px ;
144- }
90+ /* Default styles (mobile-first) */
14591
146- .link-section > div : last-child {
147- column-count : 2 ;
148- display : block;
149- align-items : initial;
150- }
151- }
92+ main .link-section {
93+ display : flex;
94+ flex-direction : column;
95+ align-items : center;
96+ width : 90% ;
97+ /* Adjusted to fit smaller screens */
98+ padding : 30px ;
99+ margin : 0 auto;
100+ border-radius : 12px ;
101+ background-color : var (--fourofour-background-color );
102+ }
103+
104+ .link-section > div : first-child > p {
105+ font-size : var (--body-font-size-xs );
106+ font-weight : var (--font-weight-bold );
107+ color : var (--color-dark-gray );
108+ text-align : center;
109+ text-decoration : none;
110+ }
111+
112+ .link-section > div : last-child {
113+ margin-top : 1rem ;
114+ column-count : 1 ;
115+ width : 100% ;
116+ display : flex;
117+ flex-direction : column;
118+ align-items : center;
119+ }
120+
121+ .link-section > div : last-child .button-container {
122+ margin-bottom : 1rem ;
123+ margin-top : 0 ;
124+ }
152125
126+ .link-section > div : last-child .button-container a {
127+ background-color : transparent;
128+ border : none;
129+ color : var (--link-color );
130+ padding : 0 ;
131+ padding-left : 10px ;
132+ text-align : center;
133+ }
134+
135+ .link-section > div : last-child .button-container a ::after {
136+ background-color : var (--link-color );
137+ opacity : 1 ;
138+ margin : 0 ;
139+ }
140+
141+ @media (min-width : 992px ) {
142+ main .link-section {
143+ width : 50vw ;
144+ max-width : 650px ;
145+ }
146+
147+ .link-section > div : last-child {
148+ column-count : 2 ;
149+ display : block;
150+ align-items : initial;
151+ }
152+ }
153153 </ style >
154154 < link rel ="stylesheet " href ="/_src/styles/lazy-styles.css " />
155155</ head >
@@ -171,4 +171,6 @@ <h2 class="error-message">Page Not Found</h2>
171171
172172
173173
174+
175+
174176</ body > </ html >
0 commit comments