[Landing] initialization and mark up
This commit is contained in:
SA K
14
landing-page/.eslintrc.json
Normal file
14
landing-page/.eslintrc.json
Normal file
@@ -0,0 +1,14 @@
|
||||
{
|
||||
"env": {
|
||||
"browser": true,
|
||||
"es2021": true
|
||||
},
|
||||
"extends": [
|
||||
// "prettier"
|
||||
],
|
||||
"parserOptions": {
|
||||
"ecmaVersion": 12
|
||||
},
|
||||
"rules": {
|
||||
}
|
||||
}
|
||||
24
landing-page/.gitignore
vendored
Normal file
24
landing-page/.gitignore
vendored
Normal file
@@ -0,0 +1,24 @@
|
||||
# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
|
||||
|
||||
# dependencies
|
||||
/node_modules
|
||||
/.pnp
|
||||
.pnp.js
|
||||
/.idea
|
||||
|
||||
# testing
|
||||
/coverage
|
||||
|
||||
# production
|
||||
/build
|
||||
|
||||
# misc
|
||||
.DS_Store
|
||||
.env.local
|
||||
.env.development.local~
|
||||
.env.test.local
|
||||
.env.production.local
|
||||
|
||||
npm-debug.log*
|
||||
yarn-debug.log*
|
||||
yarn-error.log*
|
||||
0
landing-page/.prettierignore
Normal file
0
landing-page/.prettierignore
Normal file
18
landing-page/.prettierrc
Normal file
18
landing-page/.prettierrc
Normal file
@@ -0,0 +1,18 @@
|
||||
{
|
||||
"singleQuote": true,
|
||||
"printWidth": 125,
|
||||
"tabWidth": 2,
|
||||
"useTabs": false,
|
||||
"semi": true,
|
||||
"quoteProps": "as-needed",
|
||||
"jsxSingleQuote": false,
|
||||
"trailingComma": "all",
|
||||
"arrowParens": "avoid",
|
||||
"endOfLine": "auto",
|
||||
"bracketSpacing": true,
|
||||
"jsxBracketSameLine": false,
|
||||
"requirePragma": false,
|
||||
"insertPragma": false,
|
||||
"proseWrap": "preserve",
|
||||
"vueIndentScriptAndStyle": false
|
||||
}
|
||||
39
landing-page/css/common/common.css
Normal file
39
landing-page/css/common/common.css
Normal file
@@ -0,0 +1,39 @@
|
||||
/* common.css */
|
||||
/* clearfix */
|
||||
.clearfix::after,
|
||||
.clearfix:after {
|
||||
content: '';
|
||||
display: block;
|
||||
clear: both;
|
||||
width: 100%;
|
||||
height: 0;
|
||||
}
|
||||
|
||||
/* blind */
|
||||
.blind_wrap a > span,
|
||||
.blind_wrap button > span,
|
||||
.blind {
|
||||
display: block;
|
||||
position: absolute;
|
||||
z-index: -1;
|
||||
width: 0;
|
||||
height: 0;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.blind_wrap a {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
background-repeat: no-repeat;
|
||||
background-position: 50% 50%;
|
||||
}
|
||||
|
||||
/* full */
|
||||
.full,
|
||||
.full_wrap a,
|
||||
.full_wrap button {
|
||||
display: block;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
}
|
||||
130
landing-page/css/common/reset.css
Normal file
130
landing-page/css/common/reset.css
Normal file
@@ -0,0 +1,130 @@
|
||||
/* reset.css */
|
||||
:root {
|
||||
font-size: 16px;
|
||||
}
|
||||
|
||||
html,
|
||||
body {
|
||||
overflow-x: hidden;
|
||||
width: 100%;
|
||||
height: 100%;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-family: 'Pretendard', sans-serif;
|
||||
font-size: 16px;
|
||||
font-weight: 400;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
h1,
|
||||
h2,
|
||||
h3,
|
||||
h4,
|
||||
h5,
|
||||
h6,
|
||||
p,
|
||||
pre,
|
||||
address,
|
||||
ul,
|
||||
li,
|
||||
ol,
|
||||
dl,
|
||||
dt,
|
||||
dd,
|
||||
hr,
|
||||
img,
|
||||
div,
|
||||
form,
|
||||
fieldset,
|
||||
legend,
|
||||
input,
|
||||
select {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
a {
|
||||
text-decoration: none;
|
||||
color: inherit;
|
||||
}
|
||||
|
||||
a:hover {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
ul,
|
||||
ol {
|
||||
list-style: none;
|
||||
}
|
||||
|
||||
hr {
|
||||
border: 0;
|
||||
border-bottom: 0.0625rem solid #505050;
|
||||
}
|
||||
|
||||
button {
|
||||
border: 0;
|
||||
background-color: transparent;
|
||||
cursor: pointer;
|
||||
border-radius: 0;
|
||||
}
|
||||
|
||||
em,
|
||||
address,
|
||||
i {
|
||||
font-style: normal;
|
||||
}
|
||||
|
||||
abbr {
|
||||
text-decoration: none;
|
||||
}
|
||||
|
||||
table,
|
||||
tr,
|
||||
td,
|
||||
th,
|
||||
thead,
|
||||
tbody,
|
||||
tfoot {
|
||||
border: 0.0625rem solid #505050;
|
||||
border-spacing: 0;
|
||||
border-collapse: collapse;
|
||||
}
|
||||
|
||||
header,
|
||||
nav,
|
||||
article,
|
||||
section,
|
||||
aside,
|
||||
menu,
|
||||
footer,
|
||||
figure,
|
||||
figcaption,
|
||||
hgroup {
|
||||
display: block;
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
font-size: 100%;
|
||||
box-sizing: border-box;
|
||||
}
|
||||
|
||||
textarea {
|
||||
resize: none;
|
||||
cursor: text;
|
||||
}
|
||||
|
||||
label,
|
||||
input[type='text'],
|
||||
input[type='password'],
|
||||
input[type='tel'],
|
||||
input[type='url'],
|
||||
input[type='email'],
|
||||
input[type='search'],
|
||||
input[type='checkbox'] {
|
||||
text-indent: 0.5rem;
|
||||
cursor: pointer;
|
||||
}
|
||||
96
landing-page/css/src/index.css
Normal file
96
landing-page/css/src/index.css
Normal file
@@ -0,0 +1,96 @@
|
||||
/* index.css */
|
||||
|
||||
/* #headBox */
|
||||
#headBox {
|
||||
height: 50px;
|
||||
background-color: #fff;
|
||||
}
|
||||
.navbar {
|
||||
height: 100%;
|
||||
}
|
||||
.navbar .container-fluid {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
height: 100%;
|
||||
}
|
||||
.navbar .container-fluid > a {
|
||||
display: block;
|
||||
height: 100%;
|
||||
}
|
||||
.navbar .logo_img {
|
||||
width: 105px;
|
||||
height: 20px;
|
||||
}
|
||||
.navbar .github_img {
|
||||
width: 32px;
|
||||
height: 32px;
|
||||
}
|
||||
|
||||
/* #viewBox */
|
||||
#viewBox {
|
||||
width: 100%;
|
||||
}
|
||||
#viewBox .typo {
|
||||
text-shadow: 0 0.8px 1.5px rgba(18, 0, 88, 0.4);
|
||||
font-weight: 600;
|
||||
line-height: 1.29;
|
||||
letter-spacing: -1.02px;
|
||||
text-align: center;
|
||||
color: #fff;
|
||||
}
|
||||
#viewBox h2 {
|
||||
font-size: 34px;
|
||||
}
|
||||
#viewBox p {
|
||||
font-size: 14px;
|
||||
}
|
||||
#viewBox .container-fluid {
|
||||
display: flex;
|
||||
align-items: center;
|
||||
flex-direction: column;
|
||||
padding: 23px;
|
||||
padding-top: 42px;
|
||||
padding-bottom: 44px;
|
||||
background-image: linear-gradient(to bottom, #264e9c 20%, #b3d5f3 58%, rgba(255, 255, 255, 0) 100%);
|
||||
}
|
||||
#viewBox .btn_area {
|
||||
display: flex;
|
||||
margin-top: 26px;
|
||||
gap: 8px;
|
||||
}
|
||||
#viewBox .btn_area button {
|
||||
width: 120px;
|
||||
height: 40px;
|
||||
gap: 8px;
|
||||
padding: 8px 16px;
|
||||
border: solid 1px #043f84;
|
||||
border-radius: 6px;
|
||||
box-shadow: 0 4px 6px 0 rgba(26, 33, 97, 0.2);
|
||||
font-weight: 600;
|
||||
font-size: 14px;
|
||||
background-color: #043f84;
|
||||
color: #fff;
|
||||
}
|
||||
.source_btn {
|
||||
}
|
||||
|
||||
/* #footBox */
|
||||
#footBox {
|
||||
height: 117px;
|
||||
}
|
||||
|
||||
#footBox .container-fluid {
|
||||
display: flex;
|
||||
justify-content: space-between;
|
||||
height: 100%;
|
||||
padding: 30px 23px 50px 52px;
|
||||
}
|
||||
|
||||
#footBox .logo_img {
|
||||
width: 105px;
|
||||
height: 20px;
|
||||
}
|
||||
#footBox .copyright {
|
||||
font-size: 12px;
|
||||
color: #4a4a4a;
|
||||
}
|
||||
BIN
landing-page/favicon.ico
Normal file
BIN
landing-page/favicon.ico
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 32 KiB |
18
landing-page/fonts/pretendard.css
Normal file
18
landing-page/fonts/pretendard.css
Normal file
@@ -0,0 +1,18 @@
|
||||
@font-face {
|
||||
font-family: 'Pretendard';
|
||||
src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Thin.woff') format('woff');
|
||||
font-weight: 200;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Pretendard';
|
||||
src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Regular.woff') format('woff');
|
||||
font-weight: 400;
|
||||
font-style: normal;
|
||||
}
|
||||
@font-face {
|
||||
font-family: 'Pretendard';
|
||||
src: url('https://cdn.jsdelivr.net/gh/Project-Noonnu/noonfonts_2107@1.1/Pretendard-Bold.woff') format('woff');
|
||||
font-weight: 700;
|
||||
font-style: normal;
|
||||
}
|
||||
3
landing-page/img/ic-github.svg
Normal file
3
landing-page/img/ic-github.svg
Normal file
@@ -0,0 +1,3 @@
|
||||
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
|
||||
<path d="M15.988 2.384C8.259 2.381 2 8.637 2 16.36c0 6.106 3.916 11.297 9.369 13.203.734.185.622-.337.622-.693v-2.422c-4.241.497-4.413-2.31-4.697-2.778-.575-.982-1.935-1.232-1.528-1.7.965-.497 1.95.125 3.09 1.809.825 1.222 2.435 1.016 3.25.813.178-.735.56-1.391 1.085-1.9-4.394-.788-6.225-3.47-6.225-6.657 0-1.547.509-2.968 1.509-4.115-.637-1.891.06-3.51.153-3.75 1.816-.163 3.703 1.3 3.85 1.415 1.031-.278 2.21-.425 3.528-.425 1.325 0 2.506.153 3.547.435.353-.27 2.103-1.525 3.79-1.372.091.24.773 1.822.173 3.687 1.012 1.15 1.528 2.585 1.528 4.135 0 3.193-1.844 5.878-6.25 6.653a3.982 3.982 0 0 1 1.19 2.844v3.515c.025.281 0 .56.47.56 5.534-1.866 9.518-7.094 9.518-13.254 0-7.725-6.263-13.978-13.985-13.978z" fill="#000"/>
|
||||
</svg>
|
||||
|
After Width: | Height: | Size: 831 B |
BIN
landing-page/img/main-visual.png
Normal file
BIN
landing-page/img/main-visual.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 17 KiB |
BIN
landing-page/img/vanilla-meta-logo.png
Normal file
BIN
landing-page/img/vanilla-meta-logo.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 2.9 KiB |
BIN
landing-page/img/vanilla-meta-og.jpg
Normal file
BIN
landing-page/img/vanilla-meta-og.jpg
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 89 KiB |
115
landing-page/index.html
Normal file
115
landing-page/index.html
Normal file
@@ -0,0 +1,115 @@
|
||||
<!DOCTYPE html>
|
||||
<html lang="ko">
|
||||
<head>
|
||||
<meta charset="UTF-8" />
|
||||
<meta
|
||||
name="viewport"
|
||||
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0"
|
||||
/>
|
||||
<meta http-equiv="X-UA-Compatible" content="ie=edge" />
|
||||
<meta name="title" content="Vanilla Meta" />
|
||||
<meta name="description" content="최신 엔터프라이즈용 비즈니스 인텔리전스 웹 애플리케이션, Vanilla Meta" />
|
||||
<title>Vanilla Meta</title>
|
||||
|
||||
<meta property="og:title" content="Vanilla Meta" />
|
||||
<meta property="og:description" content="최신 엔터프라이즈용 비즈니스 인텔리전스 웹 애플리케이션, Vanilla Meta" />
|
||||
<meta property="og:image" content="https://vanillameta.net/assets/img/vanilla-meta-og.jpg" />
|
||||
<meta property="og:url" content="https://vanillameta.net" />
|
||||
<meta property="og:type" content="website" />
|
||||
<meta property="og:site_name" content="Vanilla Meta" />
|
||||
<meta property="og:image:width" content="1200" />
|
||||
<meta property="og:image:height" content="630" />
|
||||
|
||||
<meta name="twitter:card" content="summary" />
|
||||
<meta name="twitter:title" content="Vanilla Meta" />
|
||||
<meta property="twitter:image" content="https://vanillameta.net/assets/img/vanilla-meta-og.jpg" />
|
||||
<meta name="twitter:site" content="https://vanillameta.net" />
|
||||
<meta name="twitter:description" content="최신 엔터프라이즈용 비즈니스 인텔리전스 웹 애플리케이션, Vanilla Meta" />
|
||||
|
||||
<link rel="icon" href="https://vanillameta.net/favicon.ico" />
|
||||
<link rel="apple-touch-icon" href="https://vanillameta.net/assets/img/vanilla-meta-og.jpg" />
|
||||
<link rel="manifest" href="https://vanillameta.net/manifest.json" />
|
||||
|
||||
<link rel="stylesheet" href="fonts/pretendard.css" />
|
||||
<link rel="stylesheet" href="./css/common/reset.css" />
|
||||
<link rel="stylesheet" href="./css/common/common.css" />
|
||||
<link rel="stylesheet" href="./css/src/index.css" />
|
||||
|
||||
<link rel="shortcut icon" href="./favicon.ico" type="image/x-icon" />
|
||||
<link rel="apple-touch-icon" href="./favicon.ico" />
|
||||
|
||||
<link
|
||||
href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css"
|
||||
rel="stylesheet"
|
||||
integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65"
|
||||
crossorigin="anonymous"
|
||||
/>
|
||||
<script
|
||||
src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.2/dist/js/bootstrap.bundle.min.js"
|
||||
integrity="sha384-OERcA2EqjJCMA+/3y+gxIOqMEjwtxJY7qPCqsdltbNJuaOe923+mo//f6V8Qbsw3"
|
||||
crossorigin="anonymous"
|
||||
></script>
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="wrap">
|
||||
<header id="headBox">
|
||||
<nav class="navbar">
|
||||
<div class="container-fluid">
|
||||
<a href="./">
|
||||
<h1 class="blind">Vanilla Meta</h1>
|
||||
<img class="logo_img" src="./img/vanilla-meta-logo.png" alt="Vanilla Meta Logo" />
|
||||
</a>
|
||||
<a href="https://github.com/vanillabrain/vanillameta">
|
||||
<h2 class="blind">Github Link</h2>
|
||||
<img class="github_img" src="./img/ic-github.svg" alt="Github Logo" />
|
||||
</a>
|
||||
</div>
|
||||
</nav>
|
||||
</header>
|
||||
|
||||
<main>
|
||||
<section id="viewBox">
|
||||
<div class="container-fluid">
|
||||
<h2 class="typo">누구나 쉽게 사용하는 통합 데이터 분석</h2>
|
||||
<p class="typo">VanillaMeta with open source on Github</p>
|
||||
<div class="btn_area">
|
||||
<button type="button" class="btn source_btn">소스 보기</button>
|
||||
<button type="button" class="btn demo_btn">데모 보기</button>
|
||||
</div>
|
||||
<div class="img_area">
|
||||
<img src="./img/main-visual.png" alt="" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
|
||||
<section class="whyBox">
|
||||
<div class="container-fluid">
|
||||
<h2>Why VanillaMeta?</h2>
|
||||
<p>
|
||||
바닐라메타는 최신 데이터 탐색적 분석 및 데이터 시각화 솔루션입니다.<br />
|
||||
비즈니스 인텔리전스 도구를 대체하거나 보강할 수 있으며, 다양한 데이터 소스와 잘 통합 됩니다.<br />
|
||||
이러한 바닐라메타는 Github에서 Open Sorce로 제공 받아 사용하실 수 있습니다.
|
||||
</p>
|
||||
</div>
|
||||
</section>
|
||||
</main>
|
||||
|
||||
<footer id="footBox">
|
||||
<div class="container-fluid">
|
||||
<div class="footer_logo">
|
||||
<a href="./">
|
||||
<img class="logo_img" src="./img/vanilla-meta-logo.png" alt="Vanilla Meta" />
|
||||
</a>
|
||||
</div>
|
||||
<div class="copyright">
|
||||
<p>
|
||||
Copyright ©VanillaBrain Inc.<br />
|
||||
All Rights Reserved.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</footer>
|
||||
</div>
|
||||
</body>
|
||||
</html>
|
||||
1395
landing-page/package-lock.json
generated
Normal file
1395
landing-page/package-lock.json
generated
Normal file
File diff suppressed because it is too large
Load Diff
17
landing-page/package.json
Normal file
17
landing-page/package.json
Normal file
@@ -0,0 +1,17 @@
|
||||
{
|
||||
"name": "vanilla-meta-landing",
|
||||
"version": "1.0.0",
|
||||
"description": "",
|
||||
"main": "index.js",
|
||||
"scripts": {
|
||||
"test": "echo \"Error: no test specified\" && exit 1"
|
||||
},
|
||||
"keywords": [],
|
||||
"author": "",
|
||||
"license": "ISC",
|
||||
"devDependencies": {
|
||||
"eslint": "^7.31.0",
|
||||
"prettier": "^2.8.1",
|
||||
"eslint-config-airbnb": "^19.0.4"
|
||||
}
|
||||
}
|
||||
Reference in New Issue
Block a user