cfmgrv4 init...3

app/Views/admin/welcome_message.php

@@ -33,7 +33,7 @@
             </style>
             <div
                 style="display: flex; justify-content: space-between; align-items: baseline; margin-bottom: 20px; border-bottom: 2px solid #007bff; padding-bottom: 10px;">
-                <h2 style="color: #007bff; font-size: 24px; margin: 0;">ITWorld의 최신 뉴스</h2>
+                <h2 style="color: #007bff; font-size: 24px; margin: 0;">최신 뉴스</h2>
                 <small style="color: #6c757d; font-size: 14px;">최근 업데이트: <span id="lastUpdate"></span></small>
             </div>
 
@@ -85,8 +85,7 @@
                                 imageUrl = convertToAbsoluteUrl(imageUrl, item.link);
 
                                 newsItem.innerHTML = `
-                                    <img src="${imageUrl || '/path/to/default-image.jpg'}" alt="${item.title}" onerror="this.onerror=null; this.src='/path/to/default-image.jpg';">
-                                    <h3><a href="${item.link}" target="_blank">${item.title}</a></h3>
+                                    <h3><img src="${imageUrl || '/images/common/news.png'}" alt="${item.title}" style="width: 30px; height: 30px; object-fit: cover; margin-bottom: 10px;" onerror="this.onerror=null; this.src='/images/common/news.png';"><a href="${item.link}" target="_blank">${item.title}</a></h3>
                                     <p>${item.description}</p>
                                     <small>게시일: ${pubDate.toLocaleString()}</small>
                                 `;

app/Views/front/login.php

@@ -1,25 +1,23 @@
 <?= $this->extend(LAYOUTS[$viewDatas['layout']]['path']) ?>
 <?= $this->section('content') ?>
-<div class="layout_middle">
-    <div class="layout_right">
-        <div id="container" class="content">
-            <link href="/css/<?= $viewDatas['layout'] ?>/login.css" media="screen" rel="stylesheet" type="text/css" />
-            <div class="login-container border rounded p-4 shadow">
+<link href="/css/front/login.css" media="screen" rel="stylesheet" type="text/css" />
+<div class="login-page">
+    <div class="login-content">
+        <div class="login-container">
+            <h2 class="login-title">CF-MGR 로그인</h2>
             <?= form_open(current_url(), $viewDatas['forms']['attributes'], $viewDatas['forms']['hiddens']) ?>
-                <h2 class="text-center mb-5">CF-MGR 로그인</h2>
-                <div class="mb-3">
-                    <label for="userId" class="form-label">아이디</label>
-                    <input type="text" class="form-control" id="userId" name="id" value="<?= set_value('id') ?>"
-                        required>
+            <div class="input-group">
+                <label for="userId">아이디</label>
+                <input type="text" id="userId" name="id" value="<?= set_value('id') ?>" required>
             </div>
-                <div class="mb-3">
-                    <label for="userPassword" class="form-label">비밀번호</label>
-                    <input type="password" class="form-control" id="userPassword" name="passwd" required>
+            <div class="input-group">
+                <label for="userPassword">비밀번호</label>
+                <input type="password" id="userPassword" name="passwd" required>
             </div>
-                <div class="d-flex justify-content-between align-items-center">
-                    <button type="submit" class="btn btn-primary">Login</button>
-                    <?= anchor($viewDatas['google_url'], ICONS['GOOGLE'] . 'Google 로그인', ["class" => "btn btn-danger"]) ?>
-                    <button type="button" class="btn btn-outline-primary">회원가입</button>
+            <button type="submit" class="btn-login">로그인</button>
+            <div class="login-options">
+                <?= anchor($viewDatas['google_url'], ICONS['GOOGLE'] . 'Google 로그인', ["class" => "btn-google"]) ?>
+                <button type="button" class="btn-signup">회원가입</button>
             </div>
             <?= form_close(); ?>
         </div>

public/css/front/login.css

@@ -1,16 +1,80 @@
-.login-container {
-  position: absolute;
-  top: 50%;
-  left: 50%;
-  transform: translate(-50%, -50%);
-
-  width: 400px;
-  height: 400px;
-  overflow-y: auto;
-  /* 추가된 스타일 */
+.login-page {
+  background-image: url('/images/login-background.jpg');
+  background-size: cover;
+  background-position: center;
+  height: 100vh;
   display: flex;
-  flex-direction: column;
-  justify-content: center;
   align-items: center;
-  /* border: 1px solid red; */
+  justify-content: center;
+}
+
+.login-content {
+  background-color: rgba(255, 255, 255, 0.9);
+  border-radius: 10px;
+  padding: 40px;
+  box-shadow: 0 0 20px rgba(0, 0, 0, 0.1);
+  width: 400px;
+}
+
+.login-title {
+  text-align: center;
+  margin-bottom: 30px;
+  color: #333;
+}
+
+.input-group {
+  margin-bottom: 20px;
+}
+
+.input-group label {
+  display: block;
+  margin-bottom: 5px;
+  color: #555;
+}
+
+.input-group input {
+  width: 100%;
+  padding: 10px;
+  border: 1px solid #ddd;
+  border-radius: 5px;
+}
+
+.btn-login {
+  width: 100%;
+  padding: 12px;
+  background-color: #007bff;
+  color: white;
+  border: none;
+  border-radius: 5px;
+  cursor: pointer;
+  font-size: 16px;
+  margin-bottom: 15px;
+}
+
+.login-options {
+  display: flex;
+  justify-content: space-between;
+}
+
+.btn-google,
+.btn-signup {
+  flex: 1;
+  padding: 10px;
+  border: none;
+  border-radius: 5px;
+  cursor: pointer;
+  font-size: 14px;
+  text-align: center;
+  text-decoration: none;
+}
+
+.btn-google {
+  background-color: #db4437;
+  color: white;
+  margin-right: 10px;
+}
+
+.btn-signup {
+  background-color: #28a745;
+  color: white;
 }