2020-1-capstone-design1 / Triz_Project1

Go to a project
Toggle navigation Toggle navigation pinning
minsung
384326d3 1 parent 2f289661

chatroom format setting

Inline Side-by-side
Showing 3 changed files with 86 additions and 12 deletions
1 +var Click={
2 + Launchclick:function(color){
3 + // var alist=document.querySelectorAll('a');
4 + // var i =0;
5 + // while(i<alist.length)
6 + // {
7 + // alist[i].style.color=color;
8 + // i+=1;
9 + // }
10 + // }
11 + //$('a').css('color',color); //jquery 사용한 것.
12 +
13 + }
14 +}
15 +var Body = {
16 + SetColor:function(color){
17 + //document.querySelector('body').style.color= color;
18 + $('body').css('color',color);
19 +
20 + },
21 + SetBackGruondColor:function(color){
22 + //document.querySelector('body').style.backgroundColor= color;
23 + $('body').css('backgroundColor',color);
24 + }
25 +}
26 +
27 +function nightDayHandler(self){
28 + if(self.value==='night')
29 + {
30 + Body.SetBackGruondColor('black')
31 + Body.SetColor('white');
32 + self.value= 'day';
33 +
34 + Links.SetColor('powderblue');
35 +
36 + }else{
37 + Body.SetBackGruondColor('white')
38 + Body.SetColor('black');
39 + self.value= 'night';
40 +
41 + Links.SetColor('blue');
42 + }
43 + }
......
1 <!doctype html> 1 <!doctype html>
2 <html> 2 <html>
3 <head> 3 <head>
4 -<title>KHU KHU Chat</title>
5 -<meta charset="utf-8">
6 -<link rel="stylesheet" href="style/style.css">
7 -<style>
8 4
9 -</style> 5 + <title>KHU Chat</title>
10 -</head> 6 + <meta charset="utf-8">
11 -<body> 7 + <link rel="stylesheet" href="CSS/Banner.css">
8 + <script src="https://kit.fontawesome.com/6a5db0a2e0.js" crossorigin="anonymous"></script>
9 + <link rel="icon" href="https://kit.fontawesome.com/6a5db0a2e0.js" />
10 + <link href="https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap" rel="stylesheet">
11 + <script src="JS/main.js"></script>
12 + </head>
13 + <body>
14 + <header role="banner">
15 + <nav class="khu-nav" role="navigation" aria-label="Primary navigation">
16 + <div class="khu-nav-row">
17 + <div class="khu-logo">
18 + <a id="khu-logo" data-clog-click="" data-clog-ui-element="link_home" href="main.html" aria-label="Khu-logo" data-qa="logo">
19 + <img src="img/Khu_Chat_Icon.svg" width="30px" hegiht="20px" alt="Khu Chat">
20 + </a>
21 +
22 + <a id="khu-logo-font" data-clog-click="" data-clog-ui-element="link_home" href="main.html" aria-label="Khu-logo-font" data-qa="logo">
23 + Khu Chat
24 + </a>
25 + </div>
26 + <div class ="khu-login" >
27 + <a data-clog-click="" data-clog-ui-element="link_home" href="main.html" aria-label="Khu-logo-font" data-qa="logo">
28 + Login
29 + </a>
30 + </div>
31 + <div class="khu-signin">
32 + <a data-clog-click="" data-clog-ui-element="link_home" href="main.html" aria-label="Khu-logo-font" data-qa="logo">
33 + Sign in
34 + </a>
35 + </div>
36 + <div class="khu-start-button">
37 + <button id="khu-start-button" onclick="" data-clog-click="" data-clog-ui-element="link_home" href="main.html" aria-label="Khu-start-button" data-qa="logo">
38 + Launch Chating
39 + </button>
40 + </div>
41 + </div>
42 +</nav>
12 43
13 <h1><a href="main.html" color:black>KHU Chatting service</a></h1> 44 <h1><a href="main.html" color:black>KHU Chatting service</a></h1>
14 <img src="image/welcome.jpg" class="image"> 45 <img src="image/welcome.jpg" class="image">
...@@ -46,6 +77,5 @@ ...@@ -46,6 +77,5 @@
46 </form> 77 </form>
47 </div> 78 </div>
48 </div> 79 </div>
49 -
50 </body> 80 </body>
51 </html> 81 </html>
......
...@@ -7,7 +7,7 @@ ...@@ -7,7 +7,7 @@
7 <script src="https://kit.fontawesome.com/6a5db0a2e0.js" crossorigin="anonymous"></script> 7 <script src="https://kit.fontawesome.com/6a5db0a2e0.js" crossorigin="anonymous"></script>
8 <link rel="icon" href="https://kit.fontawesome.com/6a5db0a2e0.js" /> 8 <link rel="icon" href="https://kit.fontawesome.com/6a5db0a2e0.js" />
9 <link href="https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap" rel="stylesheet"> 9 <link href="https://fonts.googleapis.com/css2?family=Black+Han+Sans&display=swap" rel="stylesheet">
10 -<script src="/JS/main.js"></script> 10 +<script src="JS/main.js"></script>
11 </head> 11 </head>
12 <body> 12 <body>
13 <header role="banner"> 13 <header role="banner">
...@@ -33,9 +33,9 @@ ...@@ -33,9 +33,9 @@
33 </a> 33 </a>
34 </div> 34 </div>
35 <div class="khu-start-button"> 35 <div class="khu-start-button">
36 - <button id="khu-start-button" data-clog-click="" data-clog-ui-element="link_home" href="main.html" aria-label="Khu-start-button" data-qa="logo"> 36 + <a id="khu-start-button" href="afterlogin.html" data-clog-click="" data-clog-ui-element="link_home" href="main.html" aria-label="Khu-start-button" data-qa="logo">
37 Launch Chating 37 Launch Chating
38 - </button> 38 + </a>
39 </div> 39 </div>
40 40
41 41
...@@ -45,11 +45,12 @@ ...@@ -45,11 +45,12 @@
45 </header> 45 </header>
46 <div id="article"> 46 <div id="article">
47 <h2><a class data-clog-click="" data-clog-ui-element="link_home" href=https://www.helpshift.com/glossary/chat-service/ 47 <h2><a class data-clog-click="" data-clog-ui-element="link_home" href=https://www.helpshift.com/glossary/chat-service/
48 - title="what is chat service">chat service란 무엇인가?</a></h2> 48 + title="what is chat service">chat service란?</a></h2>
49 <p>This is chating application which chats with your frineds, coworkers and anyone do you want <br> 49 <p>This is chating application which chats with your frineds, coworkers and anyone do you want <br>
50 so enjoy it out sevice. 50 so enjoy it out sevice.
51 </p> 51 </p>
52 52
53 +
53 </div> 54 </div>
54 </div> 55 </div>
55 </body> 56 </body>
......