최시원 / Singer-Composer

Go to a project
Toggle navigation Toggle navigation pinning
Mukho
6799c6ff 2 parents 1bf9d13d 3227d1fe

Merge branch 'master' of http://khuhub.khu.ac.kr/2017104034/Singer-Composer into master

Inline Side-by-side
Showing 12 changed files with 33 additions and 28 deletions
......@@ -24,7 +24,7 @@ var LocalStrategy = require('passport-local').Strategy
var session = require('express-session')
var flash = require('connect-flash')
var path = require('path')
const PORT = 3000
const PORT = 5560
var jsdom = require('jsdom');
const { JSDOM } = jsdom;
......

298 KB | W: | H:

78.1 KB | W: | H:

  • 2-up
  • Swipe
  • Onion skin
......@@ -11,4 +11,15 @@
padding-bottom: 3px;
border-style: solid;
color: black;
}
#prof_com{
position: relative;
display: block;
text-align: center;
margin-top: 15px;
margin-bottom: 30px;
margin-left: 15%;
margin-right: 15%;
width: 70%;
}
\ No newline at end of file
......
......@@ -7,7 +7,7 @@
<meta name="author" content="" />
<title>묵호 - 놀이터</title>
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="../assets/favicon.ico" />
<link rel="icon" type="image/x-icon" href="../assets/아이콘.png" />
<!-- Bootstrap icons-->
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet" type="text/css" />
<!-- Google fonts-->
......@@ -59,13 +59,6 @@
</div>
<div class="col-lg-4">
<div class="features-icons-item mx-auto mb-5 mb-lg-0 mb-lg-3">
<div class="features-icons-icon d-flex"><i class="bi-window m-auto text-primary"></i></div>
<h3>Fully Responsive</h3>
<p class="lead mb-0">This theme will look great on any device, no matter the size!</p>
</div>
</div>
<div class="col-lg-4">
<div class="features-icons-item mx-auto mb-5 mb-lg-0 mb-lg-3">
<div class="features-icons-icon d-flex"><i class="bi-layers m-auto text-primary"></i></div>
<h3>Bootstrap 5 Ready</h3>
<p class="lead mb-0">Featuring the latest build of the new Bootstrap 5 framework!</p>
......@@ -87,22 +80,22 @@
<div class="row g-0">
<div class="col-lg-6 order-lg-2 text-white showcase-img" style="background-image: url('assets/img/bg-showcase-1.jpg')"></div>
<div class="col-lg-6 order-lg-1 my-auto showcase-text">
<h2>Fully Responsive Design</h2>
<p class="lead mb-0">When you use a theme created by Start Bootstrap, you know that the theme will look great on any device, whether it's a phone, tablet, or desktop the page will behave responsively!</p>
<h2>Easy communiting with various MUSIC WORKERS</h2>
<p class="lead mb-0">When you use our website, you can meet millions of musicworkers. Asap, use our products to connect with millions of musicians. ASAP!</p>
</div>
</div>
<div class="row g-0">
<div class="col-lg-6 text-white showcase-img" style="background-image: url('assets/img/bg-showcase-2.jpg')"></div>
<div class="col-lg-6 text-white showcase-img" style="background-image: url('assets/img/bg-showcase-2.png')"></div>
<div class="col-lg-6 my-auto showcase-text">
<h2>Updated For Bootstrap 5</h2>
<p class="lead mb-0">Newly improved, and full of great utility classes, Bootstrap 5 is leading the way in mobile responsive web development! All of the themes on Start Bootstrap are now using Bootstrap 5!</p>
<h2>Easy to become INFLUENCER</h2>
<p class="lead mb-0">If you upload your masterpiece, others encounter your piece and go crazy to your piece! so, it's only a matter of time before you become a famous Influencer.</p>
</div>
</div>
<div class="row g-0">
<div class="col-lg-6 order-lg-2 text-white showcase-img" style="background-image: url('assets/img/bg-showcase-3.jpg')"></div>
<div class="col-lg-6 order-lg-1 my-auto showcase-text">
<h2>Easy to Use & Customize</h2>
<p class="lead mb-0">Landing Page is just HTML and CSS with a splash of SCSS for users who demand some deeper customization options. Out of the box, just add your content and images, and your new landing page will be ready to go!</p>
<h2>Easy to compose your WORK PARTNER</h2>
<p class="lead mb-0">Using recruit board is advertising yours. Make others want to work with you to Boarding you</p>
</div>
</div>
</div>
......@@ -110,7 +103,7 @@
<!-- Testimonials-->
<section class="testimonials text-center bg-light">
<div class="container">
<h2 class="mb-5">What people are saying...</h2>
<h2 class="mb-5">Project developer list</h2>
<div class="row">
<div class="col-lg-4">
<div class="testimonial-item mx-auto mb-5 mb-lg-0">
......
......@@ -7,7 +7,7 @@
<meta name="author" content="" />
<title>묵호 - 놀이터</title>
<!-- Favicon-->
<link rel="icon" type="image/x-icon" href="../assets/favicon.ico" />
<link rel="icon" type="image/x-icon" href="../assets/아이콘.png" />
<!-- Bootstrap icons-->
<link href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.5.0/font/bootstrap-icons.css" rel="stylesheet" type="text/css" />
<!-- Google fonts-->
......@@ -80,22 +80,22 @@
<div class="row g-0">
<div class="col-lg-6 order-lg-2 text-white showcase-img" style="background-image: url('assets/img/bg-showcase-1.jpg')"></div>
<div class="col-lg-6 order-lg-1 my-auto showcase-text">
<h2>Fully Responsive Design</h2>
<p class="lead mb-0">When you use a theme created by Start Bootstrap, you know that the theme will look great on any device, whether it's a phone, tablet, or desktop the page will behave responsively!</p>
<h2>Easy communiting with various MUSIC WORKERS</h2>
<p class="lead mb-0">When you use our website, you can meet millions of musicworkers. Asap, use our products to connect with millions of musicians. ASAP!</p>
</div>
</div>
<div class="row g-0">
<div class="col-lg-6 text-white showcase-img" style="background-image: url('assets/img/bg-showcase-2.jpg')"></div>
<div class="col-lg-6 text-white showcase-img" style="background-image: url('assets/img/bg-showcase-2.png')"></div>
<div class="col-lg-6 my-auto showcase-text">
<h2>Updated For Bootstrap 5</h2>
<p class="lead mb-0">Newly improved, and full of great utility classes, Bootstrap 5 is leading the way in mobile responsive web development! All of the themes on Start Bootstrap are now using Bootstrap 5!</p>
<h2>Easy to become INFLUENCER</h2>
<p class="lead mb-0">If you upload your masterpiece, others encounter your piece and go crazy to your piece! so, it's only a matter of time before you become a famous Influencer.</p>
</div>
</div>
<div class="row g-0">
<div class="col-lg-6 order-lg-2 text-white showcase-img" style="background-image: url('assets/img/bg-showcase-3.jpg')"></div>
<div class="col-lg-6 order-lg-1 my-auto showcase-text">
<h2>Easy to Use & Customize</h2>
<p class="lead mb-0">Landing Page is just HTML and CSS with a splash of SCSS for users who demand some deeper customization options. Out of the box, just add your content and images, and your new landing page will be ready to go!</p>
<h2>Easy to compose your WORK PARTNER</h2>
<p class="lead mb-0">Using recruit board is advertising yours. Make others want to work with you to Boarding you</p>
</div>
</div>
</div>
......@@ -103,7 +103,7 @@
<!-- Testimonials-->
<section class="testimonials text-center bg-light">
<div class="container">
<h2 class="mb-5">What people are saying...</h2>
<h2 class="mb-5">Project developer list</h2>
<div class="row">
<div class="col-lg-4">
<div class="testimonial-item mx-auto mb-5 mb-lg-0">
......
......@@ -14,6 +14,7 @@
<link href="https://fonts.googleapis.com/css?family=Lato:300,400,700,300italic,400italic,700italic" rel="stylesheet" type="text/css" />
<!-- Core theme CSS (includes Bootstrap)-->
<link href="../css/styles.css?after" rel="stylesheet" />
<link href="/css/profile.css" rel="stylesheet" />
</head>
<body>
<nav class="navbar navbar-light bg-light static-top">
......@@ -31,7 +32,7 @@
</div>
</div>
</nav>
<div id = "prof_con">
<div id = "prof_com">
<div class = "column">
<div class = "bx_group">
<form action="/profile/update" method="post">
......@@ -59,7 +60,7 @@
<% } %>
<div class = "margingap10"></div>
<section class="messages" style="color:crimson;"> <%= message %> </section>
<button class="btn btn-primary btn-lg" id="submitButton" type="submit">수정</button>
<button class="btn_profile_edit" id="submitButton" type="submit">수정</button>
</form>
</div>
</div>
......