diff --git a/app.py b/app.py index 7b0a04d..8201e2f 100644 --- a/app.py +++ b/app.py @@ -96,15 +96,17 @@ def sql_execute(q, d, is_data=False, is_last_id=False): def index(): if 'user_info' in session: # 로그인된 사용자가 있을 경우 # 외부 공개 안된 글도 포함하여 모든 블로그 포스트를 가져옵니다. - query = "SELECT `id`, `title`, `thumbnail_img`, `contents` FROM `blog` WHERE `use_yn` = 'Y' ORDER BY `add_date` DESC;" + query = "SELECT `id`, `title`, `category`, `thumbnail_img`, `contents`, `add_date` FROM `blog` WHERE `use_yn` = 'Y' ORDER BY `add_date` DESC limit 7;" + random_query = "SELECT `id`, `title`, `category`, `thumbnail_img`, `contents`, `add_date` FROM `blog` WHERE `use_yn` = 'Y' ORDER BY rand();" else: # 로그인된 사용자가 없을 경우 # 외부 공개된 블로그 포스트만 가져옵니다. - query = "SELECT `id`, `title`, `thumbnail_img`, `contents` FROM `blog` WHERE `use_yn` = 'Y' and `public_yn` = 'Y' ORDER BY `add_date` DESC;" + query = "SELECT `id`, `title`, `category`, `thumbnail_img`, `contents`, `add_date` FROM `blog` WHERE `use_yn` = 'Y' and `public_yn` = 'Y' ORDER BY `add_date` DESC limit 7;" + random_query = "SELECT `id`, `title`, `category`, `thumbnail_img`, `contents`, `add_date` FROM `blog` WHERE `use_yn` = 'Y' and `public_yn` = 'Y' ORDER BY rand();" r, posts = sql_execute(query, (), is_data=True) - + r, random_posts = sql_execute(random_query, (), is_data=True) # `index.html` 템플릿으로 데이터를 전달합니다. - return render_template('index.html', posts=posts) + return render_template('index.html',posts=posts, random_posts=random_posts) @app.route('/login', methods=['GET', 'POST']) diff --git a/static/css/style.css b/static/css/style.css new file mode 100644 index 0000000..38f09a4 --- /dev/null +++ b/static/css/style.css @@ -0,0 +1,235 @@ + @font-face { + src: url(/static/font/SourceHanSansK-Medium.woff) format('woff'); + font-family: 'SourceHanSansK'; + font-weight: 600; + } + @font-face { + src: url(/static/font/SourceHanSansK-Regular.woff) format('woff'); + font-family: 'SourceHanSansK'; + font-weight: 400; + } + @font-face { + src: url(/static/font/SourceHanSansK-ExtraLight.woff) format('woff'); + font-family: 'SourceHanSansK'; + font-weight: 100; + } + @font-face { + src: url(/static/font/NanumSquareR.woff) format('woff'); + font-family: 'NanumSquare'; + } + + *{margin:0;padding:0;} + ol, ul{padding:0;margin:0;} + li{list-style:none;} + a:link { + color: inherit; + text-decoration: none; + } + + a:visited { + color: inherit; + text-decoration: none; + } + + a:hover { + color: inherit; + } + + ::-webkit-scrollbar { + width: 10px; + } + + ::-webkit-scrollbar-track { + background: #f1f1f1; + } + + ::-webkit-scrollbar-thumb { + background: #888; + } + + ::-webkit-scrollbar-thumb:hover { + background: #555; + } + + /* 기본 */ + .wixon__wrap{width:100%;font-family: 'SourceHanSansK', sans-serif;} + .font__namum{font-family:'NanumSquare', sans-serif !important;} + + /* header */ + header{width:100%;max-width:1920px;margin:0 auto;height:220px;position:relative;} + .header__inner{ + width:1620px; + height:219px; + margin:0 auto; + border-bottom:1px solid #e7e6e7; + display:flex; + justify-content:space-between; + position:relative; + } + h1{margin-top:70px;margin-left:200px;} + .nav__div{ + margin-right:245px; + margin-top:97px; + font-size:19px; + letter-spacing:8.5px; + font-weight:100; + color:#901438; + cursor:default; + } + .nav__div .uk-icon{cursor:pointer;} + .login__section{position:absolute;width:100px;right:0;top:100px;text-align:right;} + .login_nav{display:none;} + + /* main index */ + .container{width:100%;max-width:1920px;margin:85px auto;} + .content{width:1200px;padding:0 210px;margin:0 auto;border-bottom:1px solid #e7e6e7;} + .content__inner{width:100%;} + .content__inner::after{content:"";display:block;clear:both;} + .post__lists0, .post__lists1, .new__div{float:left;} + .post__lists0, .post__lists1{width:400px;} + .post__lists0{padding-right:30px;} + .post__lists1{padding-right:50px;} + .new__div{width:320px;} + .post__lists li{width:100%;height:auto;} + .post__lists li a{display:block;width:100%;height:100%;} + .lists__img{width:100%;height:auto;max-height:580px;overflow:hidden;} + .lists__img img{width:100%;} + .lists__desc{padding-top:25px;} + .lists__category{ + width:60px; + font-size:0.7em; + color:#898989; + text-align:center; + border-bottom:1px solid #c9c9c9; + margin:0 auto; + } + .lists__title{ + overflow:hidden; + text-overflow:ellipsis; + display:-webkit-box; + -webkit-line-clamp:2; + -webkit-box-orient:vertical; + text-align:center; + word-break:keep-all; + padding:0 30px; + font-size: 1.4em; + line-height: 1.3; + margin:13px 0 20px; + color:#111; + font-family: 'SourceHanSansK', sans-serif !important; + } + .lists__content{ + overflow:hidden; + text-overflow:ellipsis; + display:-webkit-box; + -webkit-line-clamp:3; + -webkit-box-orient:vertical; + color:#898989; + font-size:0.85em; + padding:0 20px; + text-align:center; + word-break:keep-all; + line-height:1.3; + } + .lists__date{text-align:center;font-size:0.8em;margin:20px 0 60px;color:#898989;} + .lists__date b{color:#111;font-weight:400;} + .fake__lists{display:none;} + + .new__post__div{width:100%;} + .new__post__div h2{font-size:1.45em;letter-spacing:-1px;text-indent:10px;margin-bottom:10px;} + .new__posts{width:100%;} + .new__posts li{border-top:1px solid #dcdcdc;width:100%;} + .new__desc{width:100%;} + .new__category{width:35px;color:#898989;border-bottom:1px solid #c9c9c9;font-size:0.7em;padding-top:12px;} + .new__title{ + width:100%; + overflow:hidden; + text-overflow:ellipsis; + display:-webkit-box; + -webkit-line-clamp:3; + -webkit-box-orient:vertical; + word-break:keep-all; + font-size: 0.75em; + color:#666; + margin:20px 0 15px; + font-weight:600; + } + .new__date{font-size:0.7em;margin-bottom:30px;color:#898989;} + .new__date b{color:#111;font-weight:400;} + .post__lists li:hover, .new__posts li:hover{text-shadow:1px 0px 1px RGBA(0,0,0,0.3);} + .post__lists li:hover .lists__img{box-shadow:1px 1px 5px RGBA(144,20,68,0.2);} + + /* footer */ + footer{width:100%;height:430px;background-color:#100e11;} + .footer__inner{ + width:1620px; + margin:0 auto; + display:flex; + justify-content:space-between; + font-weight:600; + color:#777; + padding-left:30px; + } + .footer__tel{font-size:0.65em;letter-spacing:-0.25px;margin:0;padding-top:175px;} + footer address{display:block;font-size:0.65em;letter-spacing:-0.25px;margin:3px 0 0;} + .copywriter{font-size:0.65em;letter-spacing:-0.25px;text-transform:uppercase;margin:20px 0 15px;} + .footer__logo{padding-top:155px;padding-right:80px;} + .slogan{font-size:0.65em;letter-spacing:1px;text-transform:uppercase;margin:15px 0 0;} + .footer__info ul{display:flex;} + .footer__info ul li:first-child{padding-top:25px;margin-right:75px;} + .footer__info ul li:last-child{padding-top:15px;} + + /* post */ + .container__post{margin-bottom:90px;} + .content__info{width:100%;padding-top:60px;} + .content__category{font-size:0.7em;text-indent:15px;color:#898989;margin-bottom:5px;} + .title__div{ + width:100%;height:50px; + line-height:50px; + border-top:1px solid #636363; + border-bottom:1px solid #d2d2d2; + display:flex;justify-content:space-between; + } + .content__title{ + line-height:50px; + text-indent:13px; + font-size:1.1em; + color:#242424; + font-weight:400; + margin:0; + font-family: 'SourceHanSansK', sans-serif !important; + } + .content__date{margin:0;font-size:0.75em;padding-right:60px;} + .content__date span{margin-right:10px;font-size:1.2em;} + .content__desc{padding:40px 55px;font-size:0.85em;color:#343434;} + .etc__list{width:100%;} + .other__list{width:100%;border-top:1px solid #727272;border-bottom:1px solid #727272;} + .other__list ul{width:100%;} + .other__list li{width:100%;height:50px;display:flex;justify-content:left;margin:0;position:relative;} + .other__list__way{text-indent:13px;line-height:50px;margin:0;font-size:0.9em;color:#636363;} + .other__list__title{ + margin:0; + width:630px; + line-height:50px; + overflow:hidden; + text-overflow:ellipsis; + white-space:nowrap; + padding-left:55px; + font-size:0.75em; + } + .other__list__date{position:absolute;right:25px;top:15px;margin:0;font-size:0.75em;} + .other__list__date span{margin-right:10px;font-size:1.2em;} + .btn__area{text-align:right;padding-bottom:145px;} + .btn__area a{ + display:inline-block; + width:130px;height:40px; + line-height:40px; + margin-top:25px;margin-right:12px; + text-align:center; + } + .btn__area .btn__lists{background-color:#000;color:#fff;} + .btn__area .btn__delete{border:1px solid #f0506e;color:#f0506e;} + .btn__area .btn__edit{border:1px solid #4da7ca;color:#4da7ca;} + + + diff --git a/static/font/NanumSquareR.woff b/static/font/NanumSquareR.woff new file mode 100644 index 0000000..cec2a30 Binary files /dev/null and b/static/font/NanumSquareR.woff differ diff --git a/static/font/SourceHanSansK-ExtraLight.woff b/static/font/SourceHanSansK-ExtraLight.woff new file mode 100644 index 0000000..93cf77e Binary files /dev/null and b/static/font/SourceHanSansK-ExtraLight.woff differ diff --git a/static/font/SourceHanSansK-Medium.woff b/static/font/SourceHanSansK-Medium.woff new file mode 100644 index 0000000..b571e08 Binary files /dev/null and b/static/font/SourceHanSansK-Medium.woff differ diff --git a/static/font/SourceHanSansK-Regular.woff b/static/font/SourceHanSansK-Regular.woff new file mode 100644 index 0000000..ee68c7a Binary files /dev/null and b/static/font/SourceHanSansK-Regular.woff differ diff --git a/static/images/logo.png b/static/images/logo.png new file mode 100644 index 0000000..e6384e9 Binary files /dev/null and b/static/images/logo.png differ diff --git a/static/images/lpstock.png b/static/images/lpstock.png new file mode 100644 index 0000000..2fd48bd Binary files /dev/null and b/static/images/lpstock.png differ diff --git a/static/images/menu.png b/static/images/menu.png new file mode 100644 index 0000000..1155e7c Binary files /dev/null and b/static/images/menu.png differ diff --git a/static/images/opusclam.png b/static/images/opusclam.png new file mode 100644 index 0000000..b604c4d Binary files /dev/null and b/static/images/opusclam.png differ diff --git a/templates/base.html b/templates/base.html index 3f53665..7d9707a 100644 --- a/templates/base.html +++ b/templates/base.html @@ -3,90 +3,61 @@ Blog - - + - - - + - + + +
+
+
+

