초기 PM 소스 전체 업로드

This commit is contained in:
koj729
2026-06-12 17:14:03 +09:00
commit 4e33c9a02a
1769 changed files with 377797 additions and 0 deletions
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
+11
View File
@@ -0,0 +1,11 @@
/* 폰트 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&family=Protest+Riot&display=swap');
@import url("https://cdn.jsdelivr.net/gh/orioncactus/pretendard@v1.3.9/dist/web/static/pretendard.min.css");
@font-face {
font-family: 'S-CoreDream-3Light';
src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
font-style: normal;
}
/* 폰트적용 */
/* * { font-family: 'Noto Sans KR', 'Protest Riot', 'Gowun Dodum', sans-serif; } */
+10
View File
@@ -0,0 +1,10 @@
/* https://velog.io/@teo/2022-CSS-Reset-%EB%8B%A4%EC%8B%9C-%EC%8D%A8%EB%B3%B4%EA%B8%B0 */
* { margin: 0; padding: 0; font: inherit; color: inherit; }
*, :after, :before { box-sizing: border-box; }
:root {-webkit-tap-highlight-color:transparent;-webkit-text-size-adjust:100%;text-size-adjust:100%;cursor:default;line-height:1.5;overflow-wrap:break-word;word-break:break-word;tab-size:4}
html, body { height:100%; color: #000; }
img, picture, video, canvas, svg { display: block;max-width:100%; }
button { background:none;border:0;cursor:pointer; }
a { text-decoration:none }
table { border-collapse:collapse;border-spacing:0 }
ul, li { list-style: none; }
+109
View File
@@ -0,0 +1,109 @@
@import url('./reset.css');
@import url('./font.css');
* { font-family: 'Pretendard Variable', 'Pretendard'; font-size: 14px; }
:root {--background-color: rgba(0, 0, 0, 0.3); --color1: #6944F0; --color2: #6944F0; --gray: rgba(255, 255, 255, 0.7); }
html,body { position: relative; font-size: 62.5%; }
body { overflow: hidden; user-select: none; }
.wrap { display: flex; flex-direction: column; height: 100%; }
/* -------------------- Main : Center -------------------- */
#canvas { width: 100vw; height: 100vh; position: relative; overflow: hidden; }
.btnGroup { display: flex; gap: 10px; position: absolute; left: 460px; top: 20px; }
.btnGroup > button { width: fit-content; font-size: 12px;}
.btnGroup > input { width: fit-content; font-size: 12px;}
.left { display: flex; flex-direction: column; position: absolute; top: 14px; left: 14px; width: 420px; max-height: calc(100% - 28px); padding: 14px; border-radius: 14px; background: rgba(255, 255, 255, 0.5); }
.left .side-resize { position: absolute; top: 0; right: -6px; width: 6px; height: 100%; background: none; cursor: ew-resize; }
.left .left-header .file-info { display: flex; align-items: center;}
.left .left-header .file-info .schema { width: fit-content; margin-right: 6px; padding: 0 4px; border-radius: 4px; color: white; background: gray; font-size: 12px; }
.left .left-header .file-info .file-name { flex: 1; font-size: 14px; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.left .left-header h2 { font-family: 'S-CoreDream-3Light'; font-size: 18px; font-weight: bold; }
.left .left-conts { display: flex; display: none; flex-direction: column; position: relative; overflow: auto; scrollbar-gutter: stable; margin-right: -14px; }
.tree-container { width: fit-content; min-width: -webkit-fill-available; background: var(--gray); user-select: none; font-size: 14px; }
.tree { list-style: none; margin: 8px 14px; width: 100%;}
.tree *:before { width: 14px; height: 14px; display: inline-block; }
.tree ul { list-style: none; margin-left: 10px; padding-left: 11px; border-left: 1px dashed #999;}
.tree ul:first-child { margin-left: 0; padding-left: 0; border-left: 0; }
.tree li { list-style: none; width: 100%; white-space: nowrap; }
.tree li > .input-caret { display: none; }
.tree li > .label-caret { display: inline-block; width: 14px; height: 14px; margin: 0 4px; background: url('../img/arrow-plus.svg') no-repeat center center/cover; transition: all 0.2s ease; cursor: pointer; }
.tree li > .input-caret:checked+.label-caret { background: url('../img/arrow-minus.svg') no-repeat center center/cover; transform: rotate(-360deg); }
.tree li > div { display: inline-block; }
.tree li > div > .ifc-type { display: inline-block; padding-left: 6px; color: gray; font-size: 14px; cursor: pointer; }
.tree li > div > .ifc-name { display: inline-block; padding-left: 6px; font-size: 14px; }
.tree li > div.selected { background-color: rgba(0, 123, 255, 0.2); }
.tree li .label-caret > span { margin-left: 14px; color: #000; }
.tree .input-caret:not(:checked)~ul { display: none; }
.tree li > .input-visible { display: none; }
.tree li > .label-visible { display: inline-block; width: 14px; height: 14px; margin-left: 4px; background: url('../img/hide.svg') no-repeat center center/cover; transition: all 0.2s ease; cursor: pointer; }
.tree li > .input-visible:checked+.label-visible { background: url('../img/show.svg') no-repeat center center/cover; transform: rotate(-360deg); }
.right { display: flex; flex-direction: column; position: absolute; top: 14px; right: -680px; width: 420px; max-height: calc(100% - 28px); padding: 14px; border-radius: 14px; background: rgba(255, 255, 255, 0.5); }
.right .side-resize { position: absolute; top: 0; left: -6px; width: 6px; height: 100%; background: none; cursor: ew-resize; }
.show-right { right: 14px !important; }
.right .right-header h2 { font-family: 'S-CoreDream-3Light'; font-size: 18px; font-weight: bold; }
.right .right-conts { display: flex; flex-direction: column; position: relative; overflow-y: auto; scrollbar-gutter: stable; margin-right: -14px; }
.accordion { margin-top: 8px;}
.accordion .accordion-header { display: flex; height: 32px; border-left: 2px solid var(--color2); border-bottom: 1px solid rgba(0, 0, 0, 0.1); background:var(--gray); }
.accordion .accordion-header .btn-accordion { display: flex; align-items: center; position: relative; width: 100%; padding-left: 14px; font-size: 16px; font-weight: bold; text-align: left; }
.accordion .accordion-header .btn-accordion img { width: 16px; height: 16px; margin-right: 7px; }
.accordion .accordion-header .btn-accordion::after { content: ""; display: inline-block; position: absolute; right: 4px; width: 16px; height: 16px; background: url('../img/caret.svg') no-repeat center center/cover; transition: all 0.2s; }
.accordion .accordion-header .btn-accordion.collapse::after { transform: rotate(-180deg); }
.accordion .accordion-collapse { max-height: 0; overflow: hidden; transition: all 0.2s; background:var(--gray); }
.accordion .accordion-collapse[aria-hidden="false"] { max-height: 5000px; /* A large enough value to accommodate content */ }
.accordion .accordion-collapse .accordion-body { display: flex; flex-direction: column; gap: 2px; padding: 14px; border-left: 2px solid var(--color2); }
.accordion .accordion-collapse .accordion-body .sub-title { margin-top: 7px; }
.accordion .accordion-collapse .accordion-body .sub-title:first-child { margin-top: 0; }
.accordion .accordion-collapse .accordion-body dl { display: flex; }
.accordion .accordion-collapse .accordion-body dl dt { width: 40%; padding-left: 8px; color: gray; word-break: break-all; }
.accordion .accordion-collapse .accordion-body dl dd { flex:1; padding-left: 8px; word-break: break-all; }
/* -------------------- Scrollbar -------------------- */
.scrollbar::-webkit-scrollbar { width: 16px; }
.scrollbar::-webkit-scrollbar-track { background-color: transparent; }
.scrollbar::-webkit-scrollbar-thumb { background-color: gray; border-radius: 20px; border: 6px solid transparent; background-clip: content-box; min-height: 50px; }
.scrollbar::-webkit-scrollbar-thumb:hover { background-color: var(--color1); }
.scrollbar::-webkit-scrollbar-corner { background: transparent; }
/* -------------------- Progress -------------------- */
.progress-wrap { display: flex; justify-content: center; align-items: center; position: absolute; left: 0; top: 0; width: 100%; height: 100%; }
.progress-wrap .progress-content { display: flex; flex-direction: column; align-items: center; font-family: 'Protest Riot'; font-size: 30px; }
.loader { display: inline-block; position: relative; width: 48px; height: 48px; }
.loader::after, .loader::before { content: ''; position: absolute; left: 0; top: 0; width: 48px; height: 48px; border: 4px solid #FFF; box-sizing: border-box; animation: rotation 2s ease-in-out infinite; }
.loader::after { border-color: var(--color1); animation-delay: 1s; }
@keyframes rotation { 0% { transform: rotate(0deg); } 100% { transform: rotate(360deg); } }
/* -------------------- Modal -------------------- */
.modal { display: none; justify-content: center; align-items: center; position: fixed; top: 0; left: 0; width: 100vw; height: 100vh; background: rgba(0, 0, 0, 0.5); z-index: 1000; }
.modal-content { position: relative; width: 90%; max-width: 500px; padding: 20px; border-radius: 8px; background: #fff; box-shadow: 0 2px 10px rgba(0, 0, 0, 0.3); animation: fadeIn 0.3s ease-out; }
.modal-content > .modal__conts { font-size: 18px; }
@keyframes fadeIn { from { opacity: 0; transform: translateY(-10px); } to { opacity: 1; transform: translateY(0); } }
.highlight { color:darkred; font-family: 'Protest Riot'; font-size: 18px; font-weight: bold; }
/* -------------------- Media query -------------------- */
@media (max-width: 768px) {
.left { display: none }
.right { display: none }
}
+4
View File
@@ -0,0 +1,4 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="20" height="20" rx="4" fill="#D9D9D9"/>
<path d="M15.1429 11H4.85714C4.62981 11 4.4118 10.8946 4.25105 10.7071C4.09031 10.5196 4 10.2652 4 10C4 9.73478 4.09031 9.48043 4.25105 9.29289C4.4118 9.10536 4.62981 9 4.85714 9H15.1429C15.3702 9 15.5882 9.10536 15.7489 9.29289C15.9097 9.48043 16 9.73478 16 10C16 10.2652 15.9097 10.5196 15.7489 10.7071C15.5882 10.8946 15.3702 11 15.1429 11Z" fill="black"/>
</svg>

After

Width:  |  Height:  |  Size: 516 B

+4
View File
@@ -0,0 +1,4 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="20" height="20" rx="4" fill="#D9D9D9"/>
<path d="M10 5V15M15 10H5" stroke="#292828" stroke-width="1.66667" stroke-linecap="round"/>
</svg>

After

Width:  |  Height:  |  Size: 248 B

+3
View File
@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path fill-rule="evenodd" clip-rule="evenodd" d="M19.5276 15.6023C19.1951 15.8933 18.6897 15.8596 18.3987 15.5271L12.0008 8.2152L5.6028 15.5271C5.3119 15.8596 4.8065 15.8933 4.474 15.6023C4.1415 15.3114 4.1078 14.806 4.3987 14.4735L12.0008 5.7854L19.6028 14.4735C19.8938 14.806 19.8601 15.3114 19.5276 15.6023Z" fill="#000" fill-opacity="1.0"/>
</svg>

After

Width:  |  Height:  |  Size: 448 B

+3
View File
@@ -0,0 +1,3 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.4 17L3 15.6L8.6 10L3 4.4L4.4 3L10 8.6L15.6 3L17 4.4L11.4 10L17 15.6L15.6 17L10 11.4L4.4 17Z" fill="black"/>
</svg>

After

Width:  |  Height:  |  Size: 223 B

+3
View File
@@ -0,0 +1,3 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M1.66683 4.39134L2.7335 3.33301L16.6668 17.2663L15.6085 18.333L13.0418 15.7663C12.0835 16.083 11.0668 16.2497 10.0002 16.2497C5.8335 16.2497 2.27516 13.658 0.833496 9.99967C1.4085 8.53301 2.32516 7.24134 3.49183 6.21634L1.66683 4.39134ZM10.0002 7.49967C10.6632 7.49967 11.2991 7.76307 11.7679 8.23191C12.2368 8.70075 12.5002 9.33663 12.5002 9.99967C12.5006 10.2835 12.4527 10.5653 12.3585 10.833L9.16683 7.64134C9.43455 7.54716 9.71636 7.49925 10.0002 7.49967ZM10.0002 3.74967C14.1668 3.74967 17.7252 6.34134 19.1668 9.99967C18.4863 11.7271 17.3306 13.2266 15.8335 14.3247L14.6502 13.133C15.8026 12.3359 16.7321 11.2573 17.3502 9.99967C16.6765 8.62456 15.6306 7.46603 14.3313 6.6558C13.032 5.84557 11.5314 5.41614 10.0002 5.41634C9.09183 5.41634 8.20016 5.56634 7.36683 5.83301L6.0835 4.55801C7.2835 4.04134 8.6085 3.74967 10.0002 3.74967ZM2.65016 9.99967C3.32378 11.3748 4.36971 12.5333 5.66903 13.3435C6.96834 14.1538 8.46892 14.5832 10.0002 14.583C10.5752 14.583 11.1418 14.5247 11.6668 14.408L9.76683 12.4997C9.18697 12.4375 8.64585 12.1787 8.23348 11.7664C7.8211 11.354 7.56232 10.8129 7.50016 10.233L4.66683 7.39134C3.84183 8.09967 3.15016 8.98301 2.65016 9.99967Z" fill="black"/>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

+3
View File
@@ -0,0 +1,3 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M10.0002 7.5C9.33712 7.5 8.70124 7.76339 8.2324 8.23223C7.76355 8.70107 7.50016 9.33696 7.50016 10C7.50016 10.663 7.76355 11.2989 8.2324 11.7678C8.70124 12.2366 9.33712 12.5 10.0002 12.5C10.6632 12.5 11.2991 12.2366 11.7679 11.7678C12.2368 11.2989 12.5002 10.663 12.5002 10C12.5002 9.33696 12.2368 8.70107 11.7679 8.23223C11.2991 7.76339 10.6632 7.5 10.0002 7.5ZM10.0002 14.1667C8.89509 14.1667 7.83529 13.7277 7.05388 12.9463C6.27248 12.1649 5.8335 11.1051 5.8335 10C5.8335 8.89493 6.27248 7.83512 7.05388 7.05372C7.83529 6.27232 8.89509 5.83333 10.0002 5.83333C11.1052 5.83333 12.165 6.27232 12.9464 7.05372C13.7278 7.83512 14.1668 8.89493 14.1668 10C14.1668 11.1051 13.7278 12.1649 12.9464 12.9463C12.165 13.7277 11.1052 14.1667 10.0002 14.1667ZM10.0002 3.75C5.8335 3.75 2.27516 6.34167 0.833496 10C2.27516 13.6583 5.8335 16.25 10.0002 16.25C14.1668 16.25 17.7252 13.6583 19.1668 10C17.7252 6.34167 14.1668 3.75 10.0002 3.75Z" fill="black"/>
</svg>

After

Width:  |  Height:  |  Size: 1.0 KiB

+63
View File
@@ -0,0 +1,63 @@
<!doctype html><html lang="ko"><head><meta charset="UTF-8"><meta name="viewport" content="width=device-width,initial-scale=1"><title>Document</title><link rel="stylesheet" href="./css/style.css"></head><body><canvas class="canvas" id="canvas"></canvas><div class="progress-wrap"><div class="progress-content" id="progress-text"></div></div><div class="modal"><div class="modal-content"><div class="modal__conts">• 모델 파일은 <span class="highlight">300MB</span>를 초과할 경우 지원되지 않습니다<br>• 파일 크기가 클 땐 웹 최적화된 GLB포맷 또는 IFC형식으로 변환해 보세요<br></div></div></div><div class="btnGroup"></div><div class="left" id="tree"><div class="side-resize"></div><div class="left-header"><div class="file-info"><div id="schema" class="schema">Version</div><div id="file-name" class="file-name"></div></div><h2>FileName</h2></div><div class="left-conts scrollbar"><div class="tree-container" id="tree-container"><ul class="tree"><li><input type="checkbox" id="root" class="input-caret" checked="checked"> <label for="root" class="label-caret"></label> <input type="checkbox" id="root-visible" class="input-visible"> <label for="root-visible" class="label-visible"></label><div><span class="ifc-type">node-02-01</span> <span class="ifc-name">Description1111111112222222444442222222221</span></div><ul><li><input type="checkbox" id="node-01" class="input-caret"> <label for="node-01" class="label-caret"></label> <input type="checkbox" id="node-01-visible" class="input-visible"> <label for="node-01-visible" class="label-visible"></label><div><span class="ifc-type">node-01</span> <span class="ifc-name">Description1111</span></div></li><li><input type="checkbox" id="node-02" class="input-caret"> <label for="node-02" class="label-caret"></label> <input type="checkbox" id="node-02-visible" class="input-visible"> <label for="node-02-visible" class="label-visible"></label><div><span class="ifc-type">node-02</span> <span class="ifc-name">Description2</span></div><ul><li><input type="checkbox" id="node-02-01" class="input-caret"> <label for="node-02-01" class="label-caret"></label> <input type="checkbox" id="node-02-01-visible" class="input-visible"> <label for="node-02-01-visible" class="label-visible"></label><div><span class="ifc-type">node-02-01</span> <span class="ifc-name">Description2</span></div></li><li><input type="checkbox" id="node-02-02" class="input-caret"> <label for="node-02-02" class="label-caret"></label> <input type="checkbox" id="node-02-02-visible" class="input-visible"> <label for="node-02-02-visible" class="label-visible"></label><div><span class="ifc-type">node-02-02</span> <span class="ifc-name">Description2</span></div></li></ul></li><li><input type="checkbox" id="node-03"> <label for="node-03" class="label-caret"></label> <input type="checkbox" id="node-03-visible" class="input-visible"> <label for="node-03-visible" class="label-visible"></label><div>node-03<span>Description</span></div></li></ul></li></ul></div></div></div><div class="right" id="property-table"><div class="side-resize"></div><div class="right-header"><h2>PROPERTIES</h2></div><div class="right-conts scrollbar"><div class="accordion"><div class="accordion-header"><button type="button" class="btn-accordion" aria-expanded="false" aria-controls="Attributes">Attributes</button></div><div class="accordion-collapse collapse" id="Attributes" aria-hidden="true"><div class="accordion-body"></div></div></div><div class="accordion"><div class="accordion-header"><button type="button" class="btn-accordion" aria-expanded="false" aria-controls="PropertySets">Property Sets</button></div><div class="accordion-collapse collapse" id="PropertySets" aria-hidden="true"><div class="accordion-body"></div></div></div><div class="accordion"><div class="accordion-header"><button type="button" class="btn-accordion" aria-expanded="false" aria-controls="Material">Material</button></div><div class="accordion-collapse collapse" id="Material" aria-hidden="true"><div class="accordion-body"></div></div></div><div class="accordion"><div class="accordion-header"><button type="button" class="btn-accordion" aria-expanded="false" aria-controls="SpatialContainer">Spatial Container</button></div><div class="accordion-collapse collapse" id="SpatialContainer" aria-hidden="true"><div class="accordion-body"></div></div></div></div></div><script>/* -------------------- Left, Right 사이드 패널 폭 조절 -------------------- */
const $leftResize = document.querySelector('.left .side-resize');
const $rightResize = document.querySelector('.right .side-resize');
const $left = document.querySelector('.left');
const $right = document.querySelector('.right');
let activeResize = null; // "left" 또는 "right" 값을 가짐
let startX = 0;
let initialWidth = 0;
// 왼쪽 리사이저: 왼쪽 요소의 너비 조절
$leftResize.addEventListener('mousedown', (event) => {
activeResize = 'left';
startX = event.clientX;
initialWidth = $left.getBoundingClientRect().width;
});
// 오른쪽 리사이저: 오른쪽 요소의 너비 조절
$rightResize.addEventListener('mousedown', (event) => {
activeResize = 'right';
startX = event.clientX;
initialWidth = $right.getBoundingClientRect().width;
});
// 마우스 업 시, 드래그 종료
document.addEventListener('mouseup', () => {
activeResize = null;
});
// 마우스 이동 시, 해당하는 요소의 너비 조절
document.addEventListener('mousemove', (event) => {
if (!activeResize) return;
if (activeResize === 'left') {
// 왼쪽 요소의 경우, 오른쪽으로 드래그하면 너비 증가
const newWidth = initialWidth + (event.clientX - startX);
handleResize($left, newWidth);
} else if (activeResize === 'right') {
// 오른쪽 요소의 경우, 보통 리사이저가 왼쪽 경계에 있으므로
// 마우스를 왼쪽으로 드래그하면 너비 증가
const newWidth = initialWidth - (event.clientX - startX);
handleResize($right, newWidth);
}
});
// 사이즈 조절 동작 함수 (최소, 최대값 적용)
function handleResize(elem, newWidth) {
if (!elem) return;
if (newWidth <= 300) {
elem.style.width = '300px';
} else if (newWidth >= 650) {
elem.style.width = '650px';
} else {
elem.style.width = `${newWidth}px`;
}
}</script><script src="https://api.digitalarchive.work/hmCesium/lib/axios/dist/axios.js"></script><script async src="https://unpkg.com/es-module-shims@1.6.3/dist/es-module-shims.js"></script><script type="importmap">{
"imports": {
"three": "../node_modules/three/build/three.module.js",
"three/addons/": "../node_modules/three/examples/jsm/",
"@tweenjs/tween.js": "../node_modules/@tweenjs/tween.js/dist/tween.esm.js"
}
}</script><script defer="defer" src="./bundle.669a5fff259e4110fa12.js"></script><script defer="defer" src="./bundle.26e9bcb072f8f12dccbf.js"></script></body></html>
+46
View File
@@ -0,0 +1,46 @@
# Basis Universal GPU Texture Compression
Basis Universal is a "[supercompressed](http://gamma.cs.unc.edu/GST/gst.pdf)"
GPU texture and texture video compression system that outputs a highly
compressed intermediate file format (.basis) that can be quickly transcoded to
a wide variety of GPU texture compression formats.
[GitHub](https://github.com/BinomialLLC/basis_universal)
## Transcoders
Basis Universal texture data may be used in two different file formats:
`.basis` and `.ktx2`, where `ktx2` is a standardized wrapper around basis texture data.
For further documentation about the Basis compressor and transcoder, refer to
the [Basis GitHub repository](https://github.com/BinomialLLC/basis_universal).
The folder contains two files required for transcoding `.basis` or `.ktx2` textures:
* `basis_transcoder.js` — JavaScript wrapper for the WebAssembly transcoder.
* `basis_transcoder.wasm` — WebAssembly transcoder.
Both are dependencies of `KTX2Loader`:
```js
const ktx2Loader = new KTX2Loader();
ktx2Loader.setTranscoderPath( 'examples/jsm/libs/basis/' );
ktx2Loader.detectSupport( renderer );
ktx2Loader.load( 'diffuse.ktx2', function ( texture ) {
const material = new THREE.MeshStandardMaterial( { map: texture } );
}, function () {
console.log( 'onProgress' );
}, function ( e ) {
console.error( e );
} );
```
## License
[Apache License 2.0](https://github.com/BinomialLLC/basis_universal/blob/master/LICENSE)
File diff suppressed because one or more lines are too long
Binary file not shown.
+32
View File
@@ -0,0 +1,32 @@
# Draco 3D Data Compression
Draco is an open-source library for compressing and decompressing 3D geometric meshes and point clouds. It is intended to improve the storage and transmission of 3D graphics.
[Website](https://google.github.io/draco/) | [GitHub](https://github.com/google/draco)
## Contents
This folder contains three utilities:
* `draco_decoder.js` — Emscripten-compiled decoder, compatible with any modern browser.
* `draco_decoder.wasm` — WebAssembly decoder, compatible with newer browsers and devices.
* `draco_wasm_wrapper.js` — JavaScript wrapper for the WASM decoder.
Each file is provided in two variations:
* **Default:** Latest stable builds, tracking the project's [master branch](https://github.com/google/draco).
* **glTF:** Builds targeted by the [glTF mesh compression extension](https://github.com/KhronosGroup/glTF/tree/master/extensions/2.0/Khronos/KHR_draco_mesh_compression), tracking the [corresponding Draco branch](https://github.com/google/draco/tree/gltf_2.0_draco_extension).
Either variation may be used with `DRACOLoader`:
```js
var dracoLoader = new DRACOLoader();
dracoLoader.setDecoderPath('path/to/decoders/');
dracoLoader.setDecoderConfig({type: 'js'}); // (Optional) Override detection of WASM support.
```
Further [documentation on GitHub](https://github.com/google/draco/tree/master/javascript/example#static-loading-javascript-decoder).
## License
[Apache License 2.0](https://github.com/google/draco/blob/master/LICENSE)
File diff suppressed because one or more lines are too long
Binary file not shown.
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
@@ -0,0 +1,46 @@
# Basis Universal GPU Texture Compression
Basis Universal is a "[supercompressed](http://gamma.cs.unc.edu/GST/gst.pdf)"
GPU texture and texture video compression system that outputs a highly
compressed intermediate file format (.basis) that can be quickly transcoded to
a wide variety of GPU texture compression formats.
[GitHub](https://github.com/BinomialLLC/basis_universal)
## Transcoders
Basis Universal texture data may be used in two different file formats:
`.basis` and `.ktx2`, where `ktx2` is a standardized wrapper around basis texture data.
For further documentation about the Basis compressor and transcoder, refer to
the [Basis GitHub repository](https://github.com/BinomialLLC/basis_universal).
The folder contains two files required for transcoding `.basis` or `.ktx2` textures:
* `basis_transcoder.js` — JavaScript wrapper for the WebAssembly transcoder.
* `basis_transcoder.wasm` — WebAssembly transcoder.
Both are dependencies of `KTX2Loader`:
```js
const ktx2Loader = new KTX2Loader();
ktx2Loader.setTranscoderPath( 'examples/jsm/libs/basis/' );
ktx2Loader.detectSupport( renderer );
ktx2Loader.load( 'diffuse.ktx2', function ( texture ) {
const material = new THREE.MeshStandardMaterial( { map: texture } );
}, function () {
console.log( 'onProgress' );
}, function ( e ) {
console.error( e );
} );
```
## License
[Apache License 2.0](https://github.com/BinomialLLC/basis_universal/blob/master/LICENSE)
File diff suppressed because one or more lines are too long
@@ -0,0 +1,32 @@
# Draco 3D Data Compression
Draco is an open-source library for compressing and decompressing 3D geometric meshes and point clouds. It is intended to improve the storage and transmission of 3D graphics.
[Website](https://google.github.io/draco/) | [GitHub](https://github.com/google/draco)
## Contents
This folder contains three utilities:
* `draco_decoder.js` — Emscripten-compiled decoder, compatible with any modern browser.
* `draco_decoder.wasm` — WebAssembly decoder, compatible with newer browsers and devices.
* `draco_wasm_wrapper.js` — JavaScript wrapper for the WASM decoder.
Each file is provided in two variations:
* **Default:** Latest stable builds, tracking the project's [master branch](https://github.com/google/draco).
* **glTF:** Builds targeted by the [glTF mesh compression extension](https://github.com/KhronosGroup/glTF/tree/master/extensions/2.0/Khronos/KHR_draco_mesh_compression), tracking the [corresponding Draco branch](https://github.com/google/draco/tree/gltf_2.0_draco_extension).
Either variation may be used with `DRACOLoader`:
```js
var dracoLoader = new DRACOLoader();
dracoLoader.setDecoderPath('path/to/decoders/');
dracoLoader.setDecoderConfig({type: 'js'}); // (Optional) Override detection of WASM support.
```
Further [documentation on GitHub](https://github.com/google/draco/tree/master/javascript/example#static-loading-javascript-decoder).
## License
[Apache License 2.0](https://github.com/google/draco/blob/master/LICENSE)
File diff suppressed because one or more lines are too long
Binary file not shown.
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
File diff suppressed because one or more lines are too long
Binary file not shown.
+24
View File
@@ -0,0 +1,24 @@
/* 폰트 */
@import url('https://fonts.googleapis.com/css2?family=Noto+Sans+KR&family=Protest+Riot&display=swap');
@font-face {
font-family: 'S-CoreDream-3Light';
src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_six@1.2/S-CoreDream-3Light.woff') format('woff');
font-style: normal;
}
@font-face {
font-family: 'SeoulNamsanM';
src: url('https://fastly.jsdelivr.net/gh/projectnoonnu/noonfonts_two@1.0/SeoulNamsanM.woff') format('woff');
font-weight: normal;
font-style: normal;
}
/* @font-face {
font-family: "Nova Flat", system-ui;
font-weight: 400;
font-style: normal;
src:url('https://fonts.googleapis.com/css2?family=Nova+Flat&display=swap');
} */
/* 폰트적용 */
/* * { font-family: 'Noto Sans KR', 'Protest Riot', 'Gowun Dodum', sans-serif; } */
+712
View File
@@ -0,0 +1,712 @@
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GSIM Viewer</title>
<link rel="stylesheet" href="./style.css">
<link rel="stylesheet" href="./reset.css">
<link rel="stylesheet" href="./system.css">
<!-- <link rel="icon" href=""> -->
</head>
<body style="overflow: hidden; user-select: none;">
<div id="mapContainer"></div>
<!-- 헤더부분 ===== ===== ===== ===== ===== -->
<header>
<div class="header-left">
<img class="icon" src="./svg/gsim-logo.svg" alt="gsim-logo">
<h3 id="project-title">건설공사</h3>
</div>
</header>
<!-- 320px 이하 오류 메시지 ===== ===== ===== ===== ===== -->
<div class="notice">
<img class="icon" src="./svg/error.svg" alt="error">
<h5>이 해상도는 지원하지 않습니다.</h5>
</div>
<!-- [[[[[ [[[[[ [[[[[ [[[[[ [[[[[ 작성하는 곳 ]]]]] ]]]]] ]]]]] ]]]]] ]]]]] -->
<!-- 분할비교 slider -->
<div class="split-slider" id="slider" style="display: none;">
<div class="split-icon" id="slider-icon">
<img class="icon" src="./svg/icon-split.svg" alt="icon-split">
</div>
</div>
<main>
<!-- 상단부분 -->
<div class="top">
<!-- 상단 왼쪽 부분 -->
<div class="top-left">
<!-- 모델기반 left -->
<div class="window-big" id="model-list">
<div class="window-header">
<h3 id="left-list-title">모델기반(3D)</h3>
<img class="icon" src="./svg/icon-sign-down-fff.svg" alt="icon-sign-down-fff">
</div>
<div class="window-body">
<ul></ul>
</div>
</div>
</div>
<!-- 상단 오른쪽 부분 -->
<div class="top-right">
<!-- 모델기반 right -->
<div class="window-big" id="model-list-right" style="display: none;">
<div class="window-header">
<h3 id="right-list-title">우측화면 모델</h3>
<img class="icon" src="./svg/icon-sign-down-fff.svg" alt="icon-sign-down-fff">
</div>
<div class="window-body">
<ul></ul>
</div>
</div>
<!-- 라벨 가져오기 -->
<div class="window-big" id="label-get">
<div class="window-header">
<h3>라벨 가져오기</h3>
<img class="icon" src="./svg/icon-close.svg" alt="icon-close">
</div>
<div class="window-body">
<div class="dropdown">
<button class="dropdown-toggle">
<h4 id="label-get-selected">라벨을 가져올 모델을 선택하세요.</h4>
<img class="icon" src="./svg/icon-sign-down-fff.svg" alt="icon-sign-down-fff">
</button>
<div class="dropdown-menu">
<ul id="label-get-list">
<li>[공사중] 2공구 중간태</li>
<li>[공사중] 1공구 중간태</li>
<li>[공사중] 4공구 설계 시설</li>
</ul>
</div>
</div>
<div class="window-btn-wrap">
<!-- <div class="big-btn" id="">
<h3>삭제</h3>
</div> -->
<div class="big-btn" id="label-get-submit">
<h3>적용</h3>
</div>
</div>
</div>
</div>
<!-- 라벨추가 -->
<div class="window-big" id="func-label-add" style="display: none;">
<div class="window-header">
<h3>라벨 속성</h3>
<img class="icon" src="./svg/icon-close.svg" alt="icon-close">
</div>
<div class="window-body">
<div class="window-content">
<h4>라벨 텍스트</h4>
<input type="text" id="modal-label-text" name="label-text" placeholder="라벨 내용 입력" />
</div>
<div class="window-content">
<h4>라벨크기</h4>
<div class="font-size" id="modal-label-size">
<label>
<input type="radio" name="fontsize" value="10">
<span class="btn">10pt</span>
</label>
<label>
<input type="radio" name="fontsize" value="15">
<span class="btn">12pt</span>
</label>
<label>
<input type="radio" name="fontsize" value="20">
<span class="btn">14pt</span>
</label>
<label>
<input type="radio" name="fontsize" value="25" checked>
<span class="btn">16pt</span>
</label>
</div>
</div>
<div class="window-content">
<h4>배경색</h4>
<div class="color-picker" id="modal-label-color">
<label>
<input type="radio" name="color" value="#F21D0D" />
<span class="color-swatch" style="background-color: var(--color-red);"></span>
</label>
<label>
<input type="radio" name="color" value="#B92ED1" />
<span class="color-swatch" style="background-color: var(--color-magenta);"></span>
</label>
<label>
<input type="radio" name="color" value="#6D3DC2" />
<span class="color-swatch" style="background-color: var(--color-purple);"></span>
</label>
<label>
<input type="radio" name="color" value="#03AEFC" />
<span class="color-swatch" style="background-color: var(--color-cyan);"></span>
</label>
<label>
<input type="radio" name="color" value="#4DB251" />
<span class="color-swatch" style="background-color: var(--color-green);"></span>
</label>
<label>
<input type="radio" name="color" value="#FFBF00" />
<span class="color-swatch" style="background-color: var(--color-yellow);"></span>
</label>
<label>
<input type="radio" name="color" value="#A0705F" />
<span class="color-swatch" style="background-color: var(--color-brown);"></span>
</label>
<label>
<input type="radio" name="color" value="#7F7F7F" />
<span class="color-swatch" style="background-color: var(--color-iron);"></span>
</label>
<label>
<input type="radio" name="color" value="#688897" />
<span class="color-swatch" style="background-color: var(--color-steel);"></span>
</label>
<label>
<input type="radio" name="color" id="last-swatch" value="#000000" checked/>
<span class="color-swatch"
style="background-color: #000000;"></span>
</label>
</div>
</div>
<div class="window-content">
<h4>배경 투명도</h4>
<div class="z-scaleBar-gauge">
<input type="range" min="0" max="1" step="0.25" value="0" class="slider" id="modal-label-alpha">
</div>
<img class="label-opacity-number" src="./svg/label-opacity-number.svg"
alt="label-opacity-number">
</div>
<div class="window-btn-wrap">
<div class="big-btn" id="modal-label-delete">
<h3>삭제</h3>
</div>
<div class="big-btn" id="modal-label-submit">
<h3>적용</h3>
</div>
</div>
</div>
</div>
<!-- 라벨 -->
<div class="window-big" id="func-label" style="display: none;">
<div class="window-header">
<h3>라벨</h3>
<img class="icon" src="./svg/icon-close.svg" alt="icon-close" style="display: none;">
</div>
<div class="window-body" style="display: none;">
<h4>라벨을 적용할 모델</h4>
<div class="file-click">
<h4 class="file-title">[공사 중] 설계 변경</h4>
<img class="icon" src="./svg/icon-sign-down-fff.svg" alt="icon-sign-down-fff">
</div>
</div>
<div class="window-footer">
<ul>
<li>
<img class="icon" src="./svg/icon-label-dot-white.svg" alt="icon-label-dot-white">
<h4>인주JCT 1교, L=25m</h4>
</li>
<li>
<img class="icon" src="./svg/icon-label-dot-white.svg" alt="icon-label-dot-white">
<h4>인주JCT 1교, L=25m</h4>
</li>
</ul>
</div>
</div>
<!-- 이슈추가 -->
<div class="window-big" id="func-issue-add" style="display: none;">
<div class="window-header">
<h3>이슈 속성</h3>
<img class="icon" src="./svg/icon-close.svg" alt="icon-close">
</div>
<div class="window-body">
<div class="window-content">
<h4>작성자와 날짜</h4>
<div class="file-click">
<h4 id="modal-issue-writer">이동호 선임연구원</h4>
<h4 id="modal-issue-date">2025-00-00</h4>
</div>
</div>
<div class="window-content">
<h4>제목</h4>
<input type="text" id="modal-issue-text" name="label-text" placeholder="제목 입력" />
<!-- <img class="icon" src="./svg/icon-calendar.svg" alt="icon-calendar"> -->
</div>
<div class="window-content">
<h4>상세내용</h4>
<textarea class="issue-txt" id="modal-issue-content" name="issue-txt" id="/"
placeholder="상세 내용 입력"></textarea>
</div>
<div class="window-content" style="display: none;"><!-- 첨부파일 임시 제거 -->
<div class="window-content-header">
<h4>첨부파일</h4>
<div class="xs-icon-btn" id="">
<img class="icon" src="./svg/icon-add.svg" alt="icon-add">
<p style="color: var(--grayscale-lv0-background) !important;">파일추가</p>
</div>
</div>
<div class="file-click">
<ul>
<li>
<h4>사용자 시방서.pdf</h4>
<img class="icon" src="./svg/icon-delete.svg" alt="icon-delete">
</li>
</ul>
</div>
</div>
<div class="window-btn-wrap">
<div class="big-btn" id="modal-issue-cancel">
<h3>삭제</h3>
</div>
<div class="big-btn" id="modal-issue-submit">
<h3>적용</h3>
</div>
</div>
</div>
</div>
<!-- 이슈 -->
<div class="window-big" id="func-issue" style="display: none;">
<div class="window-header">
<h3>이슈</h3>
<img class="icon" src="./svg/icon-close.svg" alt="icon-close" style="display: none;">
</div>
<div class="window-body" style="display: none;">
<h4>이슈를 적용할 모델</h4>
<div class="file-click">
<h4 class="file-title">[공사 중] 설계 변경</h4>
<img class="icon" src="./svg/icon-sign-down-fff.svg" alt="icon-sign-down-fff">
</div>
</div>
<div class="window-footer">
<ul>
<li>
<img class="icon" src="./svg/icon-label-dot-white.svg" alt="icon-label-dot-white">
<h4>이슈1</h4>
</li>
<li>
<img class="icon" src="./svg/icon-label-dot-white.svg" alt="icon-label-dot-white">
<h4>이슈 추가2</h4>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- 창뜨는 부분 -->
<div class="bottom-up">
<div class="bottom-up-left">
<!-- 좌표변환 창 -->
<div class="window" id="select-coordi" style="display: none;">
<div class="window-header">
<h3>좌표변환</h3>
<img class="icon" src="./svg/icon-close.svg" alt="icon-close" id="select-coordi-close">
</div>
<div class="window-body">
<div class="window-body-content">
<p>위치표시</p>
<label class="radio-label">
<input type="radio" name="gcs" id="gcs1" checked><span
class="radio-custom-inbox"></span>위도,
경도
</label>
<label class="radio-label">
<input type="radio" name="gcs" id="gcs2"><span class="radio-custom-inbox"></span>토목좌표
(x,y)
</label>
</div>
<div class="window-body-content">
<p>투영원점</p>
<label class="radio-label" style="opacity: 25%; cursor: not-allowed;">
<input type="radio" name="pcs" id="5185" disabled><span class="radio-custom-inbox"></span>서부
</label>
<label class="radio-label" style="opacity: 25%; cursor: not-allowed;">
<input type="radio" name="pcs" id="5186" disabled><span class="radio-custom-inbox"></span>중부
</label>
<label class="radio-label" style="opacity: 25%; cursor: not-allowed;">
<input type="radio" name="pcs" id="5187" disabled><span class="radio-custom-inbox"></span>동부
</label>
<label class="radio-label" style="opacity: 25%; cursor: not-allowed;">
<input type="radio" name="pcs" id="5188" disabled><span class="radio-custom-inbox"></span>동해
</label>
</div>
</div>
</div>
</div>
<!-- 선형클리핑 상단 뜨는 곳 -->
<div class="window-relative" style="display: none;" id="clipping-key-map">
<div class="window-footer">
<ul id="key-map-list">
<li>
<img class="icon" src="./svg/icon-label-dot-red.svg" alt="icon-label-dot-red">
<h4>인주JCT 1교, L=25m</h4>
</li>
<li>
<img class="icon" src="./svg/icon-label-dot-red.svg" alt="icon-label-dot-red">
<h4>인주JCT 1교, L=25m</h4>
</li>
<li>
<img class="icon" src="./svg/icon-label-dot-red.svg" alt="icon-label-dot-red">
<h4>인주JCT 1교, L=25m</h4>
</li>
</ul>
</div>
<div class="window-img-container">
<img class="icon" src="./svg/icon-close-aaa.svg" alt="icon-close-aaa">
<svg id="key-map" width="512" height="512"></svg>
</div>
</div>
<!-- 아래 상단 가운데 -->
<div class="bottom-up-center">
<!-- 선형클리핑 -->
<div class="window-fit" id="func-clipping" style="display: none;">
<div class="xs-icon-btn" id="clipping-camera-follow">
<img class="icon" src="./svg/icon-vision.svg" alt="icon-vision">
<p>카메라 따라가기</p>
</div>
<div class="xs-icon-btn" id="clipping-inverse">
<img class="icon" src="./svg/icon-rotate.svg" alt="icon-rotate">
<p>카메라 반전</p>
</div>
<div class="xs-icon-btn" id="clipping-camera-play">
<img class="icon" src="./svg/icon-play.svg" alt="icon-play">
</div>
<div class="xs-icon-btn">
<img class="icon" src="./svg/icon-sign-down-fff.svg" alt="icon-sign-down-fff" id="compare-road2">
<p id="compare-road">지방도628호선1</p>
<div class="z-scaleBar-gauge" id="compare-toolbar">
<input type="range" min="0" max="100" step="1" value="0" class="slider">
</div>
<p class="fixed-width" id="station-number">4+300</p>
</div>
</div>
<!-- 투명도 -->
<div class="window-fit" id="func-opacity" style="display: none;">
<div class="xs-icon-btn">
<div class="z-scaleBar-gauge">
<input type="range" min="0" max="100" step="1" value="0" class="slider">
</div>
<p class="fixed-width">0%</p>
</div>
</div>
<!-- 측정 -->
<div class="window-fit" id="func-measurement" style="display: none;">
<div class="xs-icon-btn" id="slope-btn">
<img class="icon" src="./svg/icon-slope.svg" alt="icon-slope">
<p>경사도</p>
</div>
<div class="xs-icon-btn" id="location-btn">
<img class="icon" src="./svg/icon-locate.svg" alt="icon-locate">
<p>좌표</p>
</div>
<div class="xs-icon-btn" id="distance-btn">
<img class="icon" src="./svg/icon-beeline.svg" alt="icon-beeline">
<p>직선거리</p>
</div>
<div class="xs-icon-btn" id="horizontal-btn">
<img class="icon" src="./svg/icon-horizon.svg" alt="icon-horizon">
<p>수평거리</p>
</div>
<div class="xs-icon-btn" id="vertical-btn">
<img class="icon" src="./svg/icon-vertical.svg" alt="icon-vertical">
<p>수직거리</p>
</div>
<div class="xs-icon-btn" id="measure-delete-btn">
<p class="type-em-red">측정 전체삭제</p>
</div>
</div>
<!-- 라벨생성 -->
<div class="window-fit" id="func-label-bar" style="display: none;">
<div class="xs-icon-btn" id="label-add-btn">
<img class="icon" src="./svg/icon-add.svg" alt="icon-add">
<p>라벨 추가</p>
</div>
<div class="xs-icon-btn" id="label-get-btn">
<img class="icon" src="./svg/icon-download.svg" alt="icon-download">
<p>라벨 가져오기</p>
</div>
<div class="xs-icon-btn" id="label-delete-btn">
<p class="type-em-red">라벨 전체삭제</p>
</div>
</div>
<!-- 이슈생성 -->
<div class="window-fit" id="func-issue-bar" style="display: none;">
<div class="xs-icon-btn" id="issue-add-btn">
<img class="icon" src="./svg/icon-add.svg" alt="icon-add">
<p>이슈 추가</p>
</div>
<div class="xs-icon-btn" id="issue-delete-btn">
<p class="type-em-red">이슈 전체삭제</p>
</div>
</div>
</div>
<!-- 아래 상단 오른쪽부분 -->
<div class="bottom-up-right">
<!-- 레이어창 -->
<div class="window" id="layer-modal" style="display: none;">
<div class="window-header">
<h3>레이어</h3>
<img class="icon modal-close" src="./svg/icon-close.svg" alt="icon-close">
</div>
<div class="window-body">
<label class="checkbox-label layer" id="wpb-layer-btn">
<div class="checkbox-label-left">
<input type="checkbox" name="layer" id="linear"
data-icon-visible="./svg/icon-visibility.svg"
data-icon-invisible="./svg/icon-invisibility.svg" />
<span class="checkbox-custom-inbox"></span>
<img class="icon" src="./svg/icon-linear.svg" alt="icon-linear" />
선형중심선
</div>
<img class="icon visibility-icon" src="./svg/icon-invisibility.svg" alt="icon-visibility" />
</label>
<label class="checkbox-label layer" id="plane-layer-btn">
<div class="checkbox-label-left">
<input type="checkbox" name="layer" id="linear"
data-icon-visible="./svg/icon-visibility.svg"
data-icon-invisible="./svg/icon-invisibility.svg" />
<span class="checkbox-custom-inbox"></span>
<img class="icon" src="./svg/icon-cad.svg" alt="icon-cad" />
계획평면
</div>
<img class="icon visibility-icon" src="./svg/icon-invisibility.svg" alt="icon-visibility" />
</label>
<label class="checkbox-label layer" id="siteLine-layer-btn">
<div class="checkbox-label-left">
<input type="checkbox" name="layer" id="linear"
data-icon-visible="./svg/icon-visibility.svg"
data-icon-invisible="./svg/icon-invisibility.svg" />
<span class="checkbox-custom-inbox"></span>
<img class="icon" src="./svg/icon-dottedLine.svg" alt="icon-dottedLine" />
용지라인
</div>
<img class="icon visibility-icon" src="./svg/icon-invisibility.svg" alt="icon-visibility" />
</label>
<label class="checkbox-label layer" id="label-layer-btn">
<div class="checkbox-label-left">
<input type="checkbox" name="layer" id="linear"
data-icon-visible="./svg/icon-visibility.svg"
data-icon-invisible="./svg/icon-invisibility.svg" />
<span class="checkbox-custom-inbox"></span>
<img class="icon" src="./svg/icon-label.svg" alt="icon-label" />
라벨
</div>
<img class="icon visibility-icon" src="./svg/icon-invisibility.svg" alt="icon-visibility" />
</label>
<label class="checkbox-label layer" id="issue-layer-btn">
<div class="checkbox-label-left">
<input type="checkbox" name="layer" id="linear"
data-icon-visible="./svg/icon-visibility.svg"
data-icon-invisible="./svg/icon-invisibility.svg" />
<span class="checkbox-custom-inbox"></span>
<img class="icon" src="./svg/icon-issue.svg" alt="icon-issue" />
이슈
</div>
<img class="icon visibility-icon" src="./svg/icon-invisibility.svg" alt="icon-visibility" />
</label>
<label class="checkbox-label layer" style="display: none;">
<div class="checkbox-label-left">
<input type="checkbox" name="layer" id="linear"
data-icon-visible="./svg/icon-visibility.svg"
data-icon-invisible="./svg/icon-invisibility.svg" />
<span class="checkbox-custom-inbox"></span>
<img class="icon" src="./svg/icon-photo.svg" alt="icon-photo" />
촬영이미지
</div>
<img class="icon visibility-icon" src="./svg/icon-invisibility.svg" alt="icon-visibility" />
</label>
</div>
</div>
<!-- 기본지도창 -->
<div class="window" id="baseMap-modal" style="display: none;">
<div class="window-header">
<h3>기본지도</h3>
<img class="icon modal-close" src="./svg/icon-close.svg" alt="icon-close">
</div>
<div class="window-body">
<div class="window-body-content">
<p>국토교통부</p>
<label class="radio-label">
<input type="radio" name="map" id="molit-nomal" value="vworld-normal"><span
class="radio-custom-inbox"></span>일반
</label>
<label class="radio-label">
<input type="radio" name="map" id="molit-hybrid" value="vworld-hybrid"><span
class="radio-custom-inbox"></span>하이브리드
</label>
<label class="radio-label">
<input type="radio" name="map" id="molit-satellite" value="vworld-satellite"><span
class="radio-custom-inbox"></span>위성
</label>
</div>
<div class="window-body-content">
<p>Carto</p>
<label class="radio-label">
<input type="radio" name="map" id="carto-nomal" value="carto-normal" checked><span
class="radio-custom-inbox"></span>일반
</label>
<label class="radio-label">
<input type="radio" name="map" id="carto-light" value="carto-light"><span
class="radio-custom-inbox"></span>일반(라이트)
</label>
<label class="radio-label">
<input type="radio" name="map" id="carto-dark" value="carto-dark"><span
class="radio-custom-inbox"></span>일반(다크)
</label>
</div>
<div class="window-body-content">
<p>Google</p>
<label class="radio-label">
<input type="radio" name="map" id="google-nomal" value="google-normal"><span
class="radio-custom-inbox"></span>일반
</label>
<label class="radio-label">
<input type="radio" name="map" id="google-hybrid" value="google-hybrid"><span
class="radio-custom-inbox"></span>하이브리드
</label>
<label class="radio-label">
<input type="radio" name="map" id="google-satellite" value="google-satellite"><span
class="radio-custom-inbox"></span>위성
</label>
</div>
</div>
</div>
</div>
</div>
<!-- 하단 툴킷 모음 부분 ===== ===== ===== ===== ===== -->
<div class="bottom">
<!-- z-스케일창 -->
<div class="z-scaleBar">
<div class="z-scaleBar-gauge">
<input type="range" min="0" max="10" step="1" value="1" class="slider" id="zScale-slider"
style="background: linear-gradient(to right, #fff 10%, #aaa 10%);">
</div>
<img src="./svg/z-scale-number.svg" alt="z-scale-number">
</div>
<!-- 가운데 하단 툴킷 창 -->
<div class="center-tool-kit" id="func-btns" style="display: none;">
<div class="xs-icon-btn" id="func-split-btn">
<img class="icon" src="./svg/icon-division.svg" alt="icon-division">
<p>분할비교</p>
</div>
<div class="xs-icon-btn" id="func-clipping-btn">
<img class="icon" src="./svg/icon-cliping.svg" alt="icon-cliping">
<p>선형 클리핑</p>
</div>
<div class="xs-icon-btn" id="func-opacity-btn" style="display: none;">
<img class="icon" src="./svg/icon-opacity.svg" alt="icon-opacity">
<p>투명도</p>
</div>
<div class="xs-icon-btn" id="func-measurement-btn">
<img class="icon" src="./svg/icon-measurement.svg" alt="icon-measurement">
<p>측정</p>
</div>
<div class="xs-icon-btn" id="func-label-btn" style="display: none;">
<img class="icon" src="./svg/icon-newLabel.svg" alt="icon-newLabel">
<p>라벨 생성</p>
</div>
<div class="xs-icon-btn" id="func-issue-btn" style="display: none;">
<img class="icon" src="./svg/icon-newIssue.svg" alt="icon-newIssue">
<p>이슈 생성</p>
</div>
<div class="xs-icon-btn" style="display: none;">
<img class="icon" src="./svg/icon-newPhoto.svg" alt="icon-newPhoto">
<p>큐피트 수정</p>
</div>
</div>
<!-- 오른쪽 하단 툴킷 창 -->
<div class="right-tool-kit">
<div class="xs-icon-btn" id="set-location">
<img class="icon" src="./svg/icon-originLocate.svg" alt="icon-originLocate">
<p>원래위치</p>
</div>
<div class="xs-icon-btn" id="set-north">
<img class="icon" src="./svg/icon-northface.svg" alt="icon-northface">
<p>정북표시</p>
</div>
<div class="xs-icon-btn" id="set-topView">
<img class="icon" src="./svg/icon-topView.svg" alt="icon-topView">
<p>탑뷰</p>
</div>
<div class="xs-icon-btn" id="set-layer" style="display: none;">
<img class="icon" src="./svg/icon-layer.svg" alt="icon-layer">
<p>레이어</p>
</div>
<div class="xs-icon-btn" id="set-baseMap">
<img class="icon" src="./svg/icon-map.svg" alt="icon-map">
<p>기본지도</p>
</div>
</div>
</div>
</main>
<!-- [[[[[ [[[[[ [[[[[ [[[[[ [[[[[ 작성하는 끝 ]]]]] ]]]]] ]]]]] ]]]]] ]]]]] -->
<!-- 푸터부분 ===== ===== ===== ===== ===== -->
<footer>
<div class="footer-left">
<!-- <a href="/">
<p>사용법</p>
</a>
<img class="icon" src="/svg/dot-777.svg" alt="dot-777">
<p>오류 문의 : 홍길동A 수석연구원</p> -->
<div class="footer-middle">
<button class="coordinate">
<p>좌표변환</p>
</button>
</div>
</div>
<div class="footer-right">
<img class="icon" src="./svg/hanmaceng-logo.svg" alt="hanmaceng-logo">
<p>Copyright Ⓒ Hanmaceng Corp. All Rights Reserved.</p>
</div>
</footer>
<div id="progress">
<img src="./loading.gif">
<div>loading...<br>잠시만 기다려주세요.</div>
</div>
<div id="changeCursor"></div>
</body>
</html>
<!-- <script src="../../lib/Cesium/Build/Cesium/Cesium.js"></script>
<link href="../../lib/Cesium/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
<script src="../../lib/axios/dist/axios.js"></script>
<script src="../../lib/proj4/dist/proj4.js"></script> -->
<script src="http://gsim.hanmaceng.co.kr:5151/data/lib/lib/Cesium/Build/Cesium/Cesium.js"></script>
<link href="http://gsim.hanmaceng.co.kr:5151/data/lib/lib/Cesium/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
<script src="http://gsim.hanmaceng.co.kr:5151/data/lib/lib/axios/dist/axios.js"></script>
<script src="http://gsim.hanmaceng.co.kr:5151/data/lib/lib/proj4/dist/proj4.js"></script>
<script src="./main.js" type="module"></script>
<script src="./style.js"></script>
+713
View File
@@ -0,0 +1,713 @@
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>GSIM Viewer</title>
<link rel="stylesheet" href="./style.css">
<link rel="stylesheet" href="./reset.css">
<link rel="stylesheet" href="./system.css">
<!-- <link rel="icon" href=""> -->
</head>
<body style="overflow: hidden; user-select: none;">
<div id="mapContainer"></div>
<!-- 헤더부분 ===== ===== ===== ===== ===== -->
<header>
<div class="header-left">
<img class="header-icon" src="./svg/gsim-logo.svg" alt="gsim-logo">
<h3 id="project-title">건설공사</h3>
</div>
</header>
<!-- 320px 이하 오류 메시지 ===== ===== ===== ===== ===== -->
<div class="notice">
<img class="icon" src="./svg/error.svg" alt="error">
<h5>이 해상도는 지원하지 않습니다.</h5>
</div>
<!-- [[[[[ [[[[[ [[[[[ [[[[[ [[[[[ 작성하는 곳 ]]]]] ]]]]] ]]]]] ]]]]] ]]]]] -->
<!-- 분할비교 slider -->
<div class="split-slider" id="slider" style="display: none;">
<div class="split-icon" id="slider-icon">
<img class="split-icon-img" src="./svg/icon-split.svg" alt="icon-split">
</div>
</div>
<main>
<!-- 상단부분 -->
<div class="top">
<!-- 상단 왼쪽 부분 -->
<div class="top-left">
<!-- 모델기반 left -->
<div class="window-big" id="model-list">
<div class="window-header">
<h3 id="left-list-title">모델기반(3D)</h3>
<img class="icon" src="./svg/icon-sign-down-fff.svg" alt="icon-sign-down-fff">
</div>
<div class="window-body not">
<ul></ul>
</div>
</div>
</div>
<!-- 상단 오른쪽 부분 -->
<div class="top-right">
<!-- 모델기반 right -->
<div class="window-big" id="model-list-right" style="display: none;">
<div class="window-header">
<h3 id="right-list-title">우측화면 모델</h3>
<img class="icon" src="./svg/icon-sign-down-fff.svg" alt="icon-sign-down-fff">
</div>
<div class="window-body">
<ul></ul>
</div>
</div>
<!-- 라벨 가져오기 -->
<div class="window-big" id="label-get" style="display: none;">
<div class="window-header">
<h3>라벨 가져오기</h3>
<img class="icon" src="./svg/icon-close.svg" alt="icon-close">
</div>
<div class="window-body">
<div class="dropdown">
<button class="dropdown-toggle">
<h4 id="label-get-selected">라벨을 가져올 모델을 선택하세요.</h4>
<img class="icon" src="./svg/icon-sign-down-fff.svg" alt="icon-sign-down-fff">
</button>
<div class="dropdown-menu">
<ul id="label-get-list">
<li>[공사중] 2공구 중간태</li>
<li>[공사중] 1공구 중간태</li>
<li>[공사중] 4공구 설계 시설</li>
</ul>
</div>
</div>
<div class="window-btn-wrap">
<!-- <div class="big-btn" id="">
<h3>삭제</h3>
</div> -->
<div class="big-btn" id="label-get-submit">
<h3>적용</h3>
</div>
</div>
</div>
</div>
<!-- 라벨추가 -->
<div class="window-big" id="func-label-add" style="display: none;">
<div class="window-header">
<h3>라벨 속성</h3>
<img class="icon" src="./svg/icon-close.svg" alt="icon-close">
</div>
<div class="window-body">
<div class="window-content">
<h4>라벨 텍스트</h4>
<input type="text" id="modal-label-text" name="label-text" placeholder="라벨 내용 입력" />
</div>
<div class="window-content">
<h4>라벨크기</h4>
<div class="font-size" id="modal-label-size">
<label>
<input type="radio" name="fontsize" value="10">
<span class="btn">10pt</span>
</label>
<label>
<input type="radio" name="fontsize" value="15">
<span class="btn">12pt</span>
</label>
<label>
<input type="radio" name="fontsize" value="20">
<span class="btn">14pt</span>
</label>
<label>
<input type="radio" name="fontsize" value="25" checked>
<span class="btn">16pt</span>
</label>
</div>
</div>
<div class="window-content">
<h4>배경색</h4>
<div class="color-picker" id="modal-label-color">
<label>
<input type="radio" name="color" value="#F21D0D" />
<span class="color-swatch" style="background-color: var(--color-red);"></span>
</label>
<label>
<input type="radio" name="color" value="#B92ED1" />
<span class="color-swatch" style="background-color: var(--color-magenta);"></span>
</label>
<label>
<input type="radio" name="color" value="#6D3DC2" />
<span class="color-swatch" style="background-color: var(--color-purple);"></span>
</label>
<label>
<input type="radio" name="color" value="#03AEFC" />
<span class="color-swatch" style="background-color: var(--color-cyan);"></span>
</label>
<label>
<input type="radio" name="color" value="#4DB251" />
<span class="color-swatch" style="background-color: var(--color-green);"></span>
</label>
<label>
<input type="radio" name="color" value="#FFBF00" />
<span class="color-swatch" style="background-color: var(--color-yellow);"></span>
</label>
<label>
<input type="radio" name="color" value="#A0705F" />
<span class="color-swatch" style="background-color: var(--color-brown);"></span>
</label>
<label>
<input type="radio" name="color" value="#7F7F7F" />
<span class="color-swatch" style="background-color: var(--color-iron);"></span>
</label>
<label>
<input type="radio" name="color" value="#688897" />
<span class="color-swatch" style="background-color: var(--color-steel);"></span>
</label>
<label>
<input type="radio" name="color" id="last-swatch" value="#000000" checked/>
<span class="color-swatch"
style="background-color: #000000;"></span>
</label>
</div>
</div>
<div class="window-content">
<h4>배경 투명도</h4>
<div class="z-scaleBar-gauge">
<input type="range" min="0" max="1" step="0.25" value="0" class="slider" id="modal-label-alpha">
</div>
<img class="label-opacity-number" src="./svg/label-opacity-number.svg"
alt="label-opacity-number">
</div>
<div class="window-btn-wrap">
<div class="big-btn" id="modal-label-delete">
<h3>삭제</h3>
</div>
<div class="big-btn" id="modal-label-submit">
<h3>적용</h3>
</div>
</div>
</div>
</div>
<!-- 라벨 -->
<div class="window-big" id="func-label" style="display: none;">
<div class="window-header">
<h3>라벨</h3>
<img class="icon" src="./svg/icon-close.svg" alt="icon-close" style="display: none;">
</div>
<div class="window-body" style="display: none;">
<h4>라벨을 적용할 모델</h4>
<div class="file-click">
<h4 class="file-title">[공사 중] 설계 변경</h4>
<img class="icon" src="./svg/icon-sign-down-fff.svg" alt="icon-sign-down-fff">
</div>
</div>
<div class="window-footer">
<ul>
<li>
<img class="icon" src="./svg/icon-label-dot-white.svg" alt="icon-label-dot-white">
<h4>인주JCT 1교, L=25m</h4>
</li>
<li>
<img class="icon" src="./svg/icon-label-dot-white.svg" alt="icon-label-dot-white">
<h4>인주JCT 1교, L=25m</h4>
</li>
</ul>
</div>
</div>
<!-- 이슈추가 -->
<div class="window-big" id="func-issue-add" style="display: none;">
<div class="window-header">
<h3>이슈 속성</h3>
<img class="icon" src="./svg/icon-close.svg" alt="icon-close">
</div>
<div class="window-body">
<div class="window-content">
<h4>작성자와 날짜</h4>
<div class="file-click">
<h4 id="modal-issue-writer">이동호 선임연구원</h4>
<h4 id="modal-issue-date">2025-00-00</h4>
</div>
</div>
<div class="window-content">
<h4>제목</h4>
<input type="text" id="modal-issue-text" name="label-text" placeholder="제목 입력" />
<!-- <img class="icon" src="./svg/icon-calendar.svg" alt="icon-calendar"> -->
</div>
<div class="window-content">
<h4>상세내용</h4>
<textarea class="issue-txt" id="modal-issue-content" name="issue-txt" id="/"
placeholder="상세 내용 입력"></textarea>
</div>
<div class="window-content" style="display: none;"><!-- 첨부파일 임시 제거 -->
<div class="window-content-header">
<h4>첨부파일</h4>
<div class="xs-icon-btn" id="">
<img class="icon" src="./svg/icon-add.svg" alt="icon-add">
<p style="color: var(--grayscale-lv0-background) !important;">파일추가</p>
</div>
</div>
<div class="file-click subfit">
<ul>
<li>
<h4>사용자 시방서.pdf</h4>
<img class="icon" src="./svg/icon-delete.svg" alt="icon-delete">
</li>
</ul>
</div>
</div>
<div class="window-btn-wrap">
<div class="big-btn" id="modal-issue-cancel">
<h3>삭제</h3>
</div>
<div class="big-btn" id="modal-issue-submit">
<h3>적용</h3>
</div>
</div>
</div>
</div>
<!-- 이슈 -->
<div class="window-big" id="func-issue" style="display: none;">
<div class="window-header">
<h3>이슈</h3>
<img class="icon" src="./svg/icon-close.svg" alt="icon-close" style="display: none;">
</div>
<div class="window-body" style="display: none;">
<h4>이슈를 적용할 모델</h4>
<div class="file-click">
<h4 class="file-title">[공사 중] 설계 변경</h4>
<img class="icon" src="./svg/icon-sign-down-fff.svg" alt="icon-sign-down-fff">
</div>
</div>
<div class="window-footer">
<ul>
<li>
<img class="icon" src="./svg/icon-label-dot-white.svg" alt="icon-label-dot-white">
<h4>이슈1</h4>
</li>
<li>
<img class="icon" src="./svg/icon-label-dot-white.svg" alt="icon-label-dot-white">
<h4>이슈 추가2</h4>
</li>
</ul>
</div>
</div>
</div>
</div>
<!-- 창뜨는 부분 -->
<div class="bottom-up">
<div class="bottom-up-left">
<!-- 좌표변환 창 -->
<div class="window" id="select-coordi" style="display: none;">
<div class="window-header">
<h3>좌표변환</h3>
<img class="icon" src="./svg/icon-close.svg" alt="icon-close" id="select-coordi-close">
</div>
<div class="window-body">
<div class="window-body-content">
<p>위치표시</p>
<label class="radio-label">
<input type="radio" name="gcs" id="gcs1" checked><span
class="radio-custom-inbox"></span>위도,
경도
</label>
<label class="radio-label">
<input type="radio" name="gcs" id="gcs2"><span class="radio-custom-inbox"></span>토목좌표
(x,y)
</label>
</div>
<div class="window-body-content">
<p>투영원점</p>
<label class="radio-label" style="opacity: 25%; cursor: not-allowed;">
<input type="radio" name="pcs" id="5185" disabled><span class="radio-custom-inbox"></span>서부
</label>
<label class="radio-label" style="opacity: 25%; cursor: not-allowed;">
<input type="radio" name="pcs" id="5186" disabled><span class="radio-custom-inbox"></span>중부
</label>
<label class="radio-label" style="opacity: 25%; cursor: not-allowed;">
<input type="radio" name="pcs" id="5187" disabled><span class="radio-custom-inbox"></span>동부
</label>
<label class="radio-label" style="opacity: 25%; cursor: not-allowed;">
<input type="radio" name="pcs" id="5188" disabled><span class="radio-custom-inbox"></span>동해
</label>
</div>
</div>
</div>
</div>
<!-- 선형클리핑 상단 뜨는 곳 -->
<div class="window-relative" style="display: none;" id="clipping-key-map">
<div class="window-footer">
<ul id="key-map-list">
<li>
<img class="icon" src="./svg/icon-label-dot-red.svg" alt="icon-label-dot-red">
<h4>인주JCT 1교, L=25m</h4>
</li>
<li>
<img class="icon" src="./svg/icon-label-dot-red.svg" alt="icon-label-dot-red">
<h4>인주JCT 1교, L=25m</h4>
</li>
<li>
<img class="icon" src="./svg/icon-label-dot-red.svg" alt="icon-label-dot-red">
<h4>인주JCT 1교, L=25m</h4>
</li>
</ul>
</div>
<div class="window-img-container">
<img class="icon" src="./svg/icon-close-aaa.svg" alt="icon-close-aaa">
<svg id="key-map" width="512" height="512"></svg>
</div>
</div>
<!-- 아래 상단 가운데 -->
<div class="bottom-up-center">
<!-- 선형클리핑 -->
<div class="window-fit min-set" id="func-clipping" style="display: none;">
<div class="xs-icon-btn" id="clipping-camera-follow">
<img class="icon" src="./svg/icon-vision.svg" alt="icon-vision">
<p>카메라 따라가기</p>
</div>
<div class="xs-icon-btn" id="clipping-inverse">
<img class="icon" src="./svg/icon-rotate.svg" alt="icon-rotate">
<p>카메라 반전</p>
</div>
<div class="xs-icon-btn" id="clipping-camera-play">
<img class="icon" src="./svg/icon-play.svg" alt="icon-play">
</div>
<div class="xs-icon-btn">
<img class="icon" src="./svg/icon-sign-down-fff.svg" alt="icon-sign-down-fff" id="compare-road2">
<p id="compare-road">지방도628호선1</p>
<div class="z-scaleBar-gauge" id="compare-toolbar">
<input type="range" min="0" max="100" step="1" value="0" class="slider">
</div>
<p class="fixed-width" id="station-number">4+300</p>
</div>
</div>
<!-- 투명도 -->
<div class="window-fit" id="func-opacity" style="display: none;">
<div class="xs-icon-btn">
<div class="z-scaleBar-gauge">
<input type="range" min="0" max="100" step="1" value="0" class="slider">
</div>
<p class="fixed-width">0%</p>
</div>
</div>
<!-- 측정 -->
<div class="window-fit" id="func-measurement" style="display: none;">
<div class="xs-icon-btn" id="slope-btn">
<img class="icon" src="./svg/icon-slope.svg" alt="icon-slope">
<p>경사도</p>
</div>
<div class="xs-icon-btn" id="location-btn">
<img class="icon" src="./svg/icon-locate.svg" alt="icon-locate">
<p>좌표</p>
</div>
<div class="xs-icon-btn" id="distance-btn">
<img class="icon" src="./svg/icon-beeline.svg" alt="icon-beeline">
<p>직선거리</p>
</div>
<div class="xs-icon-btn" id="horizontal-btn">
<img class="icon" src="./svg/icon-horizon.svg" alt="icon-horizon">
<p>수평거리</p>
</div>
<div class="xs-icon-btn" id="vertical-btn">
<img class="icon" src="./svg/icon-vertical.svg" alt="icon-vertical">
<p>수직거리</p>
</div>
<div class="xs-icon-btn" id="measure-delete-btn">
<p class="type-em-red">측정 전체삭제</p>
</div>
</div>
<!-- 라벨생성 -->
<div class="window-fit" id="func-label-bar" style="display: none;">
<div class="xs-icon-btn" id="label-add-btn">
<img class="icon" src="./svg/icon-add.svg" alt="icon-add">
<p>라벨 추가</p>
</div>
<div class="xs-icon-btn" id="label-get-btn">
<img class="icon" src="./svg/icon-download.svg" alt="icon-download">
<p>라벨 가져오기</p>
</div>
<div class="xs-icon-btn" id="label-delete-btn">
<p class="type-em-red">라벨 전체삭제</p>
</div>
</div>
<!-- 이슈생성 -->
<div class="window-fit" id="func-issue-bar" style="display: none;">
<div class="xs-icon-btn" id="issue-add-btn">
<img class="icon" src="./svg/icon-add.svg" alt="icon-add">
<p>이슈 추가</p>
</div>
<div class="xs-icon-btn" id="issue-delete-btn">
<p class="type-em-red">이슈 전체삭제</p>
</div>
</div>
</div>
<!-- 아래 상단 오른쪽부분 -->
<div class="bottom-up-right">
<!-- 레이어창 -->
<div class="window" id="layer-modal">
<div class="window-header">
<h3>레이어</h3>
<img class="icon modal-close" src="./svg/icon-close.svg" alt="icon-close">
</div>
<div class="window-body">
<label class="checkbox-label layer" id="wpb-layer-btn">
<div class="checkbox-label-left">
<input type="checkbox" name="layer" id="linear"
data-icon-visible="./svg/icon-visibility.svg"
data-icon-invisible="./svg/icon-invisibility.svg" />
<span class="checkbox-custom-inbox"></span>
<img class="icon" src="./svg/icon-linear.svg" alt="icon-linear" />
선형중심선
</div>
<img class="icon visibility-icon" src="./svg/icon-invisibility.svg" alt="icon-visibility" />
</label>
<label class="checkbox-label layer" id="plane-layer-btn">
<div class="checkbox-label-left">
<input type="checkbox" name="layer" id="linear"
data-icon-visible="./svg/icon-visibility.svg"
data-icon-invisible="./svg/icon-invisibility.svg" />
<span class="checkbox-custom-inbox"></span>
<img class="icon" src="./svg/icon-cad.svg" alt="icon-cad" />
계획평면
</div>
<img class="icon visibility-icon" src="./svg/icon-invisibility.svg" alt="icon-visibility" />
</label>
<label class="checkbox-label layer" id="siteLine-layer-btn">
<div class="checkbox-label-left">
<input type="checkbox" name="layer" id="linear"
data-icon-visible="./svg/icon-visibility.svg"
data-icon-invisible="./svg/icon-invisibility.svg" />
<span class="checkbox-custom-inbox"></span>
<img class="icon" src="./svg/icon-dottedLine.svg" alt="icon-dottedLine" />
용지라인
</div>
<img class="icon visibility-icon" src="./svg/icon-invisibility.svg" alt="icon-visibility" />
</label>
<label class="checkbox-label layer" id="label-layer-btn">
<div class="checkbox-label-left">
<input type="checkbox" name="layer" id="linear"
data-icon-visible="./svg/icon-visibility.svg"
data-icon-invisible="./svg/icon-invisibility.svg" />
<span class="checkbox-custom-inbox"></span>
<img class="icon" src="./svg/icon-label.svg" alt="icon-label" />
라벨
</div>
<img class="icon visibility-icon" src="./svg/icon-invisibility.svg" alt="icon-visibility" />
</label>
<label class="checkbox-label layer" id="issue-layer-btn">
<div class="checkbox-label-left">
<input type="checkbox" name="layer" id="linear"
data-icon-visible="./svg/icon-visibility.svg"
data-icon-invisible="./svg/icon-invisibility.svg" />
<span class="checkbox-custom-inbox"></span>
<img class="icon" src="./svg/icon-issue.svg" alt="icon-issue" />
이슈
</div>
<img class="icon visibility-icon" src="./svg/icon-invisibility.svg" alt="icon-visibility" />
</label>
<label class="checkbox-label layer" style="display: none;">
<div class="checkbox-label-left">
<input type="checkbox" name="layer" id="linear"
data-icon-visible="./svg/icon-visibility.svg"
data-icon-invisible="./svg/icon-invisibility.svg" />
<span class="checkbox-custom-inbox"></span>
<img class="icon" src="./svg/icon-photo.svg" alt="icon-photo" />
촬영이미지
</div>
<img class="icon visibility-icon" src="./svg/icon-invisibility.svg" alt="icon-visibility" />
</label>
</div>
</div>
<!-- 기본지도창 -->
<div class="window" id="baseMap-modal" style="display: none;">
<div class="window-header">
<h3>기본지도</h3>
<img class="icon modal-close" src="./svg/icon-close.svg" alt="icon-close">
</div>
<div class="window-body">
<div class="window-body-content">
<p>국토교통부</p>
<label class="radio-label">
<input type="radio" name="map" id="molit-nomal" value="vworld-normal"><span
class="radio-custom-inbox"></span>일반
</label>
<label class="radio-label">
<input type="radio" name="map" id="molit-hybrid" value="vworld-hybrid"><span
class="radio-custom-inbox"></span>하이브리드
</label>
<label class="radio-label">
<input type="radio" name="map" id="molit-satellite" value="vworld-satellite"><span
class="radio-custom-inbox"></span>위성
</label>
</div>
<div class="window-body-content">
<p>Carto</p>
<label class="radio-label">
<input type="radio" name="map" id="carto-nomal" value="carto-normal" checked><span
class="radio-custom-inbox"></span>일반
</label>
<label class="radio-label">
<input type="radio" name="map" id="carto-light" value="carto-light"><span
class="radio-custom-inbox"></span>일반(라이트)
</label>
<label class="radio-label">
<input type="radio" name="map" id="carto-dark" value="carto-dark"><span
class="radio-custom-inbox"></span>일반(다크)
</label>
</div>
<div class="window-body-content">
<p>Google</p>
<label class="radio-label">
<input type="radio" name="map" id="google-nomal" value="google-normal"><span
class="radio-custom-inbox"></span>일반
</label>
<label class="radio-label">
<input type="radio" name="map" id="google-hybrid" value="google-hybrid"><span
class="radio-custom-inbox"></span>하이브리드
</label>
<label class="radio-label">
<input type="radio" name="map" id="google-satellite" value="google-satellite"><span
class="radio-custom-inbox"></span>위성
</label>
</div>
</div>
</div>
</div>
</div>
<!-- 하단 툴킷 모음 부분 ===== ===== ===== ===== ===== -->
<div class="bottom">
<!-- z-스케일창 -->
<div class="z-scaleBar">
<div class="z-scaleBar-gauge">
<input type="range" min="0" max="10" step="1" value="1" class="slider" id="zScale-slider"
style="background: linear-gradient(to right, #fff 10%, #777 10%);">
</div>
<img class="z-scale-number-rem" src="./svg/z-scale-number.svg" alt="z-scale-number">
</div>
<!-- 가운데 하단 툴킷 창 -->
<div class="center-tool-kit" id="func-btns" style="display: none;">
<div class="xs-icon-btn" id="func-split-btn">
<img class="icon" src="./svg/icon-division.svg" alt="icon-division">
<p>분할비교</p>
</div>
<div class="xs-icon-btn" id="func-clipping-btn">
<img class="icon" src="./svg/icon-cliping.svg" alt="icon-cliping">
<p>선형 클리핑</p>
</div>
<div class="xs-icon-btn" id="func-opacity-btn" style="display: none;">
<img class="icon" src="./svg/icon-opacity.svg" alt="icon-opacity">
<p>투명도</p>
</div>
<div class="xs-icon-btn" id="func-measurement-btn">
<img class="icon" src="./svg/icon-measurement.svg" alt="icon-measurement">
<p>측정</p>
</div>
<div class="xs-icon-btn" id="func-label-btn" style="display: none;">
<img class="icon" src="./svg/icon-newLabel.svg" alt="icon-newLabel">
<p>라벨 생성</p>
</div>
<div class="xs-icon-btn" id="func-issue-btn" style="display: none;">
<img class="icon" src="./svg/icon-newIssue.svg" alt="icon-newIssue">
<p>이슈 생성</p>
</div>
<div class="xs-icon-btn" style="display: none;">
<img class="icon" src="./svg/icon-newPhoto.svg" alt="icon-newPhoto">
<p>큐피트 수정</p>
</div>
</div>
<!-- 오른쪽 하단 툴킷 창 -->
<div class="right-tool-kit">
<div class="xs-icon-btn" id="set-location">
<img class="icon" src="./svg/icon-originLocate.svg" alt="icon-originLocate">
<p>원래위치</p>
</div>
<div class="xs-icon-btn" id="set-north">
<img class="icon" src="./svg/icon-northface.svg" alt="icon-northface">
<p>정북표시</p>
</div>
<div class="xs-icon-btn" id="set-topView">
<img class="icon" src="./svg/icon-topView.svg" alt="icon-topView">
<p>탑뷰</p>
</div>
<div class="xs-icon-btn on" id="set-layer" style="display: none;">
<img class="icon" src="./svg/icon-layer.svg" alt="icon-layer">
<p>레이어</p>
</div>
<div class="xs-icon-btn" id="set-baseMap">
<img class="icon" src="./svg/icon-map.svg" alt="icon-map">
<p>기본지도</p>
</div>
</div>
</div>
</main>
<!-- [[[[[ [[[[[ [[[[[ [[[[[ [[[[[ 작성하는 끝 ]]]]] ]]]]] ]]]]] ]]]]] ]]]]] -->
<!-- 푸터부분 ===== ===== ===== ===== ===== -->
<footer>
<div class="footer-left">
<!-- <a href="/">
<p>사용법</p>
</a>
<img class="icon" src="/svg/dot-777.svg" alt="dot-777">
<p>오류 문의 : 홍길동A 수석연구원</p> -->
<div class="footer-middle">
<button class="coordinate">
<p>좌표변환</p>
</button>
</div>
</div>
<div class="footer-right">
<img class="footer-icon" src="./svg/hanmaceng-logo.svg" alt="hanmaceng-logo">
<p>Copyright Ⓒ HANMAC FAMILY All Rights Reserved.</p>
</div>
</footer>
<div id="progress">
<img src="./loading.gif">
<div>loading...<br>잠시만 기다려주세요.</div>
</div>
<div id="changeCursor"></div>
</body>
</html>
<!-- <script src="../../lib/Cesium/Build/Cesium/Cesium.js"></script>
<link href="../../lib/Cesium/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
<script src="../../lib/axios/dist/axios.js"></script>
<script src="../../lib/proj4/dist/proj4.js"></script> -->
<script src="https://api.digitalarchive.work/hmCesium/lib/Cesium/Build/Cesium/Cesium.js"></script>
<link href="https://api.digitalarchive.work/hmCesium/lib/Cesium/Build/Cesium/Widgets/widgets.css" rel="stylesheet">
<script src="https://api.digitalarchive.work/hmCesium/lib/axios/dist/axios.js"></script>
<script src="https://api.digitalarchive.work/hmCesium/lib/proj4/dist/proj4.js"></script>
<script src="https://api.digitalarchive.work/hmCesium/hmCesium.min.js" type="module"></script>
<script src="./main.js" type="module"></script>
<script src="./style.js"></script>
Binary file not shown.
Binary file not shown.

After

Width:  |  Height:  |  Size: 15 KiB

+4
View File
@@ -0,0 +1,4 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="10" cy="10" r="10" fill="white"/>
<path d="M7.93734 9.104L5.979 7.14567C5.86789 7.36789 5.78123 7.59706 5.719 7.83317C5.65623 8.06928 5.62484 8.30539 5.62484 8.5415C5.62484 9.33317 5.90623 10.0104 6.469 10.5732C7.03123 11.1354 7.70817 11.4165 8.49984 11.4165C8.69428 11.4165 8.86789 11.4026 9.02067 11.3748C9.17345 11.3471 9.32623 11.3054 9.479 11.2498L12.0415 13.7915C12.2082 13.9582 12.4026 14.0415 12.6248 14.0415C12.8471 14.0415 13.0415 13.9582 13.2082 13.7915L13.7915 13.2082C13.9582 13.0415 14.0415 12.8471 14.0415 12.6248C14.0415 12.4026 13.9582 12.2082 13.7915 12.0415L11.2498 9.479C11.3054 9.32623 11.3471 9.184 11.3748 9.05234C11.4026 8.92011 11.4165 8.73595 11.4165 8.49984C11.4165 7.70817 11.1354 7.03095 10.5732 6.46817C10.0104 5.90595 9.33317 5.62484 8.5415 5.62484C8.30539 5.62484 8.06928 5.65595 7.83317 5.71817C7.59706 5.78095 7.36789 5.86789 7.14567 5.979L9.104 7.93734L7.93734 9.104ZM9.99984 18.3332C8.84706 18.3332 7.76373 18.1143 6.74984 17.6765C5.73595 17.2393 4.854 16.6457 4.104 15.8957C3.354 15.1457 2.76039 14.2637 2.32317 13.2498C1.88539 12.2359 1.6665 11.1526 1.6665 9.99984C1.6665 8.84706 1.88539 7.76373 2.32317 6.74984C2.76039 5.73595 3.354 4.854 4.104 4.104C4.854 3.354 5.73595 2.76011 6.74984 2.32234C7.76373 1.88511 8.84706 1.6665 9.99984 1.6665C11.1526 1.6665 12.2359 1.88511 13.2498 2.32234C14.2637 2.76011 15.1457 3.354 15.8957 4.104C16.6457 4.854 17.2393 5.73595 17.6765 6.74984C18.1143 7.76373 18.3332 8.84706 18.3332 9.99984C18.3332 11.1526 18.1143 12.2359 17.6765 13.2498C17.2393 14.2637 16.6457 15.1457 15.8957 15.8957C15.1457 16.6457 14.2637 17.2393 13.2498 17.6765C12.2359 18.1143 11.1526 18.3332 9.99984 18.3332Z" fill="#0D8DF2"/>
</svg>

After

Width:  |  Height:  |  Size: 1.7 KiB

@@ -0,0 +1,4 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.5" width="15" height="15" rx="7.5" fill="#C6006B" stroke="white"/>
<path d="M4.27114 4.58789C4.23349 4.62052 4.20324 4.66082 4.18241 4.70609C4.16159 4.75136 4.15067 4.80056 4.15039 4.85039V12.2004C4.15039 12.2932 4.18727 12.3822 4.2529 12.4479C4.31854 12.5135 4.40756 12.5504 4.50039 12.5504C4.59322 12.5504 4.68224 12.5135 4.74788 12.4479C4.81352 12.3822 4.85039 12.2932 4.85039 12.2004V10.2653C6.02245 9.33957 7.0322 9.83876 8.19508 10.4145C8.91258 10.7693 9.6852 11.1517 10.5138 11.1517C11.1233 11.1517 11.7625 10.9439 12.431 10.3642C12.4686 10.3316 12.4989 10.2913 12.5197 10.246C12.5405 10.2007 12.5514 10.1515 12.5517 10.1017V4.85039C12.5515 4.78321 12.5321 4.71749 12.4956 4.66109C12.4591 4.60468 12.4071 4.55997 12.3459 4.5323C12.2847 4.50462 12.2168 4.49514 12.1503 4.505C12.0839 4.51486 12.0217 4.54363 11.9711 4.58789C10.7461 5.64795 9.70839 5.13432 8.5057 4.53889C7.2597 3.92114 5.84702 3.22245 4.27114 4.58789ZM11.8504 9.93632C10.6783 10.8621 9.66858 10.3624 8.5057 9.78714C7.41195 9.24682 6.19527 8.64395 4.85039 9.41964V5.0162C6.02245 4.09045 7.0322 4.58964 8.19508 5.16495C9.28883 5.70526 10.506 6.30813 11.8504 5.53245V9.93632Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

@@ -0,0 +1,4 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.5" width="15" height="15" rx="7.5" fill="#E05C60" stroke="white"/>
<path d="M4.27114 4.58789C4.23349 4.62052 4.20324 4.66082 4.18241 4.70609C4.16159 4.75136 4.15067 4.80056 4.15039 4.85039V12.2004C4.15039 12.2932 4.18727 12.3822 4.2529 12.4479C4.31854 12.5135 4.40756 12.5504 4.50039 12.5504C4.59322 12.5504 4.68224 12.5135 4.74788 12.4479C4.81352 12.3822 4.85039 12.2932 4.85039 12.2004V10.2653C6.02245 9.33957 7.0322 9.83876 8.19508 10.4145C8.91258 10.7693 9.6852 11.1517 10.5138 11.1517C11.1233 11.1517 11.7625 10.9439 12.431 10.3642C12.4686 10.3316 12.4989 10.2913 12.5197 10.246C12.5405 10.2007 12.5514 10.1515 12.5517 10.1017V4.85039C12.5515 4.78321 12.5321 4.71749 12.4956 4.66109C12.4591 4.60468 12.4071 4.55997 12.3459 4.5323C12.2847 4.50462 12.2168 4.49514 12.1503 4.505C12.0839 4.51486 12.0217 4.54363 11.9711 4.58789C10.7461 5.64795 9.70839 5.13432 8.5057 4.53889C7.2597 3.92114 5.84702 3.22245 4.27114 4.58789ZM11.8504 9.93632C10.6783 10.8621 9.66858 10.3624 8.5057 9.78714C7.41195 9.24682 6.19527 8.64395 4.85039 9.41964V5.0162C6.02245 4.09045 7.0322 4.58964 8.19508 5.16495C9.28883 5.70526 10.506 6.30813 11.8504 5.53245V9.93632Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

@@ -0,0 +1,4 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.5" width="15" height="15" rx="7.5" fill="#18A0FB" stroke="white"/>
<path d="M4.27114 4.58789C4.23349 4.62052 4.20324 4.66082 4.18241 4.70609C4.16159 4.75136 4.15067 4.80056 4.15039 4.85039V12.2004C4.15039 12.2932 4.18727 12.3822 4.2529 12.4479C4.31854 12.5135 4.40756 12.5504 4.50039 12.5504C4.59322 12.5504 4.68224 12.5135 4.74788 12.4479C4.81352 12.3822 4.85039 12.2932 4.85039 12.2004V10.2653C6.02245 9.33957 7.0322 9.83876 8.19508 10.4145C8.91258 10.7693 9.6852 11.1517 10.5138 11.1517C11.1233 11.1517 11.7625 10.9439 12.431 10.3642C12.4686 10.3316 12.4989 10.2913 12.5197 10.246C12.5405 10.2007 12.5514 10.1515 12.5517 10.1017V4.85039C12.5515 4.78321 12.5321 4.71749 12.4956 4.66109C12.4591 4.60468 12.4071 4.55997 12.3459 4.5323C12.2847 4.50462 12.2168 4.49514 12.1503 4.505C12.0839 4.51486 12.0217 4.54363 11.9711 4.58789C10.7461 5.64795 9.70839 5.13432 8.5057 4.53889C7.2597 3.92114 5.84702 3.22245 4.27114 4.58789ZM11.8504 9.93632C10.6783 10.8621 9.66858 10.3624 8.5057 9.78714C7.41195 9.24682 6.19527 8.64395 4.85039 9.41964V5.0162C6.02245 4.09045 7.0322 4.58964 8.19508 5.16495C9.28883 5.70526 10.506 6.30813 11.8504 5.53245V9.93632Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

@@ -0,0 +1,4 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="0.5" y="0.5" width="15" height="15" rx="7.5" fill="#54803F" stroke="white"/>
<path d="M4.27114 4.58789C4.23349 4.62052 4.20324 4.66082 4.18241 4.70609C4.16159 4.75136 4.15067 4.80056 4.15039 4.85039V12.2004C4.15039 12.2932 4.18727 12.3822 4.2529 12.4479C4.31854 12.5135 4.40756 12.5504 4.50039 12.5504C4.59322 12.5504 4.68224 12.5135 4.74788 12.4479C4.81352 12.3822 4.85039 12.2932 4.85039 12.2004V10.2653C6.02245 9.33957 7.0322 9.83876 8.19508 10.4145C8.91258 10.7693 9.6852 11.1517 10.5138 11.1517C11.1233 11.1517 11.7625 10.9439 12.431 10.3642C12.4686 10.3316 12.4989 10.2913 12.5197 10.246C12.5405 10.2007 12.5514 10.1515 12.5517 10.1017V4.85039C12.5515 4.78321 12.5321 4.71749 12.4956 4.66109C12.4591 4.60468 12.4071 4.55997 12.3459 4.5323C12.2847 4.50462 12.2168 4.49514 12.1503 4.505C12.0839 4.51486 12.0217 4.54363 11.9711 4.58789C10.7461 5.64795 9.70839 5.13432 8.5057 4.53889C7.2597 3.92114 5.84702 3.22245 4.27114 4.58789ZM11.8504 9.93632C10.6783 10.8621 9.66858 10.3624 8.5057 9.78714C7.41195 9.24682 6.19527 8.64395 4.85039 9.41964V5.0162C6.02245 4.09045 7.0322 4.58964 8.19508 5.16495C9.28883 5.70526 10.506 6.30813 11.8504 5.53245V9.93632Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

+21
View File
@@ -0,0 +1,21 @@
<svg width="32" height="32" viewBox="0 0 32 32" fill="none" xmlns="http://www.w3.org/2000/svg">
<g filter="url(#filter0_f_3239_308)">
<circle cx="16" cy="16" r="14" fill="#0D8DF2" fill-opacity="0.6"/>
</g>
<g filter="url(#filter1_f_3239_308)">
<circle cx="16" cy="16" r="10" fill="#0D8DF2"/>
</g>
<circle cx="16" cy="16" r="3" fill="white"/>
<defs>
<filter id="filter0_f_3239_308" x="0" y="0" width="32" height="32" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_3239_308"/>
</filter>
<filter id="filter1_f_3239_308" x="4" y="4" width="24" height="24" filterUnits="userSpaceOnUse" color-interpolation-filters="sRGB">
<feFlood flood-opacity="0" result="BackgroundImageFix"/>
<feBlend mode="normal" in="SourceGraphic" in2="BackgroundImageFix" result="shape"/>
<feGaussianBlur stdDeviation="1" result="effect1_foregroundBlur_3239_308"/>
</filter>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 1.1 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 70 KiB

+3
View File
@@ -0,0 +1,3 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.74952 3.75V16.25C8.74952 16.4158 8.68367 16.5747 8.56646 16.6919C8.44925 16.8092 8.29028 16.875 8.12452 16.875C7.95875 16.875 7.79978 16.8092 7.68257 16.6919C7.56536 16.5747 7.49952 16.4158 7.49952 16.25V10.625H3.38311L4.8167 12.0578C4.93398 12.1751 4.99986 12.3341 4.99986 12.5C4.99986 12.6659 4.93398 12.8249 4.8167 12.9422C4.69943 13.0595 4.54037 13.1253 4.37452 13.1253C4.20866 13.1253 4.0496 13.0595 3.93233 12.9422L1.43233 10.4422C1.37422 10.3841 1.32812 10.3152 1.29667 10.2393C1.26521 10.1635 1.24902 10.0821 1.24902 10C1.24902 9.91787 1.26521 9.83654 1.29667 9.76066C1.32812 9.68479 1.37422 9.61586 1.43233 9.55781L3.93233 7.05781C4.0496 6.94054 4.20866 6.87465 4.37452 6.87465C4.54037 6.87465 4.69943 6.94054 4.8167 7.05781C4.93398 7.17509 4.99986 7.33415 4.99986 7.5C4.99986 7.66585 4.93398 7.82491 4.8167 7.94219L3.38311 9.375H7.49952V3.75C7.49952 3.58424 7.56536 3.42527 7.68257 3.30806C7.79978 3.19085 7.95875 3.125 8.12452 3.125C8.29028 3.125 8.44925 3.19085 8.56646 3.30806C8.68367 3.42527 8.74952 3.58424 8.74952 3.75ZM18.5667 9.55781L16.0667 7.05781C15.9494 6.94054 15.7904 6.87465 15.6245 6.87465C15.4587 6.87465 15.2996 6.94054 15.1823 7.05781C15.0651 7.17509 14.9992 7.33415 14.9992 7.5C14.9992 7.66585 15.0651 7.82491 15.1823 7.94219L16.6159 9.375H12.4995V3.75C12.4995 3.58424 12.4337 3.42527 12.3165 3.30806C12.1992 3.19085 12.0403 3.125 11.8745 3.125C11.7088 3.125 11.5498 3.19085 11.4326 3.30806C11.3154 3.42527 11.2495 3.58424 11.2495 3.75V16.25C11.2495 16.4158 11.3154 16.5747 11.4326 16.6919C11.5498 16.8092 11.7088 16.875 11.8745 16.875C12.0403 16.875 12.1992 16.8092 12.3165 16.6919C12.4337 16.5747 12.4995 16.4158 12.4995 16.25V10.625H16.6159L15.1823 12.0578C15.0651 12.1751 14.9992 12.3341 14.9992 12.5C14.9992 12.6659 15.0651 12.8249 15.1823 12.9422C15.2996 13.0595 15.4587 13.1253 15.6245 13.1253C15.7904 13.1253 15.9494 13.0595 16.0667 12.9422L18.5667 10.4422C18.6248 10.3841 18.6709 10.3152 18.7024 10.2393C18.7338 10.1635 18.75 10.0821 18.75 10C18.75 9.91787 18.7338 9.83654 18.7024 9.76066C18.6709 9.68479 18.6248 9.61586 18.5667 9.55781Z" fill="black"/>
</svg>

After

Width:  |  Height:  |  Size: 2.2 KiB

+4
View File
@@ -0,0 +1,4 @@
<svg width="29" height="20" viewBox="0 0 29 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="29" height="20" rx="4" fill="#E7F4FE"/>
<path d="M8.47656 6.52344C8.47656 7.80078 9.26172 9.10156 11.0195 9.62891L10.2578 10.8008C9.0625 10.4258 8.21875 9.6582 7.73828 8.69141C7.25195 9.74023 6.38477 10.584 5.13672 11L4.36328 9.82812C6.13281 9.25391 6.95312 7.87109 6.95312 6.52344V6.37109H4.76172V5.17578H10.6211V6.37109H8.47656V6.52344ZM13.2461 4.42578V12.1367H11.7461V4.42578H13.2461ZM13.5273 13.6953V14.8906H6.09766V11.4336H7.60938V13.6953H13.5273ZM23.6116 4.41406V11.1055H22.1936V8.26953H21.3381V10.7539H19.9436V4.61328H21.3381V7.05078H22.1936V4.41406H23.6116ZM19.6272 5.51562V6.67578H14.3889V5.51562H16.2756V4.50781H17.7639V5.51562H19.6272ZM17.0256 7.02734C18.385 7.02734 19.3459 7.77734 19.3577 8.89062C19.3459 9.99219 18.385 10.7422 17.0256 10.7422C15.6897 10.7422 14.717 9.99219 14.717 8.89062C14.717 7.77734 15.6897 7.02734 17.0256 7.02734ZM17.0256 8.10547C16.4397 8.10547 16.053 8.39844 16.053 8.89062C16.053 9.38281 16.4397 9.6875 17.0256 9.67578C17.6116 9.6875 17.9983 9.38281 18.01 8.89062C17.9983 8.39844 17.6116 8.10547 17.0256 8.10547ZM19.967 11.1992C22.2756 11.1992 23.6584 11.9023 23.6702 13.1445C23.6584 14.375 22.2756 15.0781 19.967 15.0781C17.6702 15.0781 16.2756 14.375 16.2756 13.1445C16.2756 11.9023 17.6702 11.1992 19.967 11.1992ZM19.967 12.3242C18.5256 12.3242 17.7639 12.582 17.7756 13.1445C17.7639 13.6836 18.5256 13.9531 19.967 13.9531C21.4202 13.9531 22.1584 13.6836 22.1584 13.1445C22.1584 12.582 21.4202 12.3242 19.967 12.3242Z" fill="#0D8DF2"/>
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

Binary file not shown.

After

Width:  |  Height:  |  Size: 124 KiB

File diff suppressed because it is too large Load Diff
+84
View File
@@ -0,0 +1,84 @@
@charset "utf-8";
/* Copyright Ⓒ Hanmaceng Corp. All Rights Reserved. */
/* 기술개발센터 김건우A 연구원 b25013@hanmaceng.co.kr */
/* 버전 히스토리 */
/* 2025-03-12 : -- reset.css 정의 */
/* 2025-03-19 : -- '여백 초기화'부분 수정 */
/* -- ↓ -- style -- ↓ -- */
/* 여백 초기화 ===== ===== ===== ===== ===== */
body,
div,
ul,
li,
dl,
dd,
dt,
ol,
h1,
h2,
h3,
h4,
h5,
h6,
input,
fieldset,
legend,
p,
select,
table,
th,
td,
tr,
textarea,
button,
form,
figure,
figcaption { margin: 0; padding: 0; line-height: 1; }
/* a 링크 초기화 ===== ===== ===== ===== ===== */
a { color: inherit; text-decoration: inherit; }
/* 폰트 스타일 초기화 (기울임) ===== ===== ===== ===== ===== */
em,
address { font-style: normal; }
/* 블릿기호 초기화 ===== ===== ===== ===== ===== */
ul,
li,
ol { list-style: none; }
/* 제목 태그 초기화 ===== ===== ===== ===== ===== */
h1,
h2,
h3,
h4,
h5,
h6 { font-size: inherit; font-weight: inherit; }
/* 버튼 초기화 ===== ===== ===== ===== ===== */
button, input { border: none; font: inherit; }
/* 테이블 테두리 초기화 ===== ===== ===== ===== ===== */
table { border-collapse: collapse; border-spacing: 0; }
/* 콜아웃 초기화 ===== ===== ===== ===== ===== */
blockquote,
q {quotes: none; }
/* 콜아웃 따옴표 초기화 ===== ===== ===== ===== ===== */
blockquote:before,
blockquote:after,
q:before,
q:after {content: '';content: none; }
/* box-sizing 초기화 ===== ===== ===== ===== ===== */
*,
*::before,
*::after { box-sizing: border-box; }
/* 요소 스타일 초기화 ===== ===== ===== ===== ===== */
article, aside, footer, header, nav, section { display: block; }
+116
View File
@@ -0,0 +1,116 @@
{
"type" : "total",
"title" : "고속국도 제30호 서산영덕선(인주염치) 건설공사",
"origin" : "172.16.41.49:4141",
"project" : "iyall2",
"projectCode" : "iyall2",
"terrain" : "",
"flyTo" : [126.94763032488123, 36.83988626283285, 19526.88102815474],
"query" : {
"setLabel" : "/gsim/setLabel",
"setIssue" : "/gsim/setIssue",
"issue_file" : "/gsim/issue_file",
"issue_delete":"/gsim/issue_delete",
"cupid":"/gsim/cupid"
},
"model" : {
"2019.08__[설계납품]설계 지반" : {
"tileset" : {
"terrain" : "http://172.16.41.49:5000/BCMF/iyall2/model/2019.08__[설계납품]설계 지반/bim/3dtile/terrain/tileset.json"
},
"dLayer" : {
"label" : "http://172.16.41.49:5000/BCMF/iyall2/model/2019.08__[설계납품]설계 지반/label/label.json",
"issue" : "http://172.16.41.49:5000/BCMF/iyall2/model/2019.08__[설계납품]설계 지반/issue/issue.json",
"wpb" : "http://172.16.41.49:5000/BCMF/iyall2/model/2019.08__[설계납품]설계 지반/bim/RoadDatas.json"
}
},
"2019.09__[설계납품]설계 시설" : {
"tileset" : {
"terrain" : "http://172.16.41.49:5000/BCMF/iyall2/model/2019.09__[설계납품]설계 시설/bim/3dtile/terrain/tileset.json",
"structure" : "http://172.16.41.49:5000/BCMF/iyall2/model/2019.09__[설계납품]설계 시설/bim/3dtile/structure/tileset.json"
},
"dLayer" : {
"label" : "http://172.16.41.49:5000/BCMF/iyall2/model/2019.09__[설계납품]설계 시설/label/label.json",
"issue" : "http://172.16.41.49:5000/BCMF/iyall2/model/2019.09__[설계납품]설계 시설/issue/issue.json",
"wpb" : "http://172.16.41.49:5000/BCMF/iyall2/model/2019.09__[설계납품]설계 시설/bim/RoadDatas.json"
}
},
"2019.12__설계확인 시설rev01(거더길이)대체용" : {
"tileset" : {
"terrain" : "http://172.16.41.49:5000/BCMF/iyall2/model/2019.12__설계확인 시설rev01(거더길이)대체용/bim/3dtile/terrain/tileset.json",
"substructure" : "http://172.16.41.49:5000/BCMF/iyall2/model/2019.12__설계확인 시설rev01(거더길이)대체용/bim/3dtile/substructure/tileset.json",
"girder" : "http://172.16.41.49:5000/BCMF/iyall2/model/2019.12__설계확인 시설rev01(거더길이)대체용/bim/3dtile/girder/tileset.json"
},
"dLayer" : {
"label" : "http://172.16.41.49:5000/BCMF/iyall2/model/2019.12__설계확인 시설rev01(거더길이)대체용/label/label.json",
"issue" : "http://172.16.41.49:5000/BCMF/iyall2/model/2019.12__설계확인 시설rev01(거더길이)대체용/issue/issue.json",
"wpb" : "http://172.16.41.49:5000/BCMF/iyall2/model/2019.12__설계확인 시설rev01(거더길이)대체용/bim/RoadDatas.json"
}
},
"2019.12__설계확인 시설rev02(P5, 편경사)" : {
"tileset" : {
"terrain" : "http://172.16.41.49:5000/BCMF/iyall2/model/2019.12__설계확인 시설rev02(P5, 편경사)/bim/3dtile/terrain/tileset.json",
"substructure" : "http://172.16.41.49:5000/BCMF/iyall2/model/2019.12__설계확인 시설rev02(P5, 편경사)/bim/3dtile/substructure/tileset.json",
"girder" : "http://172.16.41.49:5000/BCMF/iyall2/model/2019.12__설계확인 시설rev02(P5, 편경사)/bim/3dtile/girder/tileset.json",
"deck" : "http://172.16.41.49:5000/BCMF/iyall2/model/2019.12__설계확인 시설rev02(P5, 편경사)/bim/3dtile/deck/tileset.json",
"structure" : "http://172.16.41.49:5000/BCMF/iyall2/model/2019.12__설계확인 시설rev02(P5, 편경사)/bim/3dtile/structure/tileset.json"
},
"dLayer" : {
"label" : "http://172.16.41.49:5000/BCMF/iyall2/model/2019.12__설계확인 시설rev02(P5, 편경사)/label/label.json",
"issue" : "http://172.16.41.49:5000/BCMF/iyall2/model/2019.12__설계확인 시설rev02(P5, 편경사)/issue/issue.json",
"wpb" : "http://172.16.41.49:5000/BCMF/iyall2/model/2019.12__설계확인 시설rev02(P5, 편경사)/bim/RoadDatas.json"
}
},
"2023.05__[공사 중]설계 변경" : {
"tileset" : {
"terrain" : "http://172.16.41.49:5000/BCMF/iyall2/model/2023.05__[공사 중]설계 변경/bim/3dtile/terrain/tileset.json",
"structure" : "http://172.16.41.49:5000/BCMF/iyall2/model/2023.05__[공사 중]설계 변경/bim/3dtile/structure/tileset.json"
},
"dLayer" : {
"label" : "http://172.16.41.49:5000/BCMF/iyall2/model/2023.05__[공사 중]설계 변경/label/label.json",
"issue" : "http://172.16.41.49:5000/BCMF/iyall2/model/2023.05__[공사 중]설계 변경/issue/issue.json",
"wpb" : "http://172.16.41.49:5000/BCMF/iyall2/model/2023.05__[공사 중]설계 변경/bim/RoadDatas.json"
}
},
"2024.07__[공사 중]1공구 중간태 1차" : {
"tileset" : {
"structure" : "http://172.16.41.49:5000/BCMF/iyall2/model/2024.07__[공사 중]1공구 중간태 1차/bim/3dtile/structure/tileset.json"
},
"dLayer" : {
"label" : "http://172.16.41.49:5000/BCMF/iyall2/model/2024.07__[공사 중]1공구 중간태 1차/label/label.json",
"issue" : "http://172.16.41.49:5000/BCMF/iyall2/model/2024.07__[공사 중]1공구 중간태 1차/issue/issue.json",
"wpb" : "http://172.16.41.49:5000/BCMF/iyall2/model/2024.07__[공사 중]1공구 중간태 1차/bim/RoadDatas.json"
}
},
"2024.07__[공사 중]2공구 중간태 1차" : {
"tileset" : {
"structure" : "http://172.16.41.49:5000/BCMF/iyall2/model/2024.07__[공사 중]2공구 중간태 1차/bim/3dtile/structure/tileset.json"
},
"dLayer" : {
"label" : "http://172.16.41.49:5000/BCMF/iyall2/model/2024.07__[공사 중]2공구 중간태 1차/label/label.json",
"issue" : "http://172.16.41.49:5000/BCMF/iyall2/model/2024.07__[공사 중]2공구 중간태 1차/issue/issue.json",
"wpb" : "http://172.16.41.49:5000/BCMF/iyall2/model/2024.07__[공사 중]2공구 중간태 1차/bim/RoadDatas.json"
}
},
"2024.10__[공사 중]1공구 중간태 2차" : {
"tileset" : {
"structure" : "http://172.16.41.49:5000/BCMF/iyall2/model/2024.10__[공사 중]1공구 중간태 2차/bim/3dtile/structure/tileset.json"
},
"dLayer" : {
"label" : "http://172.16.41.49:5000/BCMF/iyall2/model/2024.10__[공사 중]1공구 중간태 2차/label/label.json",
"issue" : "http://172.16.41.49:5000/BCMF/iyall2/model/2024.10__[공사 중]1공구 중간태 2차/issue/issue.json",
"wpb" : "http://172.16.41.49:5000/BCMF/iyall2/model/2024.10__[공사 중]1공구 중간태 2차/bim/RoadDatas.json"
}
},
"2024.10__[공사 중]2공구 중간태 2차" : {
"tileset" : {
"structure" : "http://172.16.41.49:5000/BCMF/iyall2/model/2024.10__[공사 중]2공구 중간태 2차/bim/3dtile/structure/tileset.json"
},
"dLayer" : {
"label" : "http://172.16.41.49:5000/BCMF/iyall2/model/2024.10__[공사 중]2공구 중간태 2차/label/label.json",
"issue" : "http://172.16.41.49:5000/BCMF/iyall2/model/2024.10__[공사 중]2공구 중간태 2차/issue/issue.json",
"wpb" : "http://172.16.41.49:5000/BCMF/iyall2/model/2024.10__[공사 중]2공구 중간태 2차/bim/RoadDatas.json"
}
}
}
}
File diff suppressed because it is too large Load Diff
File diff suppressed because it is too large Load Diff
+60
View File
@@ -0,0 +1,60 @@
document.querySelectorAll('.slider').forEach(slider => {
slider.addEventListener('input', function () {
let min = parseFloat(this.min);
let max = parseFloat(this.max);
let curVal = parseFloat(this.value);
let val = ((curVal-min)/(max-min))*100;
// if (slider.id == 'zScale-slider') {
// this.style.background = `linear-gradient(to right, #fff ${val * 10}%, #aaa ${val * 10}%)`;
// } else {
this.style.background = `linear-gradient(to right, #fff ${val}%, #aaa ${val}%)`;
// }
});
});
document.querySelectorAll('input[type="checkbox"][name="layer"]').forEach(checkbox => {
checkbox.addEventListener('change', () => {
if(checkbox.closest('.checkbox-label').classList.contains('disabled')){
checkbox.checked = false;
}
const label = checkbox.closest('.checkbox-label');
const visibilityIcon = label.querySelector('.visibility-icon');
const visibleSrc = checkbox.dataset.iconVisible;
const invisibleSrc = checkbox.dataset.iconInvisible;
if (!checkbox.checked) {
// label.style.opacity = '0.2';
if (visibilityIcon) visibilityIcon.src = invisibleSrc;
} else {
// label.style.opacity = '1';
if (visibilityIcon) visibilityIcon.src = visibleSrc;
}
});
});
document.querySelectorAll('input[type="checkbox"][name="list-set"]').forEach(checkbox => {
checkbox.addEventListener('change', () => {
const label = checkbox.closest('.checkbox-label');
const visibilityIcon = label.querySelector('.visibility-icon');
const visibleSrc = checkbox.dataset.iconVisible;
const invisibleSrc = checkbox.dataset.iconInvisible;
if (!checkbox.checked) {
// label.style.opacity = '0.2';
if (visibilityIcon) visibilityIcon.src = invisibleSrc;
} else {
// label.style.opacity = '1';
if (visibilityIcon) visibilityIcon.src = visibleSrc;
}
});
});
document.querySelector('.dropdown-toggle').addEventListener('click', function () {
document.querySelector('.dropdown').classList.toggle('open');
});
+3
View File
@@ -0,0 +1,3 @@
<svg width="16" height="20" viewBox="0 0 16 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.07312 11.8203C7.41687 11.8203 6.87781 11.2812 6.87781 10.6133C6.87781 9.95703 7.41687 9.41797 8.07312 9.41797C8.74109 9.41797 9.28016 9.95703 9.28016 10.6133C9.28016 11.2812 8.74109 11.8203 8.07312 11.8203Z" fill="#777777"/>
</svg>

After

Width:  |  Height:  |  Size: 340 B

+3
View File
@@ -0,0 +1,3 @@
<svg width="16" height="20" viewBox="0 0 16 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.14437 12.5938C6.9725 12.5938 6.035 11.6562 6.035 10.4844C6.035 9.32812 6.9725 8.39062 8.14437 8.39062C9.30062 8.39062 10.2381 9.32812 10.2381 10.4844C10.2381 11.6562 9.30062 12.5938 8.14437 12.5938Z" fill="#8FA8A4"/>
</svg>

After

Width:  |  Height:  |  Size: 332 B

+3
View File
@@ -0,0 +1,3 @@
<svg width="16" height="20" viewBox="0 0 16 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.07312 11.8203C7.41687 11.8203 6.87781 11.2812 6.87781 10.6133C6.87781 9.95703 7.41687 9.41797 8.07312 9.41797C8.74109 9.41797 9.28016 9.95703 9.28016 10.6133C9.28016 11.2812 8.74109 11.8203 8.07312 11.8203Z" fill="#AAAAAA"/>
</svg>

After

Width:  |  Height:  |  Size: 340 B

+10
View File
@@ -0,0 +1,10 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_538_1000)">
<path d="M12 2C6.48 2 2 6.48 2 12C2 17.52 6.48 22 12 22C17.52 22 22 17.52 22 12C22 6.48 17.52 2 12 2ZM13 17H11V15H13V17ZM13 13H11V7H13V13Z" fill="#AAAAAA"/>
</g>
<defs>
<clipPath id="clip0_538_1000">
<rect width="24" height="24" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 404 B

+3
View File
@@ -0,0 +1,3 @@
<svg width="46" height="11" viewBox="0 0 46 11" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.066 0.787999H10.976C11.564 0.787999 12.166 0.942 12.67 1.376C13.174 1.796 13.496 2.482 13.496 3.28L13.468 3.91H11.676V3.182C11.676 2.776 11.564 2.622 11.41 2.496C11.27 2.37 11.018 2.286 10.752 2.286H3.29C3.024 2.286 2.772 2.37 2.632 2.496C2.478 2.622 2.366 2.776 2.366 3.182V7.606C2.366 8.012 2.478 8.18 2.632 8.306C2.772 8.432 3.024 8.502 3.29 8.502H10.752C11.018 8.502 11.27 8.432 11.41 8.306C11.564 8.18 11.676 8.012 11.676 7.606C11.676 7.606 11.676 7.172 11.676 6.542H6.986V5.044H13.468L13.496 7.522C13.496 8.306 13.16 8.992 12.67 9.426C12.166 9.846 11.564 10 10.976 10H3.066C2.492 10 1.876 9.846 1.372 9.426C0.882 8.992 0.56 8.306 0.56 7.522V3.28C0.56 2.482 0.882 1.796 1.372 1.376C1.876 0.942 2.492 0.787999 3.066 0.787999ZM17.275 0.787999H24.191C24.765 0.787999 25.381 0.942 25.885 1.376C26.347 1.754 26.655 2.384 26.697 3.098H24.877C24.863 2.748 24.765 2.608 24.625 2.496C24.471 2.37 24.233 2.286 23.967 2.286H17.499C17.233 2.286 16.981 2.37 16.841 2.496C16.687 2.622 16.575 2.776 16.575 3.182V3.658C16.575 4.064 16.687 4.218 16.841 4.344C16.981 4.47 17.233 4.554 17.499 4.554H24.471C25.045 4.554 25.661 4.722 26.165 5.142C26.655 5.562 26.977 6.248 26.977 7.046V7.522C26.963 8.306 26.655 8.992 26.151 9.426C25.647 9.846 25.045 10.014 24.457 10.014H17.275C16.687 10.014 16.085 9.846 15.581 9.426C15.091 8.992 14.769 8.306 14.769 7.522V7.242H16.575C16.575 7.424 16.575 7.606 16.575 7.606C16.575 8.012 16.687 8.18 16.841 8.306C16.981 8.432 17.233 8.502 17.499 8.502H24.233C24.499 8.502 24.751 8.432 24.891 8.306C25.045 8.18 25.157 8.012 25.157 7.606C25.157 7.606 25.157 7.074 25.157 6.794C25.129 6.5 25.031 6.374 24.905 6.262C24.751 6.136 24.513 6.052 24.247 6.052H17.275C16.701 6.052 16.085 5.884 15.581 5.464C15.105 5.058 14.783 4.4 14.769 3.63V3.28C14.769 2.482 15.091 1.796 15.581 1.376C16.085 0.942 16.701 0.787999 17.275 0.787999ZM28.344 0.787999H30.15V10H28.344V0.787999ZM31.8505 0.787999H33.5165L38.7805 8.082L44.0305 0.787999H45.7105V10H43.9045V3.91L39.5365 10H38.0245L33.6565 3.91V10H31.8505V0.787999Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 2.1 KiB

+10
View File
@@ -0,0 +1,10 @@
<svg width="74" height="20" viewBox="0 0 74 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M6.67944 5.44019C6.19415 5.60666 5.73957 6.04067 5.31571 6.58764C5.1007 6.86708 1.5255 12.967 1.29822 13.2821C0.425916 14.4653 -0.0348057 14.2334 0.00205204 14.5069C0.0389098 14.7804 1.4395 14.9884 2.30566 14.5842C2.76638 14.3701 3.29468 14.0015 3.69397 13.4189C3.89669 13.1275 7.47803 7.03355 7.71146 6.72439C8.60219 5.5591 9.03219 5.77313 9.00762 5.49964C8.98305 5.22615 7.55174 5.07158 6.6733 5.44019" fill="#AAAAAA"/>
<path d="M14.0505 5.44074C13.5652 5.60721 13.1107 6.04123 12.6868 6.5882C12.4718 6.86763 8.90273 12.9735 8.6693 13.2827C7.77243 14.448 7.30556 14.2399 7.37313 14.5074C7.44685 14.7988 8.8413 14.9355 9.67674 14.5847C10.1436 14.3885 10.6535 14.0021 11.065 13.4194C11.2678 13.1281 14.8491 7.0341 15.0825 6.72494C15.9733 5.55965 16.4463 5.76774 16.3787 5.5002C16.2988 5.19104 14.9228 5.06024 14.0444 5.44074" fill="#AAAAAA"/>
<path d="M7.63145 10.6726C7.2383 10.7143 6.91887 10.5597 6.73458 10.417C6.73458 10.417 6.73458 10.417 6.72844 10.417C5.83771 11.9212 5.10055 13.1697 4.98384 13.3124C4.09311 14.4777 3.65082 14.2636 3.68768 14.5371C3.73068 14.8403 5.16813 15.0068 6.00971 14.6144C6.47043 14.3944 6.97416 14.0258 7.38573 13.4491C7.47788 13.3183 8.2396 12.0639 9.09962 10.6072C9.00133 10.5597 8.87233 10.4883 8.70033 10.4646C8.22118 10.411 7.88331 10.6726 7.63145 10.6726Z" fill="#AAAAAA"/>
<path d="M10.3647 5.441C9.87944 5.60747 9.42486 6.04148 9.00099 6.58846C8.90885 6.71331 8.09798 8.08669 7.28711 9.44818C7.39768 9.54331 7.66797 9.60276 7.88298 9.60276C8.15941 9.60276 8.41127 9.45412 8.49113 9.4244C8.63856 9.37683 8.98257 9.32333 9.302 9.43629C9.41872 9.47791 9.56 9.56709 9.66443 9.62059C10.4937 8.22343 11.2985 6.86194 11.4029 6.7252C12.2998 5.55991 12.7728 5.76205 12.6991 5.50046C12.6131 5.20319 11.2309 5.04861 10.3647 5.441Z" fill="#AAAAAA"/>
<path d="M24.7522 5.55908C24.875 5.67799 24.9057 5.84446 24.8627 6.05849C25.2129 6.07633 25.563 6.07633 25.9132 6.05849C26.2572 6.04065 26.6135 6.01093 26.9882 5.96336C27.3568 5.9158 27.5411 6.12389 27.5288 6.59357C27.5226 7.05731 27.3568 7.25945 27.0373 7.2C26.8776 7.17027 26.7179 7.15244 26.5582 7.15244C26.3985 7.15244 26.2265 7.17027 26.0545 7.2C26.1343 7.29513 26.208 7.41998 26.2695 7.58645C26.3309 7.74697 26.3677 7.91939 26.3677 8.08586C26.3677 8.56743 26.1773 9.03712 25.7903 9.49491C25.4033 9.9527 24.8566 10.1846 24.1501 10.1846C23.4437 10.1846 22.9338 9.9646 22.5223 9.53058C22.1107 9.09657 21.908 8.62689 21.908 8.13342C21.908 7.96101 21.9387 7.78265 22.0062 7.59834C22.0677 7.41403 22.1353 7.27729 22.1967 7.2C22.0861 7.15244 21.9202 7.1346 21.7052 7.14055C21.4902 7.14649 21.306 7.17027 21.1647 7.2C20.8759 7.25945 20.7285 7.05731 20.7285 6.58168C20.7285 6.10605 20.8882 5.90391 21.2077 5.96336C21.5578 6.02282 21.9202 6.05849 22.295 6.07038C22.6635 6.07633 23.0444 6.07038 23.4253 6.05849C23.4068 5.82662 23.4498 5.6542 23.5604 5.54719C23.6648 5.44017 23.8614 5.38666 24.1501 5.38666C24.4389 5.38666 24.6416 5.44612 24.7644 5.55908H24.7522ZM22.7618 12.6222C22.7803 12.8957 22.7925 13.1097 22.811 13.2643C23.0997 13.3118 23.5358 13.3356 24.1256 13.3475C24.7091 13.3535 25.3726 13.3594 26.1159 13.3594C26.8592 13.3594 27.7131 13.3535 28.6345 13.3356C29.5559 13.3178 30.2194 13.2999 30.6248 13.2643C30.9934 13.2345 31.1777 13.4486 31.1777 13.9064C31.1777 14.3642 30.9934 14.5782 30.6248 14.5485C30.2255 14.5187 29.5989 14.495 28.7451 14.4771C27.8912 14.4593 27.0189 14.4533 26.1159 14.4533C25.2129 14.4533 24.4389 14.4652 23.7447 14.489C23.0506 14.5128 22.51 14.5366 22.1414 14.5723C21.8035 14.602 21.521 14.5425 21.2998 14.3879C21.0725 14.2334 21.0049 13.9539 21.0848 13.5497C21.1462 13.2405 21.1831 12.9432 21.1831 12.6638C21.1831 12.3844 21.1524 12.0811 21.0848 11.7542C21.0172 11.3974 21.3182 11.2191 21.9755 11.2191C22.6328 11.2191 22.9215 11.3974 22.8417 11.7542C22.7803 12.0633 22.7557 12.3546 22.768 12.6281L22.7618 12.6222ZM23.4744 7.31891C23.2901 7.49132 23.198 7.70536 23.198 7.9729C23.198 8.2226 23.2901 8.43664 23.4744 8.615C23.6587 8.79336 23.8799 8.88254 24.1379 8.88254C24.3959 8.88254 24.617 8.79336 24.8013 8.615C24.9856 8.43664 25.0777 8.2226 25.0777 7.9729C25.0777 7.7113 24.9856 7.49132 24.8013 7.31891C24.617 7.14649 24.3959 7.06326 24.1379 7.06326C23.8799 7.06326 23.6587 7.14649 23.4744 7.31891ZM30.8337 6.26658C30.8152 6.51628 30.8091 6.72437 30.8091 6.89679C30.8091 7.0038 30.932 7.0692 31.1715 7.08109C31.4111 7.09893 31.62 7.07515 31.7981 7.00975C32.1483 6.8849 32.3264 7.10487 32.3264 7.67563C32.3264 8.24638 32.1483 8.49014 31.7981 8.41285C31.6077 8.36529 31.3927 8.32962 31.1593 8.29395C30.9258 8.26422 30.8091 8.29989 30.8091 8.41285C30.8091 8.64472 30.8152 9.07874 30.8337 9.70894C30.8521 10.3392 30.8767 10.7791 30.9074 11.0288C30.9565 11.3736 30.6678 11.5401 30.0535 11.5401C29.4392 11.5401 29.1444 11.3677 29.1751 11.0288C29.2058 10.6721 29.2365 10.1846 29.2611 9.5722C29.2857 8.95983 29.2979 8.47825 29.2979 8.13937C29.2979 7.80048 29.2857 7.34863 29.2611 6.83139C29.2365 6.32009 29.2058 5.89202 29.1751 5.54719C29.1444 5.19047 29.4331 5.0121 30.0535 5.024C30.674 5.02994 30.9565 5.2083 30.9074 5.54719C30.8767 5.77906 30.8521 6.02282 30.8337 6.27252V6.26658Z" fill="#AAAAAA"/>
<path d="M39.6671 5.77778C39.8453 5.9502 39.9067 6.18207 39.8575 6.47933C39.8268 6.72904 39.7961 6.95496 39.7715 7.169C39.747 7.37708 39.7347 7.56734 39.7347 7.73975C39.7347 7.94189 39.747 8.13215 39.7715 8.31051C39.7961 8.48887 39.8207 8.7029 39.8575 8.95261C39.9067 9.24987 39.8391 9.51147 39.6671 9.74334C39.489 9.97521 39.2064 10.0644 38.8255 9.99899C38.5859 9.96926 38.3341 9.93954 38.0761 9.91576C37.8181 9.89197 37.5785 9.88008 37.3512 9.88008C37.1424 9.88008 36.9151 9.89197 36.6632 9.91576C36.4113 9.93954 36.1718 9.96926 35.926 9.99899C35.5698 10.0466 35.2995 9.96926 35.109 9.76712C34.9186 9.56498 34.851 9.2796 34.9186 8.90504C34.9493 8.65534 34.98 8.4413 35.0046 8.25105C35.0292 8.06675 35.0415 7.89433 35.0415 7.73975C35.0415 7.47816 35.0292 7.25818 35.0046 7.08576C34.98 6.91335 34.9493 6.72309 34.9186 6.50312C34.8695 6.24152 34.937 6.0037 35.1213 5.80156C35.3056 5.59942 35.5759 5.52213 35.926 5.56969C36.1656 5.59942 36.4113 5.62915 36.6632 5.65293C36.9151 5.67671 37.1424 5.6886 37.3512 5.6886C37.5785 5.6886 37.8242 5.67671 38.1007 5.65293C38.3709 5.62915 38.6535 5.60536 38.9422 5.56969C39.2494 5.53997 39.489 5.61131 39.6671 5.77778ZM44.8948 11.0573C45.1712 11.2535 45.2633 11.5507 45.1835 11.9491C45.1528 12.1572 45.1221 12.3831 45.0975 12.6328C45.0729 12.8825 45.0606 13.0906 45.0606 13.263C45.0606 13.4176 45.0729 13.6138 45.0975 13.8456C45.1221 14.0775 45.1466 14.2915 45.1835 14.4759C45.2633 14.8147 44.9746 14.9931 44.3173 14.999C43.66 15.005 43.359 14.8088 43.4266 14.4045C43.4573 14.2024 43.488 13.9824 43.5126 13.7505C43.5372 13.5186 43.5495 13.2987 43.5495 13.0965C43.5495 13.0014 43.5495 12.8765 43.5372 12.722C43.531 12.5674 43.4942 12.4485 43.4266 12.3712C43.3775 12.2939 42.9167 12.2523 42.0383 12.2404C41.166 12.2344 40.4657 12.2285 39.9558 12.2285C39.446 12.2285 38.6535 12.2404 37.5969 12.2642C36.5342 12.288 35.8523 12.3177 35.5513 12.3474C35.195 12.395 35.023 12.1393 35.023 11.5923C35.023 11.0454 35.2012 10.7778 35.5513 10.8135C36.0673 10.8432 36.7983 10.873 37.7566 10.8967C38.7149 10.9205 39.489 10.9324 40.0848 10.9324C40.6807 10.9324 41.4056 10.9205 42.2164 10.8967C43.0273 10.873 43.617 10.8492 43.9856 10.8135C44.3235 10.7838 44.6306 10.8611 44.9009 11.0573H44.8948ZM36.4052 7.79326C36.3991 8.1916 36.4236 8.41752 36.4912 8.48292C36.5711 8.54238 36.8413 8.58994 37.2959 8.61372C37.7505 8.6375 38.0208 8.60183 38.1007 8.5067C38.1805 8.42941 38.2235 8.18565 38.2235 7.78137C38.2235 7.37708 38.1805 7.14521 38.1007 7.07982C38.0392 7.02036 37.7689 6.97874 37.2959 6.96091C36.8229 6.94307 36.5588 6.97874 36.5158 7.05603C36.4482 7.15116 36.4175 7.39492 36.4052 7.79326ZM42.5359 6.15828C42.5174 6.33664 42.5113 6.49122 42.5113 6.61013C42.5113 6.70526 42.6833 6.75282 43.0273 6.75282C43.3713 6.75282 43.5433 6.70526 43.5433 6.61013C43.5433 6.45555 43.5372 6.28314 43.5187 6.09883C43.5003 5.91452 43.4757 5.72427 43.445 5.53997C43.3959 5.18324 43.6785 5.00488 44.2866 5.00488C44.8948 5.00488 45.1835 5.18324 45.1528 5.53997C45.122 5.92641 45.0975 6.29503 45.079 6.63391C45.0606 6.9728 45.0545 7.29979 45.0545 7.6149C45.0545 7.93 45.0606 8.26294 45.079 8.63156C45.0975 8.99422 45.122 9.40445 45.1528 9.8563C45.1835 10.2011 44.8948 10.3676 44.2743 10.3676C43.6539 10.3676 43.3652 10.1952 43.3959 9.8563C43.4266 9.52931 43.4573 9.24393 43.4942 9.00611C43.5249 8.76235 43.5433 8.49481 43.5433 8.20349C43.5433 8.10836 43.3713 8.0608 43.0273 8.0608C42.6833 8.0608 42.5113 8.10836 42.5113 8.20349C42.5113 8.4532 42.5113 8.69696 42.5236 8.94072C42.5297 9.18448 42.5543 9.4758 42.585 9.81468C42.6157 10.1595 42.3331 10.326 41.7434 10.326C41.1537 10.326 40.865 10.1536 40.9018 9.81468C40.9326 9.46985 40.9571 9.11313 40.9756 8.74452C40.9878 8.36996 41.0001 7.97162 41.0001 7.54355C41.0001 7.11549 40.994 6.74688 40.9756 6.44961C40.9571 6.15828 40.9326 5.87291 40.9018 5.59347C40.8527 5.23675 41.1353 5.05839 41.7434 5.05839C42.3516 5.05839 42.6342 5.23675 42.585 5.59347C42.5666 5.79562 42.5543 5.98587 42.5359 6.16423V6.15828Z" fill="#AAAAAA"/>
<path d="M54.1397 5.85019C54.3793 5.99288 54.4776 6.23664 54.4468 6.59336C54.4161 6.97981 54.3916 7.38409 54.3731 7.79432C54.3547 8.20455 54.3486 8.63856 54.3486 9.09041C54.3486 9.54226 54.3547 9.97627 54.3731 10.44C54.3916 10.9037 54.4161 11.3675 54.4468 11.8134C54.4776 12.1582 54.195 12.3247 53.593 12.3247C52.991 12.3247 52.7022 12.1523 52.7391 11.8134C52.7882 11.2843 52.8128 10.8027 52.8251 10.3687C52.8312 9.93465 52.8374 9.51253 52.8374 9.10825C52.8374 8.70396 52.8374 8.30562 52.8251 7.91917C52.819 7.53273 52.7698 7.29491 52.69 7.21762C52.6224 7.15817 52.4381 7.1225 52.1248 7.11061C51.8115 7.10466 51.4675 7.09871 51.0989 7.09871C50.6996 7.09871 50.3372 7.10466 50.0116 7.1225C49.6922 7.14033 49.3789 7.16411 49.0718 7.19384C48.7155 7.2414 48.5435 6.9917 48.5435 6.44472C48.5435 5.89775 48.7216 5.65399 49.0718 5.70155C49.3789 5.73128 49.7168 5.75506 50.0976 5.7729C50.4723 5.79073 50.8594 5.79668 51.2402 5.79668C51.6211 5.79668 52.0019 5.79073 52.3705 5.7729C52.7391 5.75506 53.0524 5.73128 53.3042 5.70155C53.6237 5.65399 53.9001 5.70155 54.1335 5.84424L54.1397 5.85019ZM58.6179 6.67659C58.5995 7.00953 58.5933 7.31275 58.5933 7.57434C58.5933 7.68136 58.7162 7.73487 58.9558 7.72298C59.1953 7.71703 59.4042 7.68731 59.5823 7.63974C59.9509 7.54462 60.1352 7.75865 60.1229 8.28184C60.1168 8.80503 59.9325 9.02501 59.5823 8.94772C59.3919 8.90016 59.1769 8.87043 58.9435 8.8526C58.71 8.83476 58.5933 8.88232 58.5933 8.99529C58.5933 9.89898 58.5995 10.7848 58.6179 11.6648C58.6363 12.5447 58.6609 13.4305 58.6916 14.3342C58.71 14.6731 58.4213 14.8455 57.8378 14.8455C57.2542 14.8455 56.9655 14.6731 56.9839 14.3342C57.0146 13.6327 57.0392 12.8954 57.0576 12.1166C57.076 11.3378 57.0822 10.6005 57.0822 9.89898C57.0822 9.19743 57.076 8.47209 57.0576 7.71703C57.0392 6.96197 57.0146 6.23664 56.9839 5.53508C56.9655 5.17836 57.2542 5 57.85 5C58.4459 5 58.7223 5.17836 58.6916 5.53508C58.6609 5.9572 58.6363 6.33176 58.6179 6.6647V6.67659Z" fill="#AAAAAA"/>
<path d="M74.0003 10.12C74.0003 10.5837 73.816 10.8096 73.4474 10.7977C72.612 10.768 71.752 10.7442 70.8674 10.7264C69.9828 10.7086 69.0982 10.7026 68.2136 10.7026C67.329 10.7026 66.4567 10.7086 65.5967 10.7264C64.7367 10.7442 63.8583 10.768 62.9614 10.7977C62.6051 10.8156 62.4331 10.5897 62.4331 10.1319C62.4331 9.67407 62.6113 9.4541 62.9614 9.46599C63.7661 9.49571 64.7121 9.53733 65.8056 9.58489C66.899 9.63246 67.4458 9.60868 67.4458 9.51355V9.26979C67.4458 9.19844 67.4273 9.09737 67.3966 8.95469C67.3352 8.64553 67.5993 8.49095 68.2013 8.49095C68.8033 8.49095 69.0736 8.64553 69.0061 8.95469C68.9876 9.10926 68.9754 9.22223 68.9692 9.29357C68.9631 9.36492 68.9569 9.43626 68.9569 9.51355C68.9569 9.60868 69.5405 9.63246 70.7138 9.58489C71.8871 9.53733 72.7963 9.50166 73.4351 9.46599C73.8037 9.43626 73.988 9.65029 73.988 10.12H74.0003ZM73.5641 6.19009C73.5641 6.63599 73.3799 6.84408 73.0113 6.83219C72.5628 6.80246 71.8687 6.76084 70.9411 6.71328C70.0074 6.66572 69.6449 6.67166 69.8538 6.73706C70.4005 6.89164 70.935 7.04028 71.4571 7.18297C71.9793 7.32565 72.4891 7.4624 72.9867 7.60509C73.3737 7.7121 73.4904 7.9737 73.3491 8.38393C73.2017 8.79416 72.9744 8.94874 72.6488 8.83578C71.9117 8.60391 71.021 8.33637 69.9767 8.04504C68.9324 7.74778 68.3303 7.59914 68.1706 7.59914C68.0109 7.59914 67.4212 7.74778 66.4015 8.05099C65.3817 8.3542 64.5094 8.62174 63.7846 8.85361C63.4651 8.96063 63.2194 8.81794 63.0474 8.4196C62.8754 8.02126 63.0044 7.76561 63.4221 7.64076C63.9688 7.46834 64.5094 7.30782 65.05 7.16513C65.5906 7.0165 66.0882 6.87381 66.555 6.73112C66.7823 6.65383 66.4322 6.64194 65.5046 6.69545C64.5831 6.74895 63.8644 6.79057 63.3484 6.82624C62.9921 6.84408 62.8201 6.63005 62.8201 6.18414C62.8201 5.73824 62.9983 5.53015 63.3484 5.54204C64.1347 5.57177 64.9394 5.59555 65.7564 5.61339C66.5735 5.63123 67.3782 5.63717 68.1645 5.63717C68.9508 5.63717 69.7617 5.63123 70.5848 5.61339C71.4141 5.59555 72.2188 5.57177 73.0051 5.54204C73.3737 5.52421 73.558 5.73824 73.558 6.18414L73.5641 6.19009ZM73.0973 11.4042C73.3614 11.5944 73.4536 11.8798 73.3737 12.2663C73.343 12.4684 73.3123 12.6468 73.2877 12.8132C73.2631 12.9797 73.2508 13.1462 73.2508 13.3126C73.2508 13.4672 73.2631 13.6456 73.2877 13.8477C73.3123 14.0499 73.3369 14.2461 73.3737 14.4304C73.4536 14.7693 73.171 14.9476 72.5198 14.9536C71.8687 14.9595 71.5738 14.7633 71.6414 14.359C71.6721 14.1569 71.6967 13.9845 71.7151 13.8358C71.7335 13.6872 71.7397 13.5148 71.7397 13.3126C71.7397 13.2175 71.7397 13.1164 71.7274 13.0094C71.7213 12.9024 71.6844 12.8073 71.6168 12.73C71.5677 12.6527 71.1192 12.6111 70.2654 12.5992C69.4115 12.5932 68.7296 12.5873 68.2198 12.5873C67.7099 12.5873 66.8437 12.5992 65.6274 12.623C64.4173 12.6468 63.6556 12.6765 63.3484 12.7062C62.9921 12.7538 62.8201 12.4981 62.8201 11.9511C62.8201 11.4042 62.9983 11.1366 63.3484 11.1723C63.8644 11.202 64.6753 11.2318 65.781 11.2555C66.8868 11.2793 67.7406 11.2912 68.3365 11.2912C68.9324 11.2912 69.6572 11.2793 70.4681 11.2555C71.279 11.2318 71.8625 11.208 72.2127 11.1723C72.5321 11.1426 72.827 11.2199 73.0911 11.4101L73.0973 11.4042Z" fill="#AAAAAA"/>
</svg>

After

Width:  |  Height:  |  Size: 14 KiB

+3
View File
@@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.5 8V6.8H10.5V8H5.5ZM5.5 5.6V4.4H10.5V5.6H5.5ZM4.25 9.2H8.9375C9.23958 9.2 9.52083 9.2624 9.78125 9.3872C10.0417 9.5124 10.2604 9.69 10.4375 9.92L11.75 11.57V3.2H4.25V9.2ZM4.25 12.8H11.1562L9.45312 10.655C9.39062 10.575 9.31521 10.5126 9.22688 10.4678C9.13813 10.4226 9.04167 10.4 8.9375 10.4H4.25V12.8ZM11.75 14H4.25C3.90625 14 3.61208 13.8826 3.3675 13.6478C3.1225 13.4126 3 13.13 3 12.8V3.2C3 2.87 3.1225 2.5874 3.3675 2.3522C3.61208 2.1174 3.90625 2 4.25 2H11.75C12.0938 2 12.3881 2.1174 12.6331 2.3522C12.8777 2.5874 13 2.87 13 3.2V12.8C13 13.13 12.8777 13.4126 12.6331 13.6478C12.3881 13.8826 12.0938 14 11.75 14Z" fill="#8FA8A4"/>
</svg>

After

Width:  |  Height:  |  Size: 752 B

+3
View File
@@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M7.33301 12.6673V8.66732H3.33301V7.33399H7.33301V3.33398H8.66634V7.33399H12.6663V8.66732H8.66634V12.6673H7.33301Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 242 B

+3
View File
@@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M2.99967 9.66732C2.53301 9.66732 2.13856 9.50621 1.81634 9.18398C1.49412 8.86176 1.33301 8.46732 1.33301 8.00065C1.33301 7.53398 1.49412 7.13954 1.81634 6.81732C2.13856 6.4951 2.53301 6.33398 2.99967 6.33398C3.34412 6.33398 3.65523 6.42843 3.93301 6.61732C4.21079 6.80621 4.41079 7.0451 4.53301 7.33398H14.6663V8.66732H4.53301C4.41079 8.95621 4.21079 9.1951 3.93301 9.38398C3.65523 9.57287 3.34412 9.66732 2.99967 9.66732Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 551 B

@@ -0,0 +1,10 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1486_25703)">
<path d="M11.3335 2H4.66683C3.9335 2 3.34016 2.6 3.34016 3.33333L3.3335 14L8.00016 12L12.6668 14V3.33333C12.6668 2.6 12.0668 2 11.3335 2ZM11.3335 12L8.00016 10.5467L4.66683 12V3.33333H11.3335V12Z" fill="#8FA8A4"/>
</g>
<defs>
<clipPath id="clip0_1486_25703">
<rect width="16" height="16" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 465 B

@@ -0,0 +1,10 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1486_25699)">
<path d="M11.3335 2H4.66683C3.9335 2 3.34016 2.6 3.34016 3.33333L3.3335 14L8.00016 12L12.6668 14V3.33333C12.6668 2.6 12.0668 2 11.3335 2Z" fill="#1E5149"/>
</g>
<defs>
<clipPath id="clip0_1486_25699">
<rect width="16" height="16" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 407 B

+6
View File
@@ -0,0 +1,6 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.33333 14C2.96667 14 2.65278 13.8694 2.39167 13.6083C2.13056 13.3472 2 13.0333 2 12.6667V10H3.33333V12.6667H6V14H3.33333ZM10 14V12.6667H12.6667V10H14V12.6667C14 13.0333 13.8694 13.3472 13.6083 13.6083C13.3472 13.8694 13.0333 14 12.6667 14H10ZM2 6V3.33333C2 2.96667 2.13056 2.65278 2.39167 2.39167C2.65278 2.13056 2.96667 2 3.33333 2H6V3.33333H3.33333V6H2ZM12.6667 6V3.33333H10V2H12.6667C13.0333 2 13.3472 2.13056 13.6083 2.39167C13.8694 2.65278 14 2.96667 14 3.33333V6H12.6667Z" fill="white"/>
<path d="M9.6416 6.36719H11.3003C11.4176 6.36719 11.5278 6.39208 11.6309 6.44185C11.7376 6.49163 11.83 6.56097 11.9083 6.64985C11.9865 6.73874 12.0469 6.84185 12.0896 6.95919C12.1358 7.07297 12.1589 7.19563 12.1589 7.32719V9.03919C12.1589 9.1743 12.1358 9.29874 12.0896 9.41252C12.0469 9.5263 11.9865 9.62763 11.9083 9.71652C11.83 9.80541 11.7376 9.87474 11.6309 9.92452C11.5278 9.9743 11.4176 9.99919 11.3003 9.99919H9.6416V6.36719ZM11.1349 9.32719C11.1883 9.32719 11.2363 9.31652 11.2789 9.29519C11.3216 9.27385 11.3589 9.24541 11.3909 9.20985C11.4265 9.1743 11.4532 9.13341 11.4709 9.08719C11.4887 9.03741 11.4976 8.98408 11.4976 8.92719V7.43385C11.4976 7.38052 11.4887 7.33074 11.4709 7.28452C11.4532 7.23474 11.4265 7.19208 11.3909 7.15652C11.3589 7.11741 11.3216 7.08719 11.2789 7.06585C11.2363 7.04452 11.1883 7.03385 11.1349 7.03385H10.3083V9.32719H11.1349Z" fill="white"/>
<path d="M8.41482 9.44452H7.43882L7.30549 9.99919H6.66016L7.59349 6.36719H8.28682L9.18282 9.99919H8.54282L8.41482 9.44452ZM7.56682 8.90585H8.29216L7.95616 7.42319H7.91882L7.56682 8.90585Z" fill="white"/>
<path d="M5.3331 9.36985C5.43621 9.36985 5.51088 9.33963 5.5571 9.27919C5.60688 9.21519 5.64421 9.13874 5.6691 9.04985H6.3411C6.32688 9.18141 6.2931 9.30585 6.23977 9.42319C6.18643 9.53697 6.11532 9.63652 6.02643 9.72185C5.9411 9.80719 5.83799 9.87474 5.7171 9.92452C5.59977 9.9743 5.47355 9.99919 5.33844 9.99919H4.87977C4.73755 9.99919 4.60243 9.97252 4.47443 9.91919C4.34643 9.8623 4.23443 9.78585 4.13843 9.68985C4.04243 9.59385 3.96599 9.48185 3.9091 9.35385C3.85577 9.22585 3.8291 9.08897 3.8291 8.94319V7.42852C3.8291 7.28274 3.85577 7.14585 3.9091 7.01785C3.96599 6.8863 4.04243 6.77252 4.13843 6.67652C4.23443 6.58052 4.34643 6.50585 4.47443 6.45252C4.60243 6.39563 4.73755 6.36719 4.87977 6.36719H5.33844C5.4771 6.36719 5.6051 6.39208 5.72243 6.44185C5.83977 6.49163 5.9411 6.56097 6.02643 6.64985C6.11532 6.73519 6.18643 6.83652 6.23977 6.95385C6.2931 7.07119 6.32688 7.19741 6.3411 7.33252H5.6691C5.65132 7.24008 5.61755 7.16185 5.56777 7.09785C5.51799 7.03385 5.43977 7.00185 5.3331 7.00185H4.8851C4.76066 7.00185 4.6611 7.0463 4.58644 7.13519C4.51532 7.22408 4.47977 7.33252 4.47977 7.46052V8.90585C4.47977 9.03385 4.51532 9.14408 4.58644 9.23652C4.6611 9.32541 4.76066 9.36985 4.8851 9.36985H5.3331Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 2.9 KiB

+10
View File
@@ -0,0 +1,10 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1507_347)">
<path d="M12.6667 2.66732H12V1.33398H10.6667V2.66732H5.33333V1.33398H4V2.66732H3.33333C2.59333 2.66732 2.00667 3.26732 2.00667 4.00065L2 13.334C2 14.0673 2.59333 14.6673 3.33333 14.6673H12.6667C13.4 14.6673 14 14.0673 14 13.334V4.00065C14 3.26732 13.4 2.66732 12.6667 2.66732ZM12.6667 13.334H3.33333V6.66732H12.6667V13.334ZM6 9.33398H4.66667V8.00065H6V9.33398ZM8.66667 9.33398H7.33333V8.00065H8.66667V9.33398ZM11.3333 9.33398H10V8.00065H11.3333V9.33398ZM6 12.0007H4.66667V10.6673H6V12.0007ZM8.66667 12.0007H7.33333V10.6673H8.66667V12.0007ZM11.3333 12.0007H10V10.6673H11.3333V12.0007Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_1507_347">
<rect width="16" height="16" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 847 B

+10
View File
@@ -0,0 +1,10 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_689_1178)">
<path d="M6 13.9998H4.66667V12.6665H6V13.9998ZM3.33333 5.99984H2V4.6665H3.33333V5.99984ZM14 3.33317V12.6665C14 13.3998 13.4 13.9998 12.6667 13.9998H10V12.6665V3.33317V1.99984H12.6667C13.4 1.99984 14 2.59984 14 3.33317ZM3.33333 1.99984V3.33317H2C2 2.59984 2.6 1.99984 3.33333 1.99984ZM8.66667 15.3332H7.33333V0.666504H8.66667V15.3332ZM3.33333 11.3332H2V9.99984H3.33333V11.3332ZM6 3.33317H4.66667V1.99984H6V3.33317ZM3.33333 8.6665H2V7.33317H3.33333V8.6665ZM3.33333 13.9998C2.6 13.9998 2 13.3998 2 12.6665H3.33333V13.9998Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_689_1178">
<rect width="16" height="16" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 783 B

+10
View File
@@ -0,0 +1,10 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1464_4643)">
<path d="M15 6.00714L13.9929 5L10 8.99286L6.00714 5L5 6.00714L8.99286 10L5 13.9929L6.00714 15L10 11.0071L13.9929 15L15 13.9929L11.0071 10L15 6.00714Z" fill="#AAAAAA"/>
</g>
<defs>
<clipPath id="clip0_1464_4643">
<rect width="20" height="20" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 417 B

+10
View File
@@ -0,0 +1,10 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_745_5856)">
<path d="M15 6.00714L13.9929 5L10 8.99286L6.00714 5L5 6.00714L8.99286 10L5 13.9929L6.00714 15L10 11.0071L13.9929 15L15 13.9929L11.0071 10L15 6.00714Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_745_5856">
<rect width="20" height="20" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 413 B

@@ -0,0 +1,4 @@
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="11" cy="11" r="10.5" fill="white" stroke="#DDDDDD"/>
<path d="M9.83317 12.4993L8.02067 10.6868C7.86789 10.5341 7.68039 10.4577 7.45817 10.4577C7.23595 10.4577 7.0415 10.541 6.87484 10.7077C6.72206 10.8605 6.64567 11.0549 6.64567 11.291C6.64567 11.5271 6.72206 11.7216 6.87484 11.8743L9.24984 14.2493C9.40261 14.4021 9.59706 14.4785 9.83317 14.4785C10.0693 14.4785 10.2637 14.4021 10.4165 14.2493L15.1457 9.52018C15.2984 9.3674 15.3748 9.1799 15.3748 8.95768C15.3748 8.73546 15.2915 8.54102 15.1248 8.37435C14.9721 8.22157 14.7776 8.14518 14.5415 8.14518C14.3054 8.14518 14.1109 8.22157 13.9582 8.37435L9.83317 12.4993ZM10.9998 19.3327C9.84706 19.3327 8.76373 19.1138 7.74984 18.676C6.73595 18.2388 5.854 17.6452 5.104 16.8952C4.354 16.1452 3.76039 15.2632 3.32317 14.2493C2.88539 13.2355 2.6665 12.1521 2.6665 10.9993C2.6665 9.84657 2.88539 8.76324 3.32317 7.74935C3.76039 6.73546 4.354 5.85352 5.104 5.10352C5.854 4.35352 6.73595 3.75963 7.74984 3.32185C8.76373 2.88463 9.84706 2.66602 10.9998 2.66602C12.1526 2.66602 13.2359 2.88463 14.2498 3.32185C15.2637 3.75963 16.1457 4.35352 16.8957 5.10352C17.6457 5.85352 18.2393 6.73546 18.6765 7.74935C19.1143 8.76324 19.3332 9.84657 19.3332 10.9993C19.3332 12.1521 19.1143 13.2355 18.6765 14.2493C18.2393 15.2632 17.6457 16.1452 16.8957 16.8952C16.1457 17.6452 15.2637 18.2388 14.2498 18.676C13.2359 19.1138 12.1526 19.3327 10.9998 19.3327Z" fill="#4DB251"/>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

+11
View File
@@ -0,0 +1,11 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1613_908)">
<circle cx="8" cy="8" r="8" fill="#444444"/>
<path d="M7.99977 8.93255L6.05521 10.8826C5.93227 11.0048 5.77581 11.0659 5.58582 11.0659C5.39583 11.0659 5.23937 11.0048 5.11644 10.8826C4.99422 10.7603 4.93311 10.6048 4.93311 10.4159C4.93311 10.227 4.99422 10.0714 5.11644 9.94922L7.06644 7.99922L5.11644 6.07135C4.99422 5.94841 4.93311 5.79194 4.93311 5.60195C4.93311 5.41195 4.99422 5.25549 5.11644 5.13255C5.23866 5.01033 5.39422 4.94922 5.58311 4.94922C5.77199 4.94922 5.92755 5.01033 6.04977 5.13255L7.99977 7.08255L9.92764 5.13255C10.0506 5.01033 10.207 4.94922 10.397 4.94922C10.587 4.94922 10.7435 5.01033 10.8664 5.13255C10.9998 5.26589 11.0664 5.42422 11.0664 5.60755C11.0664 5.79089 10.9998 5.94366 10.8664 6.06589L8.91644 7.99922L10.8664 9.94379C10.9887 10.0667 11.0498 10.2232 11.0498 10.4132C11.0498 10.6032 10.9887 10.7596 10.8664 10.8826C10.7331 11.0159 10.5748 11.0826 10.3914 11.0826C10.2081 11.0826 10.0553 11.0159 9.9331 10.8826L7.99977 8.93255Z" fill="#AAAAAA"/>
</g>
<defs>
<clipPath id="clip0_1613_908">
<rect width="16" height="16" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

+10
View File
@@ -0,0 +1,10 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_689_1170)">
<path fill-rule="evenodd" clip-rule="evenodd" d="M2 13V3.66667C2 2.93333 2.6 2.33333 3.33333 2.33333H6V3.66667H3.33333V13H6V14.3333H3.33333C2.6 14.3333 2 13.7333 2 13ZM14 13V3.66667C14 2.93333 13.4 2.33333 12.6667 2.33333H10V3.66667H12.6667V13H10V14.3333H12.6667C13.4 14.3333 14 13.7333 14 13ZM7.33333 15.6667H8.66667V1H7.33333V15.6667Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_689_1170">
<rect width="16" height="16" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 600 B

@@ -0,0 +1,3 @@
<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M5.82539 13.0004L7.70039 14.9004C7.88372 15.0837 7.97956 15.3129 7.98789 15.5879C7.99622 15.8629 7.90039 16.1004 7.70039 16.3004C7.51706 16.4837 7.28372 16.5754 7.00039 16.5754C6.71706 16.5754 6.48372 16.4837 6.30039 16.3004L2.70039 12.7004C2.50039 12.5004 2.40039 12.2671 2.40039 12.0004C2.40039 11.7337 2.50039 11.5004 2.70039 11.3004L6.30039 7.70039C6.50039 7.50039 6.73372 7.40456 7.00039 7.41289C7.26706 7.42122 7.50039 7.52539 7.70039 7.72539C7.88372 7.92539 7.97956 8.15872 7.98789 8.42539C7.99622 8.69206 7.90039 8.92539 7.70039 9.12539L5.82539 11.0004H18.1504L16.2754 9.12539C16.0754 8.92539 15.9754 8.68789 15.9754 8.41289C15.9754 8.13789 16.0754 7.90039 16.2754 7.70039C16.4754 7.50039 16.7129 7.40039 16.9879 7.40039C17.2629 7.40039 17.5004 7.50039 17.7004 7.70039L21.3004 11.3004C21.5004 11.5004 21.6004 11.7337 21.6004 12.0004C21.6004 12.2671 21.5004 12.5004 21.3004 12.7004L17.7004 16.3004C17.5171 16.4837 17.2879 16.5796 17.0129 16.5879C16.7379 16.5962 16.5004 16.5004 16.3004 16.3004C16.1004 16.1004 15.9962 15.8629 15.9879 15.5879C15.9796 15.3129 16.0754 15.0754 16.2754 14.8754L18.1504 13.0004H5.82539Z" fill="#111111"/>
</svg>

After

Width:  |  Height:  |  Size: 1.2 KiB

+10
View File
@@ -0,0 +1,10 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_1257_533)">
<path d="M2 3.33333H3.33333V2C2.6 2 2 2.6 2 3.33333ZM2 8.66667H3.33333V7.33333H2V8.66667ZM4.66667 14H6V12.6667H4.66667V14ZM2 6H3.33333V4.66667H2V6ZM8.66667 2H7.33333V3.33333H8.66667V2ZM12.6667 2V3.33333H14C14 2.6 13.4 2 12.6667 2ZM3.33333 14V12.6667H2C2 13.4 2.6 14 3.33333 14ZM2 11.3333H3.33333V10H2V11.3333ZM6 2H4.66667V3.33333H6V2ZM7.33333 14H8.66667V12.6667H7.33333V14ZM12.6667 8.66667H14V7.33333H12.6667V8.66667ZM12.6667 14C13.4 14 14 13.4 14 12.6667H12.6667V14ZM12.6667 6H14V4.66667H12.6667V6ZM12.6667 11.3333H14V10H12.6667V11.3333ZM10 14H11.3333V12.6667H10V14ZM10 3.33333H11.3333V2H10V3.33333Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_1257_533">
<rect width="16" height="16" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 864 B

+10
View File
@@ -0,0 +1,10 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_776_11515)">
<path d="M12.0003 9.99935V11.9993H4.00033V9.99935H2.66699V11.9993C2.66699 12.7327 3.26699 13.3327 4.00033 13.3327H12.0003C12.7337 13.3327 13.3337 12.7327 13.3337 11.9993V9.99935H12.0003ZM11.3337 7.33268L10.3937 6.39268L8.66699 8.11268V2.66602H7.33366V8.11268L5.60699 6.39268L4.66699 7.33268L8.00033 10.666L11.3337 7.33268Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_776_11515">
<rect width="16" height="16" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 588 B

+3
View File
@@ -0,0 +1,3 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.58333 18.3327C8.30556 18.3327 7.22222 17.8882 6.33333 16.9993C5.44444 16.1105 5 15.0271 5 13.7493V4.99935C5 4.08268 5.32639 3.29796 5.97917 2.64518C6.63194 1.9924 7.41667 1.66602 8.33333 1.66602C9.25 1.66602 10.0347 1.9924 10.6875 2.64518C11.3403 3.29796 11.6667 4.08268 11.6667 4.99935V12.916C11.6667 13.4993 11.4653 13.9924 11.0625 14.3952C10.6597 14.798 10.1667 14.9993 9.58333 14.9993C9 14.9993 8.50694 14.798 8.10417 14.3952C7.70139 13.9924 7.5 13.4993 7.5 12.916V5.62435C7.5 5.44379 7.55917 5.29463 7.6775 5.17685C7.79528 5.05852 7.94444 4.99935 8.125 4.99935C8.30556 4.99935 8.455 5.05852 8.57333 5.17685C8.69111 5.29463 8.75 5.44379 8.75 5.62435V12.916C8.75 13.1521 8.83 13.3499 8.99 13.5093C9.14944 13.6693 9.34722 13.7493 9.58333 13.7493C9.81944 13.7493 10.0175 13.6693 10.1775 13.5093C10.3369 13.3499 10.4167 13.1521 10.4167 12.916V4.99935C10.4167 4.41602 10.2153 3.92296 9.8125 3.52018C9.40972 3.1174 8.91667 2.91602 8.33333 2.91602C7.75 2.91602 7.25694 3.1174 6.85417 3.52018C6.45139 3.92296 6.25 4.41602 6.25 4.99935V13.7493C6.25 14.666 6.57639 15.4507 7.22917 16.1035C7.88194 16.7563 8.66667 17.0827 9.58333 17.0827C10.5 17.0827 11.2847 16.7563 11.9375 16.1035C12.5903 15.4507 12.9167 14.666 12.9167 13.7493V5.62435C12.9167 5.44379 12.9758 5.29463 13.0942 5.17685C13.2119 5.05852 13.3611 4.99935 13.5417 4.99935C13.7222 4.99935 13.8717 5.05852 13.99 5.17685C14.1078 5.29463 14.1667 5.44379 14.1667 5.62435V13.7493C14.1667 15.0271 13.7222 16.1105 12.8333 16.9993C11.9444 17.8882 10.8611 18.3327 9.58333 18.3327Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 1.6 KiB

+4
View File
@@ -0,0 +1,4 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M12.9997 9.66732C12.6552 9.66732 12.3441 9.57287 12.0663 9.38398C11.7886 9.1951 11.5886 8.95621 11.4663 8.66732H1.99967C1.81079 8.66732 1.65256 8.60332 1.52501 8.47532C1.39701 8.34776 1.33301 8.18954 1.33301 8.00065C1.33301 7.81176 1.39701 7.65332 1.52501 7.52532C1.65256 7.39776 1.81079 7.33398 1.99967 7.33398H11.4663C11.5886 7.0451 11.7886 6.80621 12.0663 6.61732C12.3441 6.42843 12.6552 6.33398 12.9997 6.33398C13.4663 6.33398 13.8608 6.4951 14.183 6.81732C14.5052 7.13954 14.6663 7.53398 14.6663 8.00065C14.6663 8.46732 14.5052 8.86176 14.183 9.18398C13.8608 9.50621 13.4663 9.66732 12.9997 9.66732Z" fill="white"/>
<path d="M3.00033 6.33268C3.34477 6.33268 3.65588 6.42713 3.93366 6.61601C4.21144 6.8049 4.41144 7.04379 4.53366 7.33268L14.0003 7.33268C14.1892 7.33268 14.3474 7.39668 14.475 7.52468C14.603 7.65224 14.667 7.81046 14.667 7.99935C14.667 8.18824 14.603 8.34668 14.475 8.47468C14.3474 8.60224 14.1892 8.66602 14.0003 8.66602L4.53366 8.66601C4.41144 8.9549 4.21144 9.19379 3.93366 9.38268C3.65588 9.57157 3.34477 9.66601 3.00033 9.66601C2.53366 9.66601 2.13922 9.5049 1.81699 9.18268C1.49477 8.86046 1.33366 8.46601 1.33366 7.99935C1.33366 7.53268 1.49477 7.13824 1.81699 6.81601C2.13922 6.49379 2.53366 6.33268 3.00033 6.33268Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

+10
View File
@@ -0,0 +1,10 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_3189_228)">
<path d="M8.00008 3.99997C10.5267 3.99997 12.7801 5.41997 13.8801 7.66663C13.4867 8.47997 12.9334 9.17997 12.2734 9.74663L13.2134 10.6866C14.1401 9.86663 14.8734 8.83997 15.3334 7.66663C14.1801 4.73997 11.3334 2.66663 8.00008 2.66663C7.15341 2.66663 6.34008 2.79997 5.57341 3.04663L6.67342 4.14663C7.10675 4.05997 7.54675 3.99997 8.00008 3.99997ZM7.28675 4.75997L8.66675 6.13997C9.04675 6.30663 9.35341 6.6133 9.52008 6.9933L10.9001 8.3733C10.9534 8.14663 10.9934 7.90663 10.9934 7.65997C11.0001 6.00663 9.65341 4.66663 8.00008 4.66663C7.75341 4.66663 7.52008 4.69997 7.28675 4.75997ZM1.34008 2.57997L3.12675 4.36663C2.04008 5.21997 1.18008 6.3533 0.666748 7.66663C1.82008 10.5933 4.66675 12.6666 8.00008 12.6666C9.01341 12.6666 9.98675 12.4733 10.8801 12.12L13.1601 14.4L14.1001 13.46L2.28008 1.6333L1.34008 2.57997ZM6.34008 7.57997L8.08008 9.31997C8.05341 9.32663 8.02675 9.3333 8.00008 9.3333C7.08008 9.3333 6.33341 8.58663 6.33341 7.66663C6.33341 7.6333 6.34008 7.6133 6.34008 7.57997ZM4.07341 5.3133L5.24008 6.47997C5.08675 6.84663 5.00008 7.24663 5.00008 7.66663C5.00008 9.31997 6.34675 10.6666 8.00008 10.6666C8.42008 10.6666 8.82008 10.58 9.18008 10.4266L9.83341 11.08C9.24675 11.24 8.63341 11.3333 8.00008 11.3333C5.47341 11.3333 3.22008 9.9133 2.12008 7.66663C2.58675 6.7133 3.26675 5.92663 4.07341 5.3133Z" fill="#AAAAAA"/>
</g>
<defs>
<clipPath id="clip0_3189_228">
<rect width="16" height="16" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 1.5 KiB

+10
View File
@@ -0,0 +1,10 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_781_2874)">
<path d="M8.00016 1.33398C5.42016 1.33398 3.3335 3.42065 3.3335 6.00065C3.3335 9.50065 8.00016 14.6673 8.00016 14.6673C8.00016 14.6673 12.6668 9.50065 12.6668 6.00065C12.6668 3.42065 10.5802 1.33398 8.00016 1.33398ZM8.00016 7.66732C7.08016 7.66732 6.3335 6.92065 6.3335 6.00065C6.3335 5.08065 7.08016 4.33398 8.00016 4.33398C8.92016 4.33398 9.66683 5.08065 9.66683 6.00065C9.66683 6.92065 8.92016 7.66732 8.00016 7.66732Z" fill="white"/>
</g>
<defs>
<clipPath id="clip0_781_2874">
<rect width="16" height="16" fill="white"/>
</clipPath>
</defs>
</svg>

After

Width:  |  Height:  |  Size: 685 B

+3
View File
@@ -0,0 +1,3 @@
<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.00033 8.00065C8.36699 8.00065 8.68099 7.86998 8.94233 7.60865C9.20321 7.34776 9.33366 7.03398 9.33366 6.66732C9.33366 6.30065 9.20321 5.98665 8.94233 5.72532C8.68099 5.46443 8.36699 5.33398 8.00033 5.33398C7.63366 5.33398 7.31988 5.46443 7.05899 5.72532C6.79766 5.98665 6.66699 6.30065 6.66699 6.66732C6.66699 7.03398 6.79766 7.34776 7.05899 7.60865C7.31988 7.86998 7.63366 8.00065 8.00033 8.00065ZM8.00033 12.9007C9.35588 11.6562 10.3614 10.5255 11.017 9.50865C11.6725 8.49221 12.0003 7.58954 12.0003 6.80065C12.0003 5.58954 11.6141 4.59776 10.8417 3.82532C10.0697 3.05332 9.12255 2.66732 8.00033 2.66732C6.8781 2.66732 5.93077 3.05332 5.15833 3.82532C4.38633 4.59776 4.00033 5.58954 4.00033 6.80065C4.00033 7.58954 4.3281 8.49221 4.98366 9.50865C5.63921 10.5255 6.64477 11.6562 8.00033 12.9007ZM8.00033 14.6673C6.21144 13.1451 4.87544 11.7311 3.99233 10.4253C3.10877 9.11998 2.66699 7.91176 2.66699 6.80065C2.66699 5.13398 3.20321 3.80621 4.27566 2.81732C5.34766 1.82843 6.58921 1.33398 8.00033 1.33398C9.41144 1.33398 10.653 1.82843 11.725 2.81732C12.7974 3.80621 13.3337 5.13398 13.3337 6.80065C13.3337 7.91176 12.8921 9.11998 12.009 10.4253C11.1254 11.7311 9.78921 13.1451 8.00033 14.6673Z" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 1.3 KiB

@@ -0,0 +1,3 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="10" cy="10" r="3" fill="#A0705F"/>
</svg>

After

Width:  |  Height:  |  Size: 150 B

@@ -0,0 +1,3 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="10" cy="10" r="3" fill="#0D8DF2"/>
</svg>

After

Width:  |  Height:  |  Size: 150 B

@@ -0,0 +1,3 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="10" cy="10" r="3" fill="#4DB251"/>
</svg>

After

Width:  |  Height:  |  Size: 150 B

@@ -0,0 +1,3 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="10" cy="10" r="3" fill="#7F7F7F"/>
</svg>

After

Width:  |  Height:  |  Size: 150 B

@@ -0,0 +1,3 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="10" cy="10" r="3" fill="#B92ED1"/>
</svg>

After

Width:  |  Height:  |  Size: 150 B

@@ -0,0 +1,3 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="10" cy="10" r="3" fill="#6D3DC2"/>
</svg>

After

Width:  |  Height:  |  Size: 150 B

@@ -0,0 +1,3 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="10" cy="10" r="3" fill="#F21D0D"/>
</svg>

After

Width:  |  Height:  |  Size: 150 B

@@ -0,0 +1,3 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="10" cy="10" r="3" fill="#688897"/>
</svg>

After

Width:  |  Height:  |  Size: 150 B

@@ -0,0 +1,3 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="10" cy="10" r="2" fill="white"/>
</svg>

After

Width:  |  Height:  |  Size: 148 B

@@ -0,0 +1,3 @@
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<circle cx="10" cy="10" r="3" fill="#FFBF00"/>
</svg>

After

Width:  |  Height:  |  Size: 150 B

Some files were not shown because too many files have changed in this diff Show More