Commit 4388a73c authored by JunHyung An's avatar JunHyung An
Browse files

Change style

parent fef35a47

src/assets/back4.jpg

0 → 100644
+944 KiB
Loading image diff...

src/components/LastEnd.vue

+8 −8
Original line number Diff line number Diff line 
<template>

  <div>

    <h1>운명</h1>

    <h1 style = "font-size:80px;"> Destiny </h1>

  </div><div>

    <label for="secretKey1">Secret Key 1:</label>

    <input v-model="message" id="secretKey1" class="secret-key-input" placeholder="Enter Secret Key 1" />

    <label for="secretKey1" style="font-size: 25px;">Secret Key 1:</label>

    <input v-model="message" id="secretKey1" class="secret-key-input" placeholder="Secret Key 1" style="width: 200px; height: 30px; font-size: 25px;" />

  </div><div>

    <label for="secretKey2">Secret Key 2:</label>

    <input v-model="message2" id="secretKey2" class="secret-key-input" placeholder="Enter Secret Key 2" />

    <label for="secretKey2" style="font-size: 25px;">Secret Key 2:</label>

    <input v-model="message2" id="secretKey2" class="secret-key-input" placeholder="Secret Key 2" style="width: 200px; height: 30px; font-size: 25px;" />

  </div><div>

    <button @click="postData" class="check-button">확인해보기</button>

  </div>
@@ -84,7 +84,7 @@ export default { 
  text-transform: uppercase;

  transition: background-color 0.3s ease;

  margin-top: 10px;

  margin-left : 20px;

  margin-left : 5px;

  align-items: center;

}
@@ -93,8 +93,8 @@ export default { 
}



.secret-key-input {

  margin-top: 5px;

  padding: 8px;

  margin-top: 10px;

  padding: 7px;

  font-size: 16px;

}

src/views/Home.vue

+9 −2
Original line number Diff line number Diff line
@@ -2,8 +2,8 @@ 
<template>

  <div>

    <h1>운명적인 사랑을 시험해보세요.</h1>

    <button class="love-button" @click="goToFirstPage">Test</button>

    <p>파일 업로드를 위한 튜토리얼>> <a href="https://wjs.biblio19.net/ko/information/tutorial" target="_blank">여기를 클릭하세요!!</a></p>

    <button class="love-button" @click="goToFirstPage">Start</button>

    <p style="color: #2f00ff; font-weight:bolder ;">파일 업로드를 위한 튜토리얼>> <a href="https://wjs.biblio19.net/ko/information/tutorial" target="_blank" style="color: #ff0000;">여기를 클릭하세요!!</a></p>

  </div>

</template>
@@ -32,6 +32,13 @@ export default { 
  transition: background-color 0.3s ease;

  margin-top: 20px;

}

a {

  color: #FFEB3B;

}



a:hover {

  color: #FFC107; 

}



.love-button:hover {

  background-color: #1976D2;