WIXON

+
+ WXNNER BLOG + +
+ +
+
- - -{% block content %}{% endblock %} - - - - - + {% block content %}{% endblock %} + \ No newline at end of file diff --git a/templates/index.html b/templates/index.html index a5b66b9..c020d04 100644 --- a/templates/index.html +++ b/templates/index.html @@ -1,37 +1,140 @@ -{% extends 'base.html' %} -{% block content %} - -
-
- {% if not posts %} -

작성된 포스트가 없습니다.

- {% else %} - {% for post in posts %} -
-
-
- {{ post.title }} -
-
-

{{ post.title }}

- Read - more + {% block content %} +
+
+ {% if not posts %} +

작성된 포스트가 없습니다.

+ {% else %} +
+
    +
+
    +
+
+
    +
+
+

최근 포스트

+ +
+ + {% endif %} +
+
+
+
+
+

+ TEL 02-3141-1305 / 1306 E-mail cser@wixon.co.kr / 기업부설연구소 제 2021154317호 +

+
+ 서울시 마포구 동교로 215-1 한사 스튜디오 406 (주)윅슨어소시에이츠 / #406 , HANSA Studio, 215-1, Donggyo-ro, Mapo-gu, Seoul, Korea +
+

+ © wixon associates Inc. 2022 +

