코드노트

프로젝트 기간 설정이 되어 있을 때 디데이 수식 설정 + 컬러 정해주기 if(dateBetween(dateEnd(prop("프로젝트 기간")), today(), "days") == 0, style("D-day", "green"), if(dateBetween(dateEnd(prop("프로젝트 기간")), today(), "days")  5일 이하일 때 -> oranged-day -> greend+ -> red

See the Pen text 형광펜 디자인 by publisher-jy (@publisher-jy) on CodePen." data-ke-type="html">HTML 삽입미리보기할 수 없는 소스 엔터해도 상관 없지롱

" alt="" class="img">.pdList .pdImage { border-radius: 16px; border: 1px solid #E8E8E9; overflow: hidden; position: relative;}.pdList .pdImage::after { display: block; content: ""; padding-bottom: 100%;}.pdList .pdImage .img { position: absolute; top: 0; left: 0; width: 100%; height: 100%; object-fit: cover;}

$(document).ready(function() { var $content = $('.forScroll'); var isDown = false; var startX, startY, scrollLeft, scrollTop; $content.on('mousedown', function(e) { isDown = true; $content.css('cursor', 'grabbing'); startX = e.pageX - $content.offset().left; startY = e.pageY - $content.offset().top; scrollLeft = $content.scrollLeft(); scrollTop = $content.scroll..

#main > article 한 페이지씩 보이게 되는 대상css로 높이 100svh 잡아줌document.addEventListener("DOMContentLoaded", function() { const articles = document.querySelectorAll("#main article"); const articleHeight = window.innerHeight; let currentPage = 0; function scrollToPage(page) { articles[page].scrollIntoView({ behavior: "smooth" }); } articles.forEach(function(article) { a..

See the Pen 페이지 랜딩 2초 후 아래 섹션으로 이동 by publisher-jy (@publisher-jy) on CodePen." data-ke-type="html">HTML 삽입미리보기할 수 없는 소스

index 파일에 적용

$colors-data: ( search: var(--cBlue), dtldSrch: var(--cGreen));@each $name, $color in $colors-data { .btn-#{$name}, .btn-#{$name} i { background: $color; }}

아래 내용 버전 문제로 오류 생기는 거 같아서 위 내용으로 ㄱㄱ 출처: https://www.npmjs.com/package/jquery.counterup?activeTab=readme

a href="javascript:void(0);" onclick="javascript:if (!confirm('다운로드하시겠습니까?')) { return false; } else { window.open(' echo $list[$i]['file'][0]['href']; ?>'); }">//for ($i=0; $i'); }"> ">공지 '; } else { $img_content = 'no image'; } echo run_replace('thumb_image_tag', $img_content, $thumb); } ?> * 게시판 설정에서 목록에서 파일 다운로드 접근 가능하도록 설정해줘야함~.~

참고 자료는 일반 게시판 (table)형 무한 스크롤이길래 갤러리형(ul>li)으로 변경,, 아래 내용 찾아서 중간중간 추가,, list 불러오는 중 마우스 스크롤 (다음글 불러오기) css .moreBar, .scrollTop{ width:100%; height:auto; overflow:hidden; text-align:center; line-height:30px; font-size:12px; margin-top:20px; margin-bottom:20px; display:none; } 출처: https://sir.kr/bbs/board.php?bo_table=g5_skin&wr_id=27677 무한스크롤 게시판 스킨 > SIR 스크롤로 게시글을 불러오는 게시판 스킨입니다. https://sir.kr..

// @include aspect($w: 16, $h: 9); @mixin aspect($w: 16, $h: 9) { aspect-ratio: #{$w} / #{$h}; @supports not (aspect-ratio: #{$w} / #{$h}) { &::before { content: ''; float: left; padding-top: calc((#{$h} / #{$w}) * 100%); } &::after { content: ''; display: block; clear: both; } } }