outsourcing
/
bodalab
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

svg -> asset

This commit is contained in:
이희원 2026-06-18 14:25:48 +09:00
parent dcbb0b9eb3
commit 06b9bf7c52
5 changed files with 33 additions and 22 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

3
src/images/icon-chevron.svg Normal file
View File

@ -0,0 +1,3 @@
<svg viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 9L12 15L18 9" stroke="white" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 191 B

5
src/images/icon-scroll-down.svg Normal file
View File

@ -0,0 +1,5 @@
<svg viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="36" cy="36" r="35.5" stroke="white"/>
<path d="M28 31L36 40L44 31" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M36 25L36 40" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 330 B

6
src/images/logo.svg Normal file
View File

@ -0,0 +1,6 @@
<svg viewBox="0 0 140 62" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.5" width="139" height="61" stroke="white"/>
<rect x="13.5" y="13.5" width="27" height="35" stroke="white"/>
<rect x="53.5" y="13.5" width="27" height="35" stroke="white"/>
<text x="70" y="36" text-anchor="middle" fill="white" font-family="Pretendard, sans-serif" font-size="10" font-weight="700" letter-spacing="2">BODA LAB</text>
</svg>
Side by Side

After

Width:  |  Height:  |  Size: 439 B

27
src/index.html
View File

@ -15,12 +15,7 @@
<header class="gnb" id="gnb">
<div class="gnb__inner">
<a href="#intro" class="gnb__logo">
<svg viewBox="0 0 140 62" fill="none" xmlns="http://www.w3.org/2000/svg" aria-label="BODA LAB">
<rect x="0.5" y="0.5" width="139" height="61" stroke="white"/>
<rect x="13.5" y="13.5" width="27" height="35" stroke="white"/>
<rect x="53.5" y="13.5" width="27" height="35" stroke="white"/>
<text x="70" y="36" text-anchor="middle" fill="white" font-family="Pretendard, sans-serif" font-size="10" font-weight="700" letter-spacing="2">BODA LAB</text>
</svg>
<img src="images/logo.svg" alt="BODA LAB">
</a>
<nav class="gnb__nav">
<ul>
@ -61,11 +56,7 @@
<h1 class="intro__title">THE BODA LAB</h1>
</div>
<a href="#about" class="scroll-down" aria-label="아래로 스크롤">
<svg viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="36" cy="36" r="35.5" stroke="white"/>
<path d="M28 31L36 40L44 31" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M36 25L36 40" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
</svg>
<img src="images/icon-scroll-down.svg" alt="">
</a>
</section>
@ -160,11 +151,7 @@
people with high technology.
</p>
<a href="#vision" class="scroll-down scroll-down--sm" aria-label="아래로 스크롤">
<svg viewBox="0 0 72 72" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="36" cy="36" r="35.5" stroke="white"/>
<path d="M28 31L36 40L44 31" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/>
<path d="M36 25L36 40" stroke="white" stroke-width="1.5" stroke-linecap="round"/>
</svg>
<img src="images/icon-scroll-down.svg" alt="">
</a>
</div>
</section>
@ -384,9 +371,7 @@
<div class="contact-accordion__item is-open" id="acc-project">
<button class="contact-accordion__header" aria-expanded="true" aria-controls="acc-project-body">
<span>프로젝트 문의</span>
<svg class="contact-accordion__icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M18 15L12 9L6 15" stroke="white" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<img class="contact-accordion__icon" src="images/icon-chevron.svg" alt="">
</button>
<div class="contact-accordion__body" id="acc-project-body">
<form class="contact-form" onsubmit="return false;">
@ -417,9 +402,7 @@
<div class="contact-accordion__item" id="acc-career">
<button class="contact-accordion__header" aria-expanded="false" aria-controls="acc-career-body">
<span>채용</span>
<svg class="contact-accordion__icon" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6 9L12 15L18 9" stroke="white" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/>
</svg>
<img class="contact-accordion__icon" src="images/icon-chevron.svg" alt="">
</button>
<div class="contact-accordion__body" id="acc-career-body" hidden>
<div class="career-tags">

14
vite.config.js
View File

@ -3,10 +3,16 @@ import viteImagemin from 'vite-plugin-imagemin'
export default defineConfig({
root: 'src',
base: './',
build: {
outDir: '../dist',
emptyOutDir: true,
assetsDir: 'assets',
rollupOptions: {
output: {
format: 'iife',
},
},
},
server: {
port: 3000,
@ -20,6 +26,14 @@ export default defineConfig({
},
},
plugins: [
{
name: 'remove-module-attrs',
transformIndexHtml(html) {
return html
.replace(/ type="module"/g, '')
.replace(/ crossorigin/g, '')
},
},
viteImagemin({
gifsicle: { optimizationLevel: 3 },
optipng: { optimizationLevel: 5 },