Skip to content
GitLab
Explore
Sign in
Primary navigation
Search or go to…
Project
C
Closing the Gap in Non-Latin Script
Manage
Activity
Members
Labels
Plan
Issues
Issue boards
Milestones
Iterations
Wiki
Requirements
Code
Merge requests
Repository
Branches
Commits
Tags
Repository graph
Compare revisions
Snippets
Locked files
Build
Pipelines
Jobs
Pipeline schedules
Test cases
Artifacts
Deploy
Releases
Package registry
Container registry
Model registry
Operate
Environments
Terraform modules
Monitor
Incidents
Analyze
Value stream analytics
Contributor analytics
CI/CD analytics
Repository analytics
Code review analytics
Issue analytics
Insights
Model experiments
Help
Help
Support
GitLab documentation
Compare GitLab plans
Community forum
Contribute to GitLab
Provide feedback
Keyboard shortcuts
?
Snippets
Groups
Projects
Show more breadcrumbs
Multilingual Digital Humanities
Closing the Gap in Non-Latin Script
Commits
1a7d08e3
Commit
1a7d08e3
authored
3 years ago
by
Jonas Müller-Laackman
Browse files
Options
Downloads
Patches
Plain Diff
...
parent
71c7a540
No related branches found
No related tags found
No related merge requests found
Changes
3
Hide whitespace changes
Inline
Side-by-side
Showing
3 changed files
GUI/src/views/FormView.vue
+350
-0
350 additions, 0 deletions
GUI/src/views/FormView.vue
css/949.f9c7bd92.css
+1
-0
1 addition, 0 deletions
css/949.f9c7bd92.css
css/app.e656085d.css
+2
-0
2 additions, 0 deletions
css/app.e656085d.css
with
353 additions
and
0 deletions
GUI/src/views/FormView.vue
0 → 100644
+
350
−
0
View file @
1a7d08e3
<
template
>
<div
class=
"w-full"
>
<div
class=
"box m-5 rounded-2xl p-5"
>
<h3
class=
"text-xl"
>
Contribute (not yet working)
</h3>
<div
class=
"grid grid-cols-2 gap-y-1 gap-x-4 text-left"
>
<label
class=
"block col-span-2"
>
<span>
Name of the Editor (Surname, Forename)
</span>
<input
type=
"text"
class=
"mt-1 block w-full"
/>
</label>
<label
class=
"block col-span-2"
>
<span>
Name of the
{{
project
.
type
.
charAt
(
0
).
toUpperCase
()
+
project
.
type
.
slice
(
1
)
}}
</span>
<input
type=
"text"
class=
"mt-1 block w-full"
/>
</label>
<label
class=
"block"
>
<span>
Abbreviation*
</span>
<input
type=
"text"
class=
"mt-1 block w-full"
/>
</label>
<label
class=
"block"
>
<span>
Type
</span>
<select
class=
"mt-1 block w-full"
v-model=
"project.type"
>
<option
value=
"project"
>
Project
</option>
<option
value=
"organisation"
>
Organisation
</option>
</select>
</label>
<!-- Refs -->
<label
class=
"block col-span-2"
>
<span>
Authority File URIs of the
{{
project
.
type
.
charAt
(
0
).
toUpperCase
()
+
project
.
type
.
slice
(
1
)
}}
</span>
<div
class=
"flex flex-row"
v-for=
"(ref, refKey) in project.ref"
:key=
"refKey"
>
<svg
@
click=
"project.ref.push('')"
xmlns=
"http://www.w3.org/2000/svg"
class=
"h-6 w-6 mr-1 my-auto"
fill=
"none"
viewBox=
"0 0 24 24"
stroke=
"currentColor"
stroke-width=
"2"
>
<path
stroke-linecap=
"round"
stroke-linejoin=
"round"
d=
"M12 9v3m0 0v3m0-3h3m-3 0H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"
/>
</svg>
<svg
v-if=
"project.ref.length > 1"
@
click=
"project.ref.splice(refKey, 1)"
xmlns=
"http://www.w3.org/2000/svg"
class=
"h-6 w-6 mr-1 my-auto"
fill=
"none"
viewBox=
"0 0 24 24"
stroke=
"currentColor"
stroke-width=
"2"
>
<path
stroke-linecap=
"round"
stroke-linejoin=
"round"
d=
"M15 12H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"
/>
</svg>
<input
type=
"text"
class=
"mt-1 left w-full"
v-model=
"project.ref[refKey]"
/>
</div>
</label>
<!-- Funding periods -->
<label
class=
"block col-span-2"
>
<span>
Funding periods
</span>
<div
class=
"flex flex-row"
v-for=
"(date, dateKey) in project.date"
:key=
"dateKey"
>
<svg
@
click=
"project.date.push(
{ from: '', to: '' })"
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6 mr-1 my-auto"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
stroke-width="2">
<path
stroke-linecap=
"round"
stroke-linejoin=
"round"
d=
"M12 9v3m0 0v3m0-3h3m-3 0H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"
/>
</svg>
<svg
v-if=
"project.date.length > 1"
@
click=
"project.date.splice(dateKey, 1)"
xmlns=
"http://www.w3.org/2000/svg"
class=
"h-6 w-6 mr-1 my-auto"
fill=
"none"
viewBox=
"0 0 24 24"
stroke=
"currentColor"
stroke-width=
"2"
>
<path
stroke-linecap=
"round"
stroke-linejoin=
"round"
d=
"M15 12H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"
/>
</svg>
<input
type=
"text"
class=
"mt-1 left"
v-model=
"project.date[dateKey].from"
/>
<span
class=
"my-auto mx-2"
>
to
</span>
<input
type=
"text"
class=
"mt-1 right"
v-model=
"project.date[dateKey].to"
/>
</div>
</label>
<!-- Websites -->
<label
class=
"block col-span-2"
>
<span>
Websites of the
{{
project
.
type
.
charAt
(
0
).
toUpperCase
()
+
project
.
type
.
slice
(
1
)
}}
</span>
<div
class=
"flex flex-row"
v-for=
"(website, websiteKey) in project.websites"
:key=
"websiteKey"
>
<svg
@
click=
"project.websites.push('')"
xmlns=
"http://www.w3.org/2000/svg"
class=
"h-6 w-6 mr-1 my-auto"
fill=
"none"
viewBox=
"0 0 24 24"
stroke=
"currentColor"
stroke-width=
"2"
>
<path
stroke-linecap=
"round"
stroke-linejoin=
"round"
d=
"M12 9v3m0 0v3m0-3h3m-3 0H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"
/>
</svg>
<svg
v-if=
"project.websites.length > 1"
@
click=
"project.websites.splice(websiteKey, 1)"
xmlns=
"http://www.w3.org/2000/svg"
class=
"h-6 w-6 mr-1 my-auto"
fill=
"none"
viewBox=
"0 0 24 24"
stroke=
"currentColor"
stroke-width=
"2"
>
<path
stroke-linecap=
"round"
stroke-linejoin=
"round"
d=
"M15 12H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"
/>
</svg>
<input
type=
"text"
class=
"mt-1 left w-full"
v-model=
"project.websites[websiteKey]"
/>
</div>
</label>
<!-- description -->
<label
class=
"block col-span-2"
>
<span>
Project Description
</span>
<textarea
class=
"block w-full mt-1"
></textarea>
</label>
<!-- Places -->
<label
class=
"block col-span-2"
>
<span>
Locations of the
{{
project
.
type
.
charAt
(
0
).
toUpperCase
()
+
project
.
type
.
slice
(
1
)
}}
</span>
<div
class=
"grid grid-cols-2"
v-for=
"(place, placeKey) in project.places"
:key=
"placeKey"
>
<div>
<label
class=
"block"
>
Name of the place
</label>
<div
class=
"flex flex-row"
>
<svg
@
click=
"project.places.push(
{
place_name: {
text: '',
ref: [''],
},
coordinates: {
lat: '',
lng: '',
},
})"
xmlns="http://www.w3.org/2000/svg"
class="h-6 w-6 mr-1 my-auto"
fill="none"
viewBox="0 0 24 24"
stroke="currentColor"
stroke-width="2">
<path
stroke-linecap=
"round"
stroke-linejoin=
"round"
d=
"M12 9v3m0 0v3m0-3h3m-3 0H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"
/>
</svg>
<svg
v-if=
"project.places.length > 1"
@
click=
"project.places.splice(placeKey, 1)"
xmlns=
"http://www.w3.org/2000/svg"
class=
"h-6 w-6 mr-1 my-auto"
fill=
"none"
viewBox=
"0 0 24 24"
stroke=
"currentColor"
stroke-width=
"2"
>
<path
stroke-linecap=
"round"
stroke-linejoin=
"round"
d=
"M15 12H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"
/>
</svg>
<input
type=
"text"
class=
"mt-1 left w-full"
v-model=
"project.places[placeKey].place_name.text"
/>
</div>
</div>
<div>
<label
class=
"block"
>
Authority File URIs of the place
</label>
<div
v-for=
"(ref, refKey) in project.places[placeKey].place_name.ref"
class=
"flex flex-row ml-1"
:key=
"refKey"
>
<svg
@
click=
"project.places[placeKey].place_name.ref.push('')"
xmlns=
"http://www.w3.org/2000/svg"
class=
"h-6 w-6 mr-1 my-auto"
fill=
"none"
viewBox=
"0 0 24 24"
stroke=
"currentColor"
stroke-width=
"2"
>
<path
stroke-linecap=
"round"
stroke-linejoin=
"round"
d=
"M12 9v3m0 0v3m0-3h3m-3 0H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"
/>
</svg>
<svg
v-if=
"project.places[placeKey].place_name.ref.length > 1"
@
click=
"project.places[placeKey].place_name.ref.splice(placeKey, 1)"
xmlns=
"http://www.w3.org/2000/svg"
class=
"h-6 w-6 mr-1 my-auto"
fill=
"none"
viewBox=
"0 0 24 24"
stroke=
"currentColor"
stroke-width=
"2"
>
<path
stroke-linecap=
"round"
stroke-linejoin=
"round"
d=
"M15 12H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"
/>
</svg>
<input
type=
"text"
class=
"mt-1 left w-full"
v-model=
"project.places[placeKey].place_name.ref[refKey]"
/>
</div>
</div>
</div>
</label>
<!-- Languages -->
<label
class=
"block col-span-2"
>
<span>
Languages used in the interfaces and publications of the
{{
project
.
type
.
charAt
(
0
).
toUpperCase
()
+
project
.
type
.
slice
(
1
)
}}
(ISO-639-2)
</span>
<div
class=
"flex flex-row"
>
<div
class=
"flex flex-row mr-7"
v-for=
"(lang, langKey) in project.lang"
:key=
"langKey"
>
<svg
@
click=
"project.lang.push('')"
xmlns=
"http://www.w3.org/2000/svg"
class=
"h-6 w-6 mr-1 my-auto"
fill=
"none"
viewBox=
"0 0 24 24"
stroke=
"currentColor"
stroke-width=
"2"
>
<path
stroke-linecap=
"round"
stroke-linejoin=
"round"
d=
"M12 9v3m0 0v3m0-3h3m-3 0H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"
/>
</svg>
<svg
v-if=
"project.lang.length > 1"
@
click=
"project.lang.splice(langKey, 1)"
xmlns=
"http://www.w3.org/2000/svg"
class=
"h-6 w-6 mr-1 my-auto"
fill=
"none"
viewBox=
"0 0 24 24"
stroke=
"currentColor"
stroke-width=
"2"
>
<path
stroke-linecap=
"round"
stroke-linejoin=
"round"
d=
"M15 12H9m12 0a9 9 0 11-18 0 9 9 0 0118 0z"
/>
</svg>
<input
type=
"text"
class=
"mt-1 left w-20"
v-model=
"project.lang[langKey]"
/>
</div>
</div>
</label>
<!-- Topic Relations -->
<label
class=
"block col-span-2"
>
<span>
Topics
</span>
<div
class=
"flex flex-row"
>
<label
class=
"mr-7"
>
<input
type=
"checkbox"
/>
<span
class=
"ml-1"
>
Digital Humanities
</span>
</label>
<label
class=
"mr-7"
>
<input
type=
"checkbox"
/>
<span
class=
"ml-1"
>
Non-Latin Script
</span>
</label>
<label
class=
"mr-7"
>
<input
type=
"checkbox"
/>
<span
class=
"ml-1"
>
Research Data Management
</span>
</label>
<label
class=
"mr-7"
>
<input
type=
"checkbox"
/>
<span
class=
"ml-1"
>
Infrastructure
</span>
</label>
<label
class=
"mr-7"
>
<input
type=
"checkbox"
/>
<span
class=
"ml-1"
>
Meta
</span>
</label>
</div>
</label>
<div
class=
"block col-span-2 bubble p-3 rounded-2xl mt-2 button text-center"
>
Generate JSON
</div>
</div>
</div>
</div>
</
template
>
<
script
>
import
{
defineComponent
,
reactive
}
from
'
vue
'
;
export
default
defineComponent
({
components
:
{
// tagList,
},
setup
()
{
const
project
=
reactive
({
type
:
'
project
'
,
ref
:
[
''
],
date
:
[{
from
:
''
,
to
:
''
}],
websites
:
[
''
],
places
:
[{
place_name
:
{
text
:
''
,
ref
:
[
''
],
},
coordinates
:
{
lat
:
''
,
lng
:
''
,
},
}],
lang
:
[
''
],
});
return
{
project
};
}
});
</
script
>
This diff is collapsed.
Click to expand it.
css/949.f9c7bd92.css
0 → 100644
+
1
−
0
View file @
1a7d08e3
.leaflet-image-layer
,
.leaflet-layer
,
.leaflet-marker-icon
,
.leaflet-marker-shadow
,
.leaflet-pane
,
.leaflet-pane
>
canvas
,
.leaflet-pane
>
svg
,
.leaflet-tile
,
.leaflet-tile-container
,
.leaflet-zoom-box
{
position
:
absolute
;
left
:
0
;
top
:
0
}
.leaflet-container
{
overflow
:
hidden
}
.leaflet-marker-icon
,
.leaflet-marker-shadow
,
.leaflet-tile
{
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
user-select
:
none
;
-webkit-user-drag
:
none
}
.leaflet-tile
::-moz-selection
{
background
:
transparent
}
.leaflet-tile
::selection
{
background
:
transparent
}
.leaflet-safari
.leaflet-tile
{
image-rendering
:
-webkit-optimize-contrast
}
.leaflet-safari
.leaflet-tile-container
{
width
:
1600px
;
height
:
1600px
;
-webkit-transform-origin
:
0
0
}
.leaflet-marker-icon
,
.leaflet-marker-shadow
{
display
:
block
}
.leaflet-container
.leaflet-overlay-pane
svg
{
max-width
:
none
!important
;
max-height
:
none
!important
}
.leaflet-container
.leaflet-marker-pane
img
,
.leaflet-container
.leaflet-shadow-pane
img
,
.leaflet-container
.leaflet-tile
,
.leaflet-container
.leaflet-tile-pane
img
,
.leaflet-container
img
.leaflet-image-layer
{
max-width
:
none
!important
;
max-height
:
none
!important
;
width
:
auto
;
padding
:
0
}
.leaflet-container.leaflet-touch-zoom
{
touch-action
:
pan-x
pan-y
}
.leaflet-container.leaflet-touch-drag
{
touch-action
:
none
;
touch-action
:
pinch-zoom
}
.leaflet-container.leaflet-touch-drag.leaflet-touch-zoom
{
touch-action
:
none
}
.leaflet-container
{
-webkit-tap-highlight-color
:
transparent
}
.leaflet-container
a
{
-webkit-tap-highlight-color
:
rgba
(
51
,
181
,
229
,
.4
)}
.leaflet-tile
{
filter
:
inherit
;
visibility
:
hidden
}
.leaflet-tile-loaded
{
visibility
:
inherit
}
.leaflet-zoom-box
{
width
:
0
;
height
:
0
;
box-sizing
:
border-box
;
z-index
:
800
}
.leaflet-overlay-pane
svg
{
-moz-user-select
:
none
}
.leaflet-pane
{
z-index
:
400
}
.leaflet-tile-pane
{
z-index
:
200
}
.leaflet-overlay-pane
{
z-index
:
400
}
.leaflet-shadow-pane
{
z-index
:
500
}
.leaflet-marker-pane
{
z-index
:
600
}
.leaflet-tooltip-pane
{
z-index
:
650
}
.leaflet-popup-pane
{
z-index
:
700
}
.leaflet-map-pane
canvas
{
z-index
:
100
}
.leaflet-map-pane
svg
{
z-index
:
200
}
.leaflet-vml-shape
{
width
:
1px
;
height
:
1px
}
.lvml
{
behavior
:
url(#default#VML)
;
display
:
inline-block
;
position
:
absolute
}
.leaflet-control
{
position
:
relative
;
z-index
:
800
;
pointer-events
:
visiblePainted
;
pointer-events
:
auto
}
.leaflet-bottom
,
.leaflet-top
{
position
:
absolute
;
z-index
:
1000
;
pointer-events
:
none
}
.leaflet-top
{
top
:
0
}
.leaflet-right
{
right
:
0
}
.leaflet-bottom
{
bottom
:
0
}
.leaflet-left
{
left
:
0
}
.leaflet-control
{
float
:
left
;
clear
:
both
}
.leaflet-right
.leaflet-control
{
float
:
right
}
.leaflet-top
.leaflet-control
{
margin-top
:
10px
}
.leaflet-bottom
.leaflet-control
{
margin-bottom
:
10px
}
.leaflet-left
.leaflet-control
{
margin-left
:
10px
}
.leaflet-right
.leaflet-control
{
margin-right
:
10px
}
.leaflet-fade-anim
.leaflet-popup
{
opacity
:
0
;
transition
:
opacity
.2s
linear
}
.leaflet-fade-anim
.leaflet-map-pane
.leaflet-popup
{
opacity
:
1
}
.leaflet-zoom-animated
{
transform-origin
:
0
0
}
svg
.leaflet-zoom-animated
{
will-change
:
transform
}
.leaflet-zoom-anim
.leaflet-zoom-animated
{
transition
:
transform
.25s
cubic-bezier
(
0
,
0
,
.25
,
1
)}
.leaflet-pan-anim
.leaflet-tile
,
.leaflet-zoom-anim
.leaflet-tile
{
transition
:
none
}
.leaflet-zoom-anim
.leaflet-zoom-hide
{
visibility
:
hidden
}
.leaflet-interactive
{
cursor
:
pointer
}
.leaflet-grab
{
cursor
:
-webkit-grab
;
cursor
:
grab
}
.leaflet-crosshair
,
.leaflet-crosshair
.leaflet-interactive
{
cursor
:
crosshair
}
.leaflet-control
,
.leaflet-popup-pane
{
cursor
:
auto
}
.leaflet-dragging
.leaflet-grab
,
.leaflet-dragging
.leaflet-grab
.leaflet-interactive
,
.leaflet-dragging
.leaflet-marker-draggable
{
cursor
:
move
;
cursor
:
-webkit-grabbing
;
cursor
:
grabbing
}
.leaflet-image-layer
,
.leaflet-marker-icon
,
.leaflet-marker-shadow
,
.leaflet-pane
>
svg
path
,
.leaflet-tile-container
{
pointer-events
:
none
}
.leaflet-image-layer.leaflet-interactive
,
.leaflet-marker-icon.leaflet-interactive
,
.leaflet-pane
>
svg
path
.leaflet-interactive
,
svg
.leaflet-image-layer.leaflet-interactive
path
{
pointer-events
:
visiblePainted
;
pointer-events
:
auto
}
.leaflet-container
{
background
:
#ddd
;
outline-offset
:
1px
}
.leaflet-container
a
{
color
:
#0078a8
}
.leaflet-zoom-box
{
border
:
2px
dotted
#38f
;
background
:
hsla
(
0
,
0%
,
100%
,
.5
)}
.leaflet-container
{
font-family
:
Helvetica
Neue
,
Arial
,
Helvetica
,
sans-serif
;
font-size
:
12px
;
font-size
:
.75rem
;
line-height
:
1.5
}
.leaflet-bar
{
box-shadow
:
0
1px
5px
rgba
(
0
,
0
,
0
,
.65
);
border-radius
:
4px
}
.leaflet-bar
a
{
background-color
:
#fff
;
border-bottom
:
1px
solid
#ccc
;
width
:
26px
;
height
:
26px
;
line-height
:
26px
;
display
:
block
;
text-align
:
center
;
text-decoration
:
none
;
color
:
#000
}
.leaflet-bar
a
,
.leaflet-control-layers-toggle
{
background-position
:
50%
50%
;
background-repeat
:
no-repeat
;
display
:
block
}
.leaflet-bar
a
:focus
,
.leaflet-bar
a
:hover
{
background-color
:
#f4f4f4
}
.leaflet-bar
a
:first-child
{
border-top-left-radius
:
4px
;
border-top-right-radius
:
4px
}
.leaflet-bar
a
:last-child
{
border-bottom-left-radius
:
4px
;
border-bottom-right-radius
:
4px
;
border-bottom
:
none
}
.leaflet-bar
a
.leaflet-disabled
{
cursor
:
default
;
background-color
:
#f4f4f4
;
color
:
#bbb
}
.leaflet-touch
.leaflet-bar
a
{
width
:
30px
;
height
:
30px
;
line-height
:
30px
}
.leaflet-touch
.leaflet-bar
a
:first-child
{
border-top-left-radius
:
2px
;
border-top-right-radius
:
2px
}
.leaflet-touch
.leaflet-bar
a
:last-child
{
border-bottom-left-radius
:
2px
;
border-bottom-right-radius
:
2px
}
.leaflet-control-zoom-in
,
.leaflet-control-zoom-out
{
font
:
700
18px
Lucida
Console
,
Monaco
,
monospace
;
text-indent
:
1px
}
.leaflet-touch
.leaflet-control-zoom-in
,
.leaflet-touch
.leaflet-control-zoom-out
{
font-size
:
22px
}
.leaflet-control-layers
{
box-shadow
:
0
1px
5px
rgba
(
0
,
0
,
0
,
.4
);
background
:
#fff
;
border-radius
:
5px
}
.leaflet-control-layers-toggle
{
background-image
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAaCAQAAAADQ4RFAAACf0lEQVR4AY1UM3gkARTePdvdoTxXKc+qTl3aU5U6b2Kbkz3Gtq3Zw6ziLGNPzrYx7946Tr6/ee/XeCQ4D3ykPtL5tHno4n0d/h3+xfuWHGLX81cn7r0iTNzjr7LrlxCqPtkbTQEHeqOrTy4Yyt3VCi/IOB0v7rVC7q45Q3Gr5K6jt+3Gl5nCoDD4MtO+j96Wu8atmhGqcNGHObuf8OM/x3AMx38+4Z2sPqzCxRFK2aF2e5Jol56XTLyggAMTL56XOMoS1W4pOyjUcGGQdZxU6qRh7B9Zp+PfpOFlqt0zyDZckPi1ttmIp03jX8gyJ8a/PG2yutpS/Vol7peZIbZcKBAEEheEIAgFbDkz5H6Zrkm2hVWGiXKiF4Ycw0RWKdtC16Q7qe3X4iOMxruonzegJzWaXFrU9utOSsLUmrc0YjeWYjCW4PDMADElpJSSQ0vQvA1Tm6/JlKnqFs1EGyZiFCqnRZTEJJJiKRYzVYzJck2Rm6P4iH+cmSY0YzimYa8l0EtTODFWhcMIMVqdsI2uiTvKmTisIDHJ3od5GILVhBCarCfVRmo4uTjkhrhzkiBV7SsaqS+TzrzM1qpGGUFt28pIySQHR6h7F6KSwGWm97ay+Z+ZqMcEjEWebE7wxCSQwpkhJqoZA5ivCdZDjJepuJ9IQjGGUmuXJdBFUygxVqVsxFsLMbDe8ZbDYVCGKxs+W080max1hFCarCfV+C1KATwcnvE9gRRuMP2prdbWGowm1KB1y+zwMMENkM755cJ2yPDtqhTI6ED1M/82yIDtC/4j4BijjeObflpO9I9MwXTCsSX8jWAFeHr05WoLTJ5G8IQVS/7vwR6ohirYM7f6HzYpogfS3R2OAAAAAElFTkSuQmCC)
;
width
:
36px
;
height
:
36px
}
.leaflet-retina
.leaflet-control-layers-toggle
{
background-image
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAADQAAAA0CAQAAABvcdNgAAAEsklEQVR4AWL4TydIhpZK1kpWOlg0w3ZXP6D2soBtG42jeI6ZmQTHzAxiTbSJsYLjO9HhP+WOmcuhciVnmHVQcJnp7DFvScowZorad/+V/fVzMdMT2g9Cv9guXGv/7pYOrXh2U+RRR3dSd9JRx6bIFc/ekqHI29JC6pJ5ZEh1yWkhkbcFeSjxgx3L2m1cb1C7bceyxA+CNjT/Ifff+/kDk2u/w/33/IeCMOSaWZ4glosqT3DNnNZQ7Cs58/3Ce5HL78iZH/vKVIaYlqzfdLu8Vi7dnvUbEza5Idt36tquZFldl6N5Z/POLof0XLK61mZCmJSWjVF9tEjUluu74IUXvgttuVIHE7YxSkaYhJZam7yiM9Pv82JYfl9nptxZaxMJE4YSPty+vF0+Y2up9d3wwijfjZbabqm/3bZ9ecKHsiGmRflnn1MW4pjHf9oLufyn2z3y1D6n8g8TZhxyzipLNPnAUpsOiuWimg52psrTZYnOWYNDTMuWBWa0tJb4rgq1UvmutpaYEbZlwU3CLJm/ayYjHW5/h7xWLn9Hh1vepDkyf7dE7MtT5LR4e7yYpHrkhOUpEfssBLq2pPhAqoSWKUkk7EDqkmK6RrCEzqDjhNDWNE+XSMvkJRDWlZTmCW0l0PHQGRZY5t1L83kT0Y3l2SItk5JAWHl2dCOBm+fPu3fo5/3v61RMCO9Jx2EEYYhb0rmNQMX/vm7gqOEJLcXTGw3CAuRNeyaPWwjR8PRqKQ1PDA/dpv+on9Shox52WFnx0KY8onHayrJzm87i5h9xGw/tfkev0jGsQizqezUKjk12hBMKJ4kbCqGPVNXudyyrShovGw5CgxsRICxF6aRmSjlBnHRzg7Gx8fKqEubI2rahQYdR1YgDIRQO7JvQyD52hoIQx0mxa0ODtW2Iozn1le2iIRdzwWewedyZzewidueOGqlsn1MvcnQpuVwLGG3/IR1hIKxCjelIDZ8ldqWz25jWAsnldEnK0Zxro19TGVb2ffIZEsIO89EIEDvKMPrzmBOQcKQ+rroye6NgRRxqR4U8EAkz0CL6uSGOm6KQCdWjvjRiSP1BPalCRS5iQYiEIvxuBMJEWgzSoHADcVMuN7IuqqTeyUPq22qFimFtxDyBBJEwNyt6TM88blFHao/6tWWhuuOM4SAK4EI4QmFHA+SEyWlp4EQoJ13cYGzMu7yszEIBOm2rVmHUNqwAIQabISNMRstmdhNWcFLsSm+0tjJH1MdRxO5Nx0WDMhCtgD6OKgZeljJqJKc9po8juskR9XN0Y1lZ3mWjLR9JCO1jRDMd0fpYC2VnvjBSEFg7wBENc0R9HFlb0xvF1+TBEpF68d+DHR6IOWVv2BECtxo46hOFUBd/APU57WIoEwJhIi2CdpyZX0m93BZicktMj1AS9dClteUFAUNUIEygRZCtik5zSxI9MubTBH1GOiHsiLJ3OCoSZkILa9PxiN0EbvhsAo8tdAf9Seepd36lGWHmtNANTv5Jd0z4QYyeo/UEJqxKRpg5LZx6btLPsOaEmdMyxYdlc8LMaJnikDlhclqmPiQnTEpLUIZEwkRagjYkEibQErwhkTAKCLQEbUgkzJQWc/0PstHHcfEdQ+UAAAAASUVORK5CYII=)
;
background-size
:
26px
26px
}
.leaflet-touch
.leaflet-control-layers-toggle
{
width
:
44px
;
height
:
44px
}
.leaflet-control-layers
.leaflet-control-layers-list
,
.leaflet-control-layers-expanded
.leaflet-control-layers-toggle
{
display
:
none
}
.leaflet-control-layers-expanded
.leaflet-control-layers-list
{
display
:
block
;
position
:
relative
}
.leaflet-control-layers-expanded
{
padding
:
6px
10px
6px
6px
;
color
:
#333
;
background
:
#fff
}
.leaflet-control-layers-scrollbar
{
overflow-y
:
scroll
;
overflow-x
:
hidden
;
padding-right
:
5px
}
.leaflet-control-layers-selector
{
margin-top
:
2px
;
position
:
relative
;
top
:
1px
}
.leaflet-control-layers
label
{
display
:
block
;
font-size
:
13px
;
font-size
:
1.08333em
}
.leaflet-control-layers-separator
{
height
:
0
;
border-top
:
1px
solid
#ddd
;
margin
:
5px
-10px
5px
-6px
}
.leaflet-default-icon-path
{
background-image
:
url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAApCAYAAADAk4LOAAAFgUlEQVR4Aa1XA5BjWRTN2oW17d3YaZtr2962HUzbDNpjszW24mRt28p47v7zq/bXZtrp/lWnXr337j3nPCe85NcypgSFdugCpW5YoDAMRaIMqRi6aKq5E3YqDQO3qAwjVWrD8Ncq/RBpykd8oZUb/kaJutow8r1aP9II0WmLKLIsJyv1w/kqw9Ch2MYdB++12Onxee/QMwvf4/Dk/Lfp/i4nxTXtOoQ4pW5Aj7wpici1A9erdAN2OH64x8OSP9j3Ft3b7aWkTg/Fm91siTra0f9on5sQr9INejH6CUUUpavjFNq1B+Oadhxmnfa8RfEmN8VNAsQhPqF55xHkMzz3jSmChWU6f7/XZKNH+9+hBLOHYozuKQPxyMPUKkrX/K0uWnfFaJGS1QPRtZsOPtr3NsW0uyh6NNCOkU3Yz+bXbT3I8G3xE5EXLXtCXbbqwCO9zPQYPRTZ5vIDXD7U+w7rFDEoUUf7ibHIR4y6bLVPXrz8JVZEql13trxwue/uDivd3fkWRbS6/IA2bID4uk0UpF1N8qLlbBlXs4Ee7HLTfV1j54APvODnSfOWBqtKVvjgLKzF5YdEk5ewRkGlK0i33Eofffc7HT56jD7/6U+qH3Cx7SBLNntH5YIPvODnyfIXZYRVDPqgHtLs5ABHD3YzLuespb7t79FY34DjMwrVrcTuwlT55YMPvOBnRrJ4VXTdNnYug5ucHLBjEpt30701A3Ts+HEa73u6dT3FNWwflY86eMHPk+Yu+i6pzUpRrW7SNDg5JHR4KapmM5Wv2E8Tfcb1HoqqHMHU+uWDD7zg54mz5/2BSnizi9T1Dg4QQXLToGNCkb6tb1NU+QAlGr1++eADrzhn/u8Q2YZhQVlZ5+CAOtqfbhmaUCS1ezNFVm2imDbPmPng5wmz+gwh+oHDce0eUtQ6OGDIyR0uUhUsoO3vfDmmgOezH0mZN59x7MBi++WDL1g/eEiU3avlidO671bkLfwbw5XV2P8Pzo0ydy4t2/0eu33xYSOMOD8hTf4CrBtGMSoXfPLchX+J0ruSePw3LZeK0juPJbYzrhkH0io7B3k164hiGvawhOKMLkrQLyVpZg8rHFW7E2uHOL888IBPlNZ1FPzstSJM694fWr6RwpvcJK60+0HCILTBzZLFNdtAzJaohze60T8qBzyh5ZuOg5e7uwQppofEmf2++DYvmySqGBuKaicF1blQjhuHdvCIMvp8whTTfZzI7RldpwtSzL+F1+wkdZ2TBOW2gIF88PBTzD/gpeREAMEbxnJcaJHNHrpzji0gQCS6hdkEeYt9DF/2qPcEC8RM28Hwmr3sdNyht00byAut2k3gufWNtgtOEOFGUwcXWNDbdNbpgBGxEvKkOQsxivJx33iow0Vw5S6SVTrpVq11ysA2Rp7gTfPfktc6zhtXBBC+adRLshf6sG2RfHPZ5EAc4sVZ83yCN00Fk/4kggu40ZTvIEm5g24qtU4KjBrx/BTTH8ifVASAG7gKrnWxJDcU7x8X6Ecczhm3o6YicvsLXWfh3Ch1W0k8x0nXF+0fFxgt4phz8QvypiwCCFKMqXCnqXExjq10beH+UUA7+nG6mdG/Pu0f3LgFcGrl2s0kNNjpmoJ9o4B29CMO8dMT4Q5ox8uitF6fqsrJOr8qnwNbRzv6hSnG5wP+64C7h9lp30hKNtKdWjtdkbuPA19nJ7Tz3zR/ibgARbhb4AlhavcBebmTHcFl2fvYEnW0ox9xMxKBS8btJ+KiEbq9zA4RthQXDhPa0T9TEe69gWupwc6uBUphquXgf+/FrIjweHQS4/pduMe5ERUMHUd9xv8ZR98CxkS4F2n3EUrUZ10EYNw7BWm9x1GiPssi3GgiGRDKWRYZfXlON+dfNbM+GgIwYdwAAAAASUVORK5CYII=)
}
.leaflet-container
.leaflet-control-attribution
{
background
:
#fff
;
background
:
hsla
(
0
,
0%
,
100%
,
.8
);
margin
:
0
}
.leaflet-control-attribution
,
.leaflet-control-scale-line
{
padding
:
0
5px
;
color
:
#333
;
line-height
:
1.4
}
.leaflet-control-attribution
a
{
text-decoration
:
none
}
.leaflet-control-attribution
a
:focus
,
.leaflet-control-attribution
a
:hover
{
text-decoration
:
underline
}
.leaflet-control-attribution
svg
{
display
:
inline
!important
}
.leaflet-left
.leaflet-control-scale
{
margin-left
:
5px
}
.leaflet-bottom
.leaflet-control-scale
{
margin-bottom
:
5px
}
.leaflet-control-scale-line
{
border
:
2px
solid
#777
;
border-top
:
none
;
line-height
:
1.1
;
padding
:
2px
5px
1px
;
white-space
:
nowrap
;
overflow
:
hidden
;
box-sizing
:
border-box
;
background
:
#fff
;
background
:
hsla
(
0
,
0%
,
100%
,
.5
)}
.leaflet-control-scale-line
:not
(
:first-child
)
{
border-top
:
2px
solid
#777
;
border-bottom
:
none
;
margin-top
:
-2px
}
.leaflet-control-scale-line
:not
(
:first-child
)
:not
(
:last-child
)
{
border-bottom
:
2px
solid
#777
}
.leaflet-touch
.leaflet-bar
,
.leaflet-touch
.leaflet-control-attribution
,
.leaflet-touch
.leaflet-control-layers
{
box-shadow
:
none
}
.leaflet-touch
.leaflet-bar
,
.leaflet-touch
.leaflet-control-layers
{
border
:
2px
solid
rgba
(
0
,
0
,
0
,
.2
);
background-clip
:
padding-box
}
.leaflet-popup
{
position
:
absolute
;
text-align
:
center
;
margin-bottom
:
20px
}
.leaflet-popup-content-wrapper
{
padding
:
1px
;
text-align
:
left
;
border-radius
:
12px
}
.leaflet-popup-content
{
margin
:
13px
24px
13px
20px
;
line-height
:
1.3
;
font-size
:
13px
;
font-size
:
1.08333em
;
min-height
:
1px
}
.leaflet-popup-content
p
{
margin
:
17px
0
;
margin
:
1.3em
0
}
.leaflet-popup-tip-container
{
width
:
40px
;
height
:
20px
;
position
:
absolute
;
left
:
50%
;
margin-top
:
-1px
;
margin-left
:
-20px
;
overflow
:
hidden
;
pointer-events
:
none
}
.leaflet-popup-tip
{
width
:
17px
;
height
:
17px
;
padding
:
1px
;
margin
:
-10px
auto
0
;
pointer-events
:
auto
;
transform
:
rotate
(
45deg
)}
.leaflet-popup-content-wrapper
,
.leaflet-popup-tip
{
background
:
#fff
;
color
:
#333
;
box-shadow
:
0
3px
14px
rgba
(
0
,
0
,
0
,
.4
)}
.leaflet-container
a
.leaflet-popup-close-button
{
position
:
absolute
;
top
:
0
;
right
:
0
;
border
:
none
;
text-align
:
center
;
width
:
24px
;
height
:
24px
;
font
:
16px
/
24px
Tahoma
,
Verdana
,
sans-serif
;
color
:
#757575
;
text-decoration
:
none
;
background
:
transparent
}
.leaflet-container
a
.leaflet-popup-close-button
:focus
,
.leaflet-container
a
.leaflet-popup-close-button
:hover
{
color
:
#585858
}
.leaflet-popup-scrolled
{
overflow
:
auto
;
border-bottom
:
1px
solid
#ddd
;
border-top
:
1px
solid
#ddd
}
.leaflet-oldie
.leaflet-popup-content-wrapper
{
-ms-zoom
:
1
}
.leaflet-oldie
.leaflet-popup-tip
{
width
:
24px
;
margin
:
0
auto
;
-ms-filter
:
"progid:DXImageTransform.Microsoft.Matrix(M11=0.70710678, M12=0.70710678, M21=-0.70710678, M22=0.70710678)"
;
filter
:
progid
:
DXImageTransform
.
Microsoft
.
Matrix
(
M11
=
0.70710678
,
M12
=
0.70710678
,
M21
=
-0.70710678
,
M22
=
0.70710678
)}
.leaflet-oldie
.leaflet-control-layers
,
.leaflet-oldie
.leaflet-control-zoom
,
.leaflet-oldie
.leaflet-popup-content-wrapper
,
.leaflet-oldie
.leaflet-popup-tip
{
border
:
1px
solid
#999
}
.leaflet-div-icon
{
background
:
#fff
;
border
:
1px
solid
#666
}
.leaflet-tooltip
{
position
:
absolute
;
padding
:
6px
;
background-color
:
#fff
;
border
:
1px
solid
#fff
;
border-radius
:
3px
;
color
:
#222
;
white-space
:
nowrap
;
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
user-select
:
none
;
pointer-events
:
none
;
box-shadow
:
0
1px
3px
rgba
(
0
,
0
,
0
,
.4
)}
.leaflet-tooltip.leaflet-interactive
{
cursor
:
pointer
;
pointer-events
:
auto
}
.leaflet-tooltip-bottom
:before
,
.leaflet-tooltip-left
:before
,
.leaflet-tooltip-right
:before
,
.leaflet-tooltip-top
:before
{
position
:
absolute
;
pointer-events
:
none
;
border
:
6px
solid
transparent
;
background
:
transparent
;
content
:
""
}
.leaflet-tooltip-bottom
{
margin-top
:
6px
}
.leaflet-tooltip-top
{
margin-top
:
-6px
}
.leaflet-tooltip-bottom
:before
,
.leaflet-tooltip-top
:before
{
left
:
50%
;
margin-left
:
-6px
}
.leaflet-tooltip-top
:before
{
bottom
:
0
;
margin-bottom
:
-12px
;
border-top-color
:
#fff
}
.leaflet-tooltip-bottom
:before
{
top
:
0
;
margin-top
:
-12px
;
margin-left
:
-6px
;
border-bottom-color
:
#fff
}
.leaflet-tooltip-left
{
margin-left
:
-6px
}
.leaflet-tooltip-right
{
margin-left
:
6px
}
.leaflet-tooltip-left
:before
,
.leaflet-tooltip-right
:before
{
top
:
50%
;
margin-top
:
-6px
}
.leaflet-tooltip-left
:before
{
right
:
0
;
margin-right
:
-12px
;
border-left-color
:
#fff
}
.leaflet-tooltip-right
:before
{
left
:
0
;
margin-left
:
-12px
;
border-right-color
:
#fff
}
@media
print
{
.leaflet-control
{
-webkit-print-color-adjust
:
exact
;
color-adjust
:
exact
}}
\ No newline at end of file
This diff is collapsed.
Click to expand it.
css/app.e656085d.css
0 → 100644
+
2
−
0
View file @
1a7d08e3
@import
url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&display=swap)
;
@import
url(https://fonts.googleapis.com/css2?family=Comfortaa:wght@300&family=Noto+Sans:wght@300&display=swap)
;
/* ! tailwindcss v3.0.24 | MIT License | https://tailwindcss.com */
*,
:after
,
:before
{
box-sizing
:
border-box
;
border-width
:
0
;
border-style
:
solid
;
border-color
:
#e5e7eb
}
:after
,
:before
{
--tw-content
:
""
}
html
{
line-height
:
1.5
;
-webkit-text-size-adjust
:
100%
;
-moz-tab-size
:
4
;
-o-tab-size
:
4
;
tab-size
:
4
;
font-family
:
ui-sans-serif
,
system-ui
,
-apple-system
,
BlinkMacSystemFont
,
Segoe
UI
,
Roboto
,
Helvetica
Neue
,
Arial
,
Noto
Sans
,
sans-serif
,
Apple
Color
Emoji
,
Segoe
UI
Emoji
,
Segoe
UI
Symbol
,
Noto
Color
Emoji
}
body
{
margin
:
0
;
line-height
:
inherit
}
hr
{
height
:
0
;
color
:
inherit
;
border-top-width
:
1px
}
abbr
:where
([
title
])
{
-webkit-text-decoration
:
underline
dotted
;
text-decoration
:
underline
dotted
}
h1
,
h2
,
h3
,
h4
,
h5
,
h6
{
font-size
:
inherit
;
font-weight
:
inherit
}
a
{
color
:
inherit
;
text-decoration
:
inherit
}
b
,
strong
{
font-weight
:
bolder
}
code
,
kbd
,
pre
,
samp
{
font-family
:
ui-monospace
,
SFMono-Regular
,
Menlo
,
Monaco
,
Consolas
,
Liberation
Mono
,
Courier
New
,
monospace
;
font-size
:
1em
}
small
{
font-size
:
80%
}
sub
,
sup
{
font-size
:
75%
;
line-height
:
0
;
position
:
relative
;
vertical-align
:
baseline
}
sub
{
bottom
:
-.25em
}
sup
{
top
:
-.5em
}
table
{
text-indent
:
0
;
border-color
:
inherit
;
border-collapse
:
collapse
}
button
,
input
,
optgroup
,
select
,
textarea
{
font-family
:
inherit
;
font-size
:
100%
;
line-height
:
inherit
;
color
:
inherit
;
margin
:
0
;
padding
:
0
}
button
,
select
{
text-transform
:
none
}
[
type
=
button
],[
type
=
reset
],[
type
=
submit
],
button
{
-webkit-appearance
:
button
;
background-color
:
transparent
;
background-image
:
none
}
:-moz-focusring
{
outline
:
auto
}
:-moz-ui-invalid
{
box-shadow
:
none
}
progress
{
vertical-align
:
baseline
}
::-webkit-inner-spin-button
,
::-webkit-outer-spin-button
{
height
:
auto
}
[
type
=
search
]
{
-webkit-appearance
:
textfield
;
outline-offset
:
-2px
}
::-webkit-search-decoration
{
-webkit-appearance
:
none
}
::-webkit-file-upload-button
{
-webkit-appearance
:
button
;
font
:
inherit
}
summary
{
display
:
list-item
}
blockquote
,
dd
,
dl
,
figure
,
h1
,
h2
,
h3
,
h4
,
h5
,
h6
,
hr
,
p
,
pre
{
margin
:
0
}
fieldset
{
margin
:
0
}
fieldset
,
legend
{
padding
:
0
}
menu
,
ol
,
ul
{
list-style
:
none
;
margin
:
0
;
padding
:
0
}
textarea
{
resize
:
vertical
}
input
::-moz-placeholder
,
textarea
::-moz-placeholder
{
color
:
#9ca3af
}
input
::placeholder
,
textarea
::placeholder
{
color
:
#9ca3af
}
[
role
=
button
],
button
{
cursor
:
pointer
}
:disabled
{
cursor
:
default
}
audio
,
canvas
,
embed
,
iframe
,
img
,
object
,
svg
,
video
{
display
:
block
;
vertical-align
:
middle
}
img
,
video
{
max-width
:
100%
;
height
:
auto
}
[
hidden
]
{
display
:
none
}
[
multiple
],[
type
=
date
],[
type
=
datetime-local
],[
type
=
email
],[
type
=
month
],[
type
=
number
],[
type
=
password
],[
type
=
search
],[
type
=
tel
],[
type
=
text
],[
type
=
time
],[
type
=
url
],[
type
=
week
],
select
,
textarea
{
-webkit-appearance
:
none
;
-moz-appearance
:
none
;
appearance
:
none
;
background-color
:
#fff
;
border-color
:
#6b7280
;
border-width
:
1px
;
border-radius
:
0
;
padding-top
:
.5rem
;
padding-right
:
.75rem
;
padding-bottom
:
.5rem
;
padding-left
:
.75rem
;
font-size
:
1rem
;
line-height
:
1.5rem
;
--tw-shadow
:
0
0
#0000
}
[
multiple
]
:focus
,[
type
=
date
]
:focus
,[
type
=
datetime-local
]
:focus
,[
type
=
email
]
:focus
,[
type
=
month
]
:focus
,[
type
=
number
]
:focus
,[
type
=
password
]
:focus
,[
type
=
search
]
:focus
,[
type
=
tel
]
:focus
,[
type
=
text
]
:focus
,[
type
=
time
]
:focus
,[
type
=
url
]
:focus
,[
type
=
week
]
:focus
,
select
:focus
,
textarea
:focus
{
outline
:
2px
solid
transparent
;
outline-offset
:
2px
;
--tw-ring-inset
:
var
(
--tw-empty
,
/*!*/
/*!*/
);
--tw-ring-offset-width
:
0px
;
--tw-ring-offset-color
:
#fff
;
--tw-ring-color
:
#2563eb
;
--tw-ring-offset-shadow
:
var
(
--tw-ring-inset
)
0
0
0
var
(
--tw-ring-offset-width
)
var
(
--tw-ring-offset-color
);
--tw-ring-shadow
:
var
(
--tw-ring-inset
)
0
0
0
calc
(
1px
+
var
(
--tw-ring-offset-width
))
var
(
--tw-ring-color
);
box-shadow
:
var
(
--tw-ring-offset-shadow
),
var
(
--tw-ring-shadow
),
var
(
--tw-shadow
);
border-color
:
#2563eb
}
input
::-moz-placeholder
,
textarea
::-moz-placeholder
{
color
:
#6b7280
;
opacity
:
1
}
input
::placeholder
,
textarea
::placeholder
{
color
:
#6b7280
;
opacity
:
1
}
::-webkit-datetime-edit-fields-wrapper
{
padding
:
0
}
::-webkit-date-and-time-value
{
min-height
:
1.5em
}
::-webkit-datetime-edit
,
::-webkit-datetime-edit-day-field
,
::-webkit-datetime-edit-hour-field
,
::-webkit-datetime-edit-meridiem-field
,
::-webkit-datetime-edit-millisecond-field
,
::-webkit-datetime-edit-minute-field
,
::-webkit-datetime-edit-month-field
,
::-webkit-datetime-edit-second-field
,
::-webkit-datetime-edit-year-field
{
padding-top
:
0
;
padding-bottom
:
0
}
select
{
background-image
:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E")
;
background-position
:
right
.5rem
center
;
background-repeat
:
no-repeat
;
background-size
:
1.5em
1.5em
;
padding-right
:
2.5rem
;
-webkit-print-color-adjust
:
exact
;
print-color-adjust
:
exact
}
[
multiple
]
{
background-image
:
none
;
background-position
:
0
0
;
background-repeat
:
unset
;
background-size
:
initial
;
padding-right
:
.75rem
;
-webkit-print-color-adjust
:
unset
;
print-color-adjust
:
unset
}
[
type
=
checkbox
],[
type
=
radio
]
{
-webkit-appearance
:
none
;
-moz-appearance
:
none
;
appearance
:
none
;
padding
:
0
;
-webkit-print-color-adjust
:
exact
;
print-color-adjust
:
exact
;
display
:
inline-block
;
vertical-align
:
middle
;
background-origin
:
border-box
;
-webkit-user-select
:
none
;
-moz-user-select
:
none
;
user-select
:
none
;
flex-shrink
:
0
;
height
:
1rem
;
width
:
1rem
;
color
:
#2563eb
;
background-color
:
#fff
;
border-color
:
#6b7280
;
border-width
:
1px
;
--tw-shadow
:
0
0
#0000
}
[
type
=
checkbox
]
{
border-radius
:
0
}
[
type
=
radio
]
{
border-radius
:
100%
}
[
type
=
checkbox
]
:focus
,[
type
=
radio
]
:focus
{
outline
:
2px
solid
transparent
;
outline-offset
:
2px
;
--tw-ring-inset
:
var
(
--tw-empty
,
/*!*/
/*!*/
);
--tw-ring-offset-width
:
2px
;
--tw-ring-offset-color
:
#fff
;
--tw-ring-color
:
#2563eb
;
--tw-ring-offset-shadow
:
var
(
--tw-ring-inset
)
0
0
0
var
(
--tw-ring-offset-width
)
var
(
--tw-ring-offset-color
);
--tw-ring-shadow
:
var
(
--tw-ring-inset
)
0
0
0
calc
(
2px
+
var
(
--tw-ring-offset-width
))
var
(
--tw-ring-color
);
box-shadow
:
var
(
--tw-ring-offset-shadow
),
var
(
--tw-ring-shadow
),
var
(
--tw-shadow
)}
[
type
=
checkbox
]
:checked
,[
type
=
radio
]
:checked
{
border-color
:
transparent
;
background-color
:
currentColor
;
background-size
:
100%
100%
;
background-position
:
50%
;
background-repeat
:
no-repeat
}
[
type
=
checkbox
]
:checked
{
background-image
:
url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M12.207 4.793a1 1 0 0 1 0 1.414l-5 5a1 1 0 0 1-1.414 0l-2-2a1 1 0 0 1 1.414-1.414L6.5 9.086l4.293-4.293a1 1 0 0 1 1.414 0z'/%3E%3C/svg%3E")
}
[
type
=
radio
]
:checked
{
background-image
:
url("data:image/svg+xml;charset=utf-8,%3Csvg viewBox='0 0 16 16' fill='%23fff' xmlns='http://www.w3.org/2000/svg'%3E%3Ccircle cx='8' cy='8' r='3'/%3E%3C/svg%3E")
}
[
type
=
checkbox
]
:checked:focus
,[
type
=
checkbox
]
:checked:hover
,[
type
=
radio
]
:checked:focus
,[
type
=
radio
]
:checked:hover
{
border-color
:
transparent
;
background-color
:
currentColor
}
[
type
=
checkbox
]
:indeterminate
{
background-image
:
url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 16 16'%3E%3Cpath stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='M4 8h8'/%3E%3C/svg%3E")
;
border-color
:
transparent
;
background-color
:
currentColor
;
background-size
:
100%
100%
;
background-position
:
50%
;
background-repeat
:
no-repeat
}
[
type
=
checkbox
]
:indeterminate:focus
,[
type
=
checkbox
]
:indeterminate:hover
{
border-color
:
transparent
;
background-color
:
currentColor
}
[
type
=
file
]
{
background
:
unset
;
border-color
:
inherit
;
border-width
:
0
;
border-radius
:
0
;
padding
:
0
;
font-size
:
unset
;
line-height
:
inherit
}
[
type
=
file
]
:focus
{
outline
:
1px
solid
ButtonText
;
outline
:
1px
auto
-webkit-focus-ring-color
}
*,
:after
,
:before
{
--tw-translate-x
:
0
;
--tw-translate-y
:
0
;
--tw-rotate
:
0
;
--tw-skew-x
:
0
;
--tw-skew-y
:
0
;
--tw-scale-x
:
1
;
--tw-scale-y
:
1
;
--tw-pan-x
:
;
--tw-pan-y
:
;
--tw-pinch-zoom
:
;
--tw-scroll-snap-strictness
:
proximity
;
--tw-ordinal
:
;
--tw-slashed-zero
:
;
--tw-numeric-figure
:
;
--tw-numeric-spacing
:
;
--tw-numeric-fraction
:
;
--tw-ring-inset
:
;
--tw-ring-offset-width
:
0px
;
--tw-ring-offset-color
:
#fff
;
--tw-ring-color
:
rgba
(
59
,
130
,
246
,
.5
);
--tw-ring-offset-shadow
:
0
0
#0000
;
--tw-ring-shadow
:
0
0
#0000
;
--tw-shadow
:
0
0
#0000
;
--tw-shadow-colored
:
0
0
#0000
;
--tw-blur
:
;
--tw-brightness
:
;
--tw-contrast
:
;
--tw-grayscale
:
;
--tw-hue-rotate
:
;
--tw-invert
:
;
--tw-saturate
:
;
--tw-sepia
:
;
--tw-drop-shadow
:
;
--tw-backdrop-blur
:
;
--tw-backdrop-brightness
:
;
--tw-backdrop-contrast
:
;
--tw-backdrop-grayscale
:
;
--tw-backdrop-hue-rotate
:
;
--tw-backdrop-invert
:
;
--tw-backdrop-opacity
:
;
--tw-backdrop-saturate
:
;
--tw-backdrop-sepia
:
}
.absolute
{
position
:
absolute
}
.relative
{
position
:
relative
}
.inset-x-0
{
left
:
0
;
right
:
0
}
.bottom-0
{
bottom
:
0
}
.right-5
{
right
:
1.25rem
}
.col-span-2
{
grid-column
:
span
2
/
span
2
}
.float-right
{
float
:
right
}
.float-left
{
float
:
left
}
.m-auto
{
margin
:
auto
}
.m-4
{
margin
:
1rem
}
.m-3
{
margin
:
.75rem
}
.m-5
{
margin
:
1.25rem
}
.mx-4
{
margin-left
:
1rem
;
margin-right
:
1rem
}
.my-0
{
margin-top
:
0
;
margin-bottom
:
0
}
.mx-1
{
margin-left
:
.25rem
;
margin-right
:
.25rem
}
.my-1
{
margin-top
:
.25rem
;
margin-bottom
:
.25rem
}
.my-auto
{
margin-top
:
auto
;
margin-bottom
:
auto
}
.mx-2
{
margin-left
:
.5rem
;
margin-right
:
.5rem
}
.my-2
{
margin-top
:
.5rem
;
margin-bottom
:
.5rem
}
.ml-3
{
margin-left
:
.75rem
}
.mt-4
{
margin-top
:
1rem
}
.ml-5
{
margin-left
:
1.25rem
}
.mb-2
{
margin-bottom
:
.5rem
}
.mb-0
{
margin-bottom
:
0
}
.ml-2
{
margin-left
:
.5rem
}
.mt-0
{
margin-top
:
0
}
.mr-1
{
margin-right
:
.25rem
}
.mt-1
{
margin-top
:
.25rem
}
.mb-3
{
margin-bottom
:
.75rem
}
.mr-3
{
margin-right
:
.75rem
}
.mb-5
{
margin-bottom
:
1.25rem
}
.mr-2
{
margin-right
:
.5rem
}
.mt-5
{
margin-top
:
1.25rem
}
.ml-0
{
margin-left
:
0
}
.ml-1
{
margin-left
:
.25rem
}
.mr-0
{
margin-right
:
0
}
.mr-7
{
margin-right
:
1.75rem
}
.mt-2
{
margin-top
:
.5rem
}
.block
{
display
:
block
}
.inline-block
{
display
:
inline-block
}
.flex
{
display
:
flex
}
.grid
{
display
:
grid
}
.hidden
{
display
:
none
}
.h-5
{
height
:
1.25rem
}
.h-8
{
height
:
2rem
}
.h-auto
{
height
:
auto
}
.h-6
{
height
:
1.5rem
}
.h-full
{
height
:
100%
}
.h-max
{
height
:
-webkit-max-content
;
height
:
-moz-max-content
;
height
:
max-content
}
.w-full
{
width
:
100%
}
.w-auto
{
width
:
auto
}
.w-5
{
width
:
1.25rem
}
.w-8
{
width
:
2rem
}
.w-6
{
width
:
1.5rem
}
.w-20
{
width
:
5rem
}
.max-w-2xl
{
max-width
:
42rem
}
.grid-cols-2
{
grid-template-columns
:
repeat
(
2
,
minmax
(
0
,
1
fr
))}
.flex-row
{
flex-direction
:
row
}
.flex-wrap
{
flex-wrap
:
wrap
}
.gap-y-1
{
row-gap
:
.25rem
}
.gap-x-4
{
-moz-column-gap
:
1rem
;
column-gap
:
1rem
}
.overflow-scroll
{
overflow
:
scroll
}
.rounded-full
{
border-radius
:
9999px
}
.rounded-2xl
{
border-radius
:
1rem
}
.rounded-t-xl
{
border-top-left-radius
:
.75rem
;
border-top-right-radius
:
.75rem
}
.rounded-b-xl
{
border-bottom-right-radius
:
.75rem
;
border-bottom-left-radius
:
.75rem
}
.rounded-b-2xl
{
border-bottom-right-radius
:
1rem
;
border-bottom-left-radius
:
1rem
}
.rounded-tr-lg
{
border-top-right-radius
:
.5rem
}
.border-2
{
border-width
:
2px
}
.p-5
{
padding
:
1.25rem
}
.p-3
{
padding
:
.75rem
}
.p-4
{
padding
:
1rem
}
.py-3
{
padding-top
:
.75rem
;
padding-bottom
:
.75rem
}
.px-5
{
padding-left
:
1.25rem
;
padding-right
:
1.25rem
}
.py-2
{
padding-top
:
.5rem
;
padding-bottom
:
.5rem
}
.py-0
{
padding-top
:
0
;
padding-bottom
:
0
}
.py-5
{
padding-top
:
1.25rem
;
padding-bottom
:
1.25rem
}
.px-4
{
padding-left
:
1rem
;
padding-right
:
1rem
}
.pl-3
{
padding-left
:
.75rem
}
.pb-7
{
padding-bottom
:
1.75rem
}
.pb-10
{
padding-bottom
:
2.5rem
}
.pl-7
{
padding-left
:
1.75rem
}
.pr-4
{
padding-right
:
1rem
}
.pl-4
{
padding-left
:
1rem
}
.pr-0
{
padding-right
:
0
}
.text-left
{
text-align
:
left
}
.text-center
{
text-align
:
center
}
.font-mono
{
font-family
:
ui-monospace
,
SFMono-Regular
,
Menlo
,
Monaco
,
Consolas
,
Liberation
Mono
,
Courier
New
,
monospace
}
.text-5xl
{
font-size
:
3rem
;
line-height
:
1
}
.text-2xl
{
font-size
:
1.5rem
;
line-height
:
2rem
}
.text-xl
{
font-size
:
1.25rem
;
line-height
:
1.75rem
}
.text-sm
{
font-size
:
.875rem
;
line-height
:
1.25rem
}
.text-3xl
{
font-size
:
1.875rem
;
line-height
:
2.25rem
}
.text-xs
{
font-size
:
.75rem
;
line-height
:
1rem
}
.font-light
{
font-weight
:
300
}
.leading-normal
{
line-height
:
1.5
}
.leading-relaxed
{
line-height
:
1.625
}
.text-gray-400
{
--tw-text-opacity
:
1
;
color
:
rgb
(
156
163
175
/
var
(
--tw-text-opacity
))}
.antialiased
{
-webkit-font-smoothing
:
antialiased
;
-moz-osx-font-smoothing
:
grayscale
}
body
{
background-color
:
#2e4a61
}
.head
{
color
:
#fff
}
.head
,
.text-comfortaa
{
font-family
:
Noto
Sans
,
sans-serif
}
.nav
{
background-color
:
#f29559
;
color
:
#202c39
}
.box
,
.tag-container
{
background-color
:
#b8b08d
}
.tag-container
{
border-color
:
#202c39
;
cursor
:
pointer
}
.box
.footer
{
background-color
:
#202c39
}
.icon
{
background-color
:
#f29559
;
position
:
relative
;
top
:
-50%
;
border-color
:
#202c39
}
.bubble
{
background-color
:
#f2d492
}
a
.bubble
:hover
{
color
:
#f29559
;
background-color
:
#2e4a61
}
.codebox
{
background-color
:
#000
;
color
:
#fff
}
.nav-item
:hover
{
color
:
#f2d492
;
cursor
:
pointer
}
.bg-orange
{
background-color
:
#f29559
}
.text-orange
{
color
:
#f29559
!important
}
.bg-brightblue
,
.bg-darkblue
{
background-color
:
#202c39
;
color
:
#b8b08d
}
.bright-text
{
color
:
#b8b08d
}
.button
{
cursor
:
pointer
;
border-color
:
#202c39
}
a
:hover
{
color
:
#f2d492
}
#app
{
font-family
:
Noto
Sans
,
Helvetica
,
Arial
,
sans-serif
;
-webkit-font-smoothing
:
antialiased
;
-moz-osx-font-smoothing
:
grayscale
;
text-align
:
center
;
color
:
#2c3e50
;
margin-top
:
60px
}
#map
{
min-height
:
500px
;
height
:
100%
}
@media
(
min-width
:
768px
){
.md
\
:max-w-sm
{
max-width
:
24rem
}
.md
\
:basis-1
\
/
2
{
flex-basis
:
50%
}
.md
\
:flex-row
{
flex-direction
:
row
}}
@media
(
min-width
:
1024px
){
.lg
\
:basis-1
\
/
3
{
flex-basis
:
33.333333%
}}
\ No newline at end of file
This diff is collapsed.
Click to expand it.
Preview
0%
Loading
Try again
or
attach a new file
.
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Save comment
Cancel
Please
register
or
sign in
to comment