Skip to content
GitLab
Menu
Projects
Groups
Snippets
Loading...
Help
Help
Support
Community forum
Keyboard shortcuts
?
Submit feedback
Contribute to GitLab
Sign in / Register
Toggle navigation
Menu
Open sidebar
students
eue
Commits
52e093f9
Commit
52e093f9
authored
Jul 01, 2021
by
Spark
Committed by
KangMin An
Jul 19, 2021
Browse files
layouut
parent
f3f8e564
Changes
5
Hide whitespace changes
Inline
Side-by-side
client/public/index.html
View file @
52e093f9
<!DOCTYPE html>
<!DOCTYPE html>
<html
lang=
"en"
>
<html
lang=
"en"
>
<head>
<meta
charset=
"utf-8"
/>
<head>
<link
rel=
"icon"
href=
"%PUBLIC_URL%/images/logoeue.png"
/>
<meta
charset=
"utf-8"
/>
<meta
name=
"viewport"
content=
"width=device-width, initial-scale=1"
/>
<link
rel=
"icon"
href=
"%PUBLIC_URL%/images/logoeue.png"
/>
<meta
name=
"theme-color"
content=
"#000000"
/>
<meta
name=
"viewport"
content=
"width=device-width, initial-scale=1"
/>
<meta
<meta
name=
"theme-color"
content=
"#000000"
/>
name=
"description"
<meta
name=
"description"
content=
"Web site created using create-react-app"
/>
content=
"Web site created using create-react-app"
<link
rel=
"apple-touch-icon"
href=
"%PUBLIC_URL%/logo192.png"
/>
/>
<!--
<link
rel=
"apple-touch-icon"
href=
"%PUBLIC_URL%/logo192.png"
/>
<!--
manifest.json provides metadata used when your web app is installed on a
manifest.json provides metadata used when your web app is installed on a
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
user's mobile device or desktop. See https://developers.google.com/web/fundamentals/web-app-manifest/
-->
-->
<link
rel=
"manifest"
href=
"%PUBLIC_URL%/manifest.json"
/>
<link
rel=
"manifest"
href=
"%PUBLIC_URL%/manifest.json"
/>
<!--
<!--
Notice the use of %PUBLIC_URL% in the tags above.
Notice the use of %PUBLIC_URL% in the tags above.
It will be replaced with the URL of the `public` folder during the build.
It will be replaced with the URL of the `public` folder during the build.
Only files inside the `public` folder can be referenced from the HTML.
Only files inside the `public` folder can be referenced from the HTML.
...
@@ -24,12 +22,14 @@
...
@@ -24,12 +22,14 @@
work correctly both with client-side routing and a non-root public URL.
work correctly both with client-side routing and a non-root public URL.
Learn how to configure a non-root public URL by running `npm run build`.
Learn how to configure a non-root public URL by running `npm run build`.
-->
-->
<title>
EUE, make your day
</title>
<title>
EUE, make your day
</title>
</head>
<body>
</head>
<noscript>
You need to enable JavaScript to run this app.
</noscript>
<div
id=
"root"
></div>
<body>
<!--
<noscript>
You need to enable JavaScript to run this app.
</noscript>
<div
id=
"root"
></div>
<!--
This HTML file is a template.
This HTML file is a template.
If you open it directly in the browser, you will see an empty page.
If you open it directly in the browser, you will see an empty page.
...
@@ -39,5 +39,6 @@
...
@@ -39,5 +39,6 @@
To begin the development, run `npm start` or `yarn start`.
To begin the development, run `npm start` or `yarn start`.
To create a production bundle, use `npm run build` or `yarn build`.
To create a production bundle, use `npm run build` or `yarn build`.
-->
-->
</body>
</body>
</html>
</html>
\ No newline at end of file
client/src/App copy.css
deleted
100644 → 0
View file @
f3f8e564
.App
{
text-align
:
center
;
}
.App-logo
{
height
:
40vmin
;
pointer-events
:
none
;
}
@media
(
prefers-reduced-motion
:
no-preference
)
{
.App-logo
{
animation
:
App-logo-spin
infinite
20s
linear
;
}
}
.App-header
{
background-color
:
#282c34
;
min-height
:
100vh
;
display
:
flex
;
flex-direction
:
column
;
align-items
:
center
;
justify-content
:
center
;
font-size
:
calc
(
10px
+
2vmin
);
color
:
white
;
}
.App-link
{
color
:
#61dafb
;
}
@keyframes
App-logo-spin
{
from
{
transform
:
rotate
(
0deg
);
}
to
{
transform
:
rotate
(
360deg
);
}
}
.container
{
padding-top
:
15px
;
padding-bottom
:
15px
;
margin-top
:
auto
;
margin-bottom
:
auto
;
}
/* Extra small devices (phones, less than 768px) */
/* Small devices (tablets, 768px and up) */
@media
(
min-width
:
768px
)
{
.container
{
width
:
750px
;
}
}
/* Medium devices (desktops, 992px and up) */
@media
(
min-width
:
992px
)
{
.container
{
width
:
970px
;
}
}
/* Large devices (large desktops, 1200px and up) */
@media
(
min-width
:
1200px
)
{
.container
{
width
:
1170px
;
}
}
\ No newline at end of file
client/src/App.css
View file @
52e093f9
@import
url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR:wght@100;300;400;500;700;900&display=swap')
;
body
{
font-family
:
"Noto Sans KR"
,
sans-serif
!important
;
}
@media
(
max-width
:
767.98px
)
{
@media
(
max-width
:
767.98px
)
{
body
{
body
{
padding
:
10px
;
padding
:
10px
;
padding-left
:
20px
;
padding-left
:
20px
;
padding-right
:
20px
;
padding-right
:
20px
;
margin
:
auto
;
margin
:
auto
;
/* font-family: "Noto Sans KR", sans-serif; */
}
}
.container-fluid
{
.container-fluid
{
max-width
:
480px
!important
;
max-width
:
480px
!important
;
...
@@ -17,7 +25,10 @@
...
@@ -17,7 +25,10 @@
padding-left
:
50px
;
padding-left
:
50px
;
padding-right
:
50px
;
padding-right
:
50px
;
margin
:
auto
;
margin
:
auto
;
/* font-family: "Noto Sans KR", sans-serif; */
}
}
.container-fluid
{
.container-fluid
{
max-width
:
1200px
!important
;
max-width
:
1200px
!important
;
}
}
...
...
client/src/components/Footer copy.js
0 → 100644
View file @
52e093f9
import
React
from
'
react
'
import
{
Container
,
Row
,
Card
,
Table
,
Button
}
from
'
react-bootstrap
'
;
import
{
Bar
}
from
'
react-chartjs-2
'
function
Footer2
()
{
const
fontstyl
=
{
fontSize
:
'
0.5em
'
,
margin
:
'
auto
'
,
padding
:
'
1em
'
,
display
:
'
flex
'
,
justifyContent
:
'
center
'
,
width
:
'
100%
'
,
borderWidth
:
'
2px
'
,
borderColor
:
'
rgba(195, 195, 195, 0.753)
'
,
color
:
'
rgb(110, 189, 142)
'
}
const
btnstyled
=
{
background
:
'
rgb(110, 189, 142)
'
,
margin
:
'
1px
'
,
maxWidth
:
'
100%
'
,
borderWidth
:
'
2px
'
,
fontSize
:
'
10px
'
,
borderColor
:
'
rgba(195, 195, 195, 0.753)
'
,
borderRadius
:
'
20px
'
,
}
return
(
<>
<
Row
className
=
'
text-center w-100 my-2
'
>
<
Card
style
=
{
fontstyl
}
>
<
/Card
>
<
/Row
>
<
/
>
)
}
export
default
Footer2
;
\ No newline at end of file
client/src/components/TimeNow.js
View file @
52e093f9
import
React
,
{
Component
}
from
'
react
'
;
import
React
,
{
Component
}
from
'
react
'
;
import
{
Jumbotron
,
Container
,
Row
,
Card
}
from
'
react-bootstrap
'
;
import
{
Jumbotron
,
Container
,
Row
,
Card
}
from
'
react-bootstrap
'
;
import
Clock
from
'
react-live-clock
'
import
Clock
from
'
react-live-clock
'
import
'
../App.css
'
function
TimeNow
()
{
function
TimeNow
()
{
const
fontstyl
=
{
const
fontstyl
=
{
...
@@ -18,7 +20,7 @@ function TimeNow() {
...
@@ -18,7 +20,7 @@ function TimeNow() {
<>
<>
<
Row
className
=
'
text-center w-100 my-2
'
>
<
Row
className
=
'
text-center w-100 my-2
'
>
<
Card
style
=
{
fontstyl
}
>
<
Card
style
=
{
fontstyl
}
>
<
Card
.
Title
>
<
Card
.
Title
style
=
{{
color
:
'
black
'
}}
>
현재시각
현재시각
<
/Card.Title
>
<
/Card.Title
>
<
Card
.
Text
>
<
Card
.
Text
>
...
...
Write
Preview
Markdown
is supported
0%
Try again
or
attach a new file
.
Attach a file
Cancel
You are about to add
0
people
to the discussion. Proceed with caution.
Finish editing this message first!
Cancel
Please
register
or
sign in
to comment