+

+ wixon. Who Invariable eXistence On the New era " wixon associates Inc. " +

+
    +
  • WIXON
    • +
  • WIXON
    • +
- {% endfor %} - {% endif %} + +
+
+ + {% endblock %}
-
-{% endblock %} + + \ No newline at end of file diff --git a/templates/post.html b/templates/post.html index cd4f74a..7e0492d 100644 --- a/templates/post.html +++ b/templates/post.html @@ -1,57 +1,95 @@ {% extends 'base.html' %} {% block content %} -
-
-
- {% if g.is_login and (g.user_info.mb_id == post.mb_id or g.user_info.mb_id in ['admin', 'wixon']) %} -
- 수정 - 삭제 +
+
+
+

{{ post.category }}

+
+

{{ post.title }}

+

{{ post.mb_id }} {{ post.add_date }}

+
+
+ {{ post.contents | safe }} +
+
+
+
+
    + {% if prev_post is not none %} +
  • +

    이전

    +

    + {{ prev_post.title }} +

    +

    + {{ prev_post.mb_id }} {{ prev_post.add_date }} +

    +
    • + {% else %} +
  • +

    이전

    +

    + 이전 글이 없습니다. +

    +
    • + {% endif %} + {% if next_post is not none %} +
  • +

    다음

    +

    + {{ next_post.title }} +

    +

    + {{ next_post.mb_id }} {{ next_post.add_date }} +

    +
    • + {% else %} +
  • +

    다음

    +

    + 다음 글이 없습니다. +

    +
    • + {% endif %} +
+
+
+ {% if g.is_login and (g.user_info.mb_id == post.mb_id or g.user_info.mb_id in ['admin', 'wixon']) %} + 수정 + 삭제 + {% endif %} + 목록
- {% endif %} -

[{{ post.category }}] {{ post.title }}

-

Posted on {{ post.add_date }}

-
- {{ post.contents | safe }}
- -
-
- - - {% if prev_post is not none %} - - - - - {% endif %} - {% if next_post is not none %} - - - - - {% endif %} - -
이전 - {{ prev_post.title }} -
다음 - -
- {{ next_post.title }} -
- -
-
- -
- 목록 -
-
+
+
+
+

+ TEL 02-3141-1305 / 1306 E-mail cser@wixon.co.kr / 기업부설연구소 제 2021154317호 +

+
+ 서울시 마포구 동교로 215-1 한사 스튜디오 406 (주)윅슨어소시에이츠 / #406 , HANSA Studio, 215-1, Donggyo-ro, Mapo-gu, Seoul, Korea +
+

+ © wixon associates Inc. 2022 +

+

+ wixon. Who Invariable eXistence On the New era " wixon associates Inc. " +

+
    +
  • WIXON
    • +
  • WIXON
    • +
+
+ +
+
- {% endblock %} + +