layouut

00b339f5 · Spark · 3ad8e660 · 00b339f5 · 3ad8e660 · 00b339f5
Commit 00b339f5 authored Jul 01, 2021 by Spark
--- a/client/public/index.html
+++ b/client/public/index.html
 <!DOCTYPE html>
 <html lang="en">
-  <head>
-    <meta charset="utf-8" />
-    <link rel="icon" href="%PUBLIC_URL%/images/logoeue.png" />
-    <meta name="viewport" content="width=device-width, initial-scale=1" />
-    <meta name="theme-color" content="#000000" />
-    <meta
-      name="description"
-      content="Web site created using create-react-app"
-    />
-    <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
-    <!--
+
+<head>
+  <meta charset="utf-8" />
+  <link rel="icon" href="%PUBLIC_URL%/images/logoeue.png" />
+  <meta name="viewport" content="width=device-width, initial-scale=1" />
+  <meta name="theme-color" content="#000000" />
+  <meta name="description" content="Web site created using create-react-app" />
+  <link rel="apple-touch-icon" href="%PUBLIC_URL%/logo192.png" />
+  <!--
      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/
    -->
-    <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.
      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.
@@ -24,12 +22,14 @@
      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`.
    -->
-    <title>EUE, make your day</title>
-  </head>
-  <body>
-    <noscript>You need to enable JavaScript to run this app.</noscript>
-    <div id="root"></div>
-    <!--
+  <title>EUE, make your day</title>
+
+</head>
+
+<body>
+  <noscript>You need to enable JavaScript to run this app.</noscript>
+  <div id="root"></div>
+  <!--
      This HTML file is a template.
      If you open it directly in the browser, you will see an empty page.

@@ -39,5 +39,6 @@
      To begin the development, run `npm start` or `yarn start`.
      To create a production bundle, use `npm run build` or `yarn build`.
    -->
-  </body>
-</html>
+</body>
+
+</html>
\ No newline at end of file
--- a/client/src/App copy.css
+++ b/client/src/App copy.css
-
-.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
--- a/client/src/App.css
+++ b/client/src/App.css
+@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) { 
  body {
    padding: 10px;
    padding-left: 20px;
    padding-right: 20px;
    margin: auto;
+    /* font-family: "Noto Sans KR", sans-serif; */
+
  }
  .container-fluid {
    max-width: 480px !important;
@@ -17,7 +25,10 @@
    padding-left: 50px;
    padding-right: 50px;
    margin: auto;
+    /* font-family: "Noto Sans KR", sans-serif; */
+
  }
+
  .container-fluid {
    max-width: 1200px !important;
  }

--- a/client/src/components/Footer copy.js
+++ b/client/src/components/Footer copy.js
+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
--- a/client/src/components/TimeNow.js
+++ b/client/src/components/TimeNow.js
 import React, { Component } from 'react';
 import { Jumbotron, Container, Row, Card } from 'react-bootstrap';
 import Clock from 'react-live-clock'
+import '../App.css'
+

 function TimeNow() {
        const fontstyl = {
@@ -18,7 +20,7 @@ function TimeNow() {
            <>
                <Row className='text-center w-100 my-2'>
                    <Card style={fontstyl}>
-                        <Card.Title>
+                        <Card.Title style={{color:'black'}}>
                            현재시각
                        </Card.Title>
                        <Card.Text>