msbfox/dnssash
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit 2

Browse Source
This commit is contained in:
hmw1001
2026-06-11 18:47:38 +09:00
parent c768729ce6
commit 6f534e33a6
11095 changed files with 1595758 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files
theme/rd.dnssash/rb.layout/rd.laser/index_new.php
+376
View File
@@ -0,0 +1,376 @@
<?php
if (!defined('_GNUBOARD_')) exit;
add_stylesheet('<link rel="stylesheet" href="'.G5_THEME_URL.'/rb.layout/'.$rb_core['layout'].'/style.css">', 0);
// ==============================================================================
// [DATA CONFIGURATION] 상단 설정 영역
// 이곳의 데이터만 수정하면 페이지 전체의 문구와 링크가 변경됩니다.
// ==============================================================================
// 1. Hero 섹션 설정 (메인 타이틀 및 링크)
$hero_config = [
'title_top' => '새로운 지평선을 열다',
'title_main' => 'SUPERNOVA JOURNAL',
'subtitle' => '레이저 기술의 무한한 잠재력을 실현하고<br>일상 속 혁신을 이끄는 글로벌 파트너',
'btn_1_txt' => '저널 구독하기',
'btn_1_url' => G5_BBS_URL.'/board.php?bo_table=subscribe',
'btn_2_txt' => '솔루션 문의',
'btn_2_url' => G5_BBS_URL.'/board.php?bo_table=qa'
];
// 2. Hero 우측 '바로가기 박스' 설정 (4개) - 클릭 시 이동할 게시판 URL 설정
$shortcut_boxes = [
[
'title' => '최신 연구',
'icon' => '🔬',
'desc' => '세포 연구 및 의학 발전',
'url' => G5_BBS_URL.'/board.php?bo_table=research'
],
[
'title' => '일상 활용',
'icon' => '🏙️',
'desc' => '건설, 치과, 테마파크',
'url' => G5_BBS_URL.'/board.php?bo_table=dailylife'
],
[
'title' => '맞춤 서비스',
'icon' => '⚙️',
'desc' => '디자인 및 물류 솔루션',
'url' => G5_BBS_URL.'/board.php?bo_table=custom'
],
[
'title' => '제품 소개',
'icon' => '💎',
'desc' => '레이저 가죽 & 소모품',
'url' => G5_BBS_URL.'/board.php?bo_table=products'
]
];
// 3. Portfolio 섹션 (게시판 연동 그룹) 설정
// 제공된 텍스트 내용을 기반으로 4개 카테고리 분류
$board_groups = [
'tech' => [
'bo_table' => 'laser_tech',
'title' => 'TECH FRONTIERS',
'desc' => '물리학자들의 새로운 아이디어와 레이저 기술의 비약적 발전'
],
'life' => [
'bo_table' => 'laser_life',
'title' => 'LASER IN DAILY LIFE',
'desc' => '전문가들이 전하는 우리 삶 속에 스며든 레이저 이야기'
],
'product' => [
'bo_table' => 'laser_goods',
'title' => 'CUSTOM PRODUCTS',
'desc' => '승화 인쇄용 가죽 블랭크 및 다양한 맞춤형 레이저 소모품'
],
'service' => [
'bo_table' => 'laser_service',
'title' => 'QUALITY & SERVICE',
'desc' => '편리한 물류 서비스와 산업 표준을 초과하는 품질 보증'
]
];
?>
<div class="creative-portfolio-container">
<section class="hero-section">
<div class="hero-background">
<img src="<?php echo G5_THEME_URL ?>/img/supernova_hero.jpg" alt="Supernova Laser World" class="bg-img">
<div class="hero-overlay"></div>
<div class="hero-shapes">
<div class="shape shape-1"></div>
<div class="shape shape-2"></div>
<div class="shape shape-3"></div>
</div>
</div>
<div class="hero-content">
<div class="hero-text">
<span class="hero-badge">LASER TECHNOLOGY JOURNAL</span>
<h1 class="hero-title">
<span class="title-line"><?php echo $hero_config['title_top']; ?></span>
<span class="title-line gradient-text"><?php echo $hero_config['title_main']; ?></span>
</h1>
<p class="hero-subtitle">
<?php echo $hero_config['subtitle']; ?>
</p>
<div class="hero-cta">
<a href="<?php echo $hero_config['btn_1_url']; ?>" class="btn-primary"><?php echo $hero_config['btn_1_txt']; ?></a>
<a href="<?php echo $hero_config['btn_2_url']; ?>" class="btn-secondary"><?php echo $hero_config['btn_2_txt']; ?></a>
</div>
</div>
<div class="hero-visual">
<div class="creative-showcase">
<?php foreach($shortcut_boxes as $box): ?>
<div class="showcase-item" onclick="location.href='<?php echo $box['url']; ?>'">
<div class="item-content">
<div class="item-icon"><?php echo $box['icon']; ?></div>
<h4><?php echo $box['title']; ?></h4>
<p class="box-desc"><?php echo $box['desc']; ?></p>
</div>
<div class="hover-indicator">GO ➔</div>
</div>
<?php endforeach; ?>
</div>
</div>
</div>
</section>
<section class="portfolio-section" id="portfolio">
<div class="container">
<div class="section-header">
<span class="section-badge">DISCOVER</span>
<h2 class="section-title">주요 저널 및 제품</h2>
<p class="section-subtitle">슈퍼노바가 제안하는 기술의 기적과 솔루션</p>
</div>
<div class="portfolio-filter">
<button class="filter-btn active" data-filter="all">전체 보기</button>
<?php foreach($board_groups as $key => $group): ?>
<button class="filter-btn" data-filter="<?php echo $key; ?>"><?php echo $group['title']; ?></button>
<?php endforeach; ?>
</div>
<div class="portfolio-grid">
<?php
foreach($board_groups as $key => $group):
// 최신글 추출 (이미지 포함된 게시물 위주)
$list = get_latest('gallery', $group['bo_table'], 5, 40);
if(is_array($list) && count($list) > 0) {
foreach($list as $lt) {
$thumb = get_list_thumbnail($group['bo_table'], $lt['wr_id'], 400, 300);
$img_src = $thumb['src'] ? $thumb['src'] : G5_THEME_URL.'/img/no_img.png';
$link = $lt['href'];
$subject = $lt['wr_subject'];
$content = cut_str(strip_tags($lt['wr_content']), 80); // 본문 요약
?>
<div class="portfolio-item" data-category="<?php echo $key; ?>">
<div class="portfolio-wrapper">
<div class="portfolio-image">
<img src="<?php echo $img_src; ?>" alt="<?php echo $subject; ?>">
</div>
<div class="portfolio-overlay">
<div class="overlay-content">
<span class="category-tag"><?php echo $group['title']; ?></span>
<h3><?php echo $subject; ?></h3>
<p class="summary"><?php echo $content; ?></p>
<a href="<?php echo $link; ?>" class="btn-view">자세히 보기</a>
</div>
</div>
</div>
</div>
<?php
}
}
endforeach;
?>
</div>
</div>
</section>
<section class="process-section">
<div class="container">
<div class="section-header">
<span class="section-badge">WHY CHOOSE SUPERNOVA?</span>
<h2 class="section-title">슈퍼노바만의 특별한 가치</h2>
<p class="section-subtitle">품질과 서비스의 확실한 보증을 제공합니다.</p>
</div>
<div class="process-timeline">
<div class="process-step">
<div class="step-number">01</div>
<div class="step-content">
<h3>Customization</h3>
<p>고객 샘플 기반 디자인, 사양, 포장 맞춤 제작</p>
</div>
</div>
<div class="process-step">
<div class="step-number">02</div>
<div class="step-content">
<h3>Logistics</h3>
<p>고객 요구에 맞춘 비용 효율적 물류 솔루션 제공</p>
</div>
</div>
<div class="process-step">
<div class="step-number">03</div>
<div class="step-content">
<h3>Innovation</h3>
<p>15년 전문성을 바탕으로 한 지속적인 제품 혁신</p>
</div>
</div>
<div class="process-step">
<div class="step-number">04</div>
<div class="step-content">
<h3>Support</h3>
<p>모든 제품에 대한 무료 기술 지원 및 철저한 안내</p>
</div>
</div>
</div>
</div>
</section>
<section class="cta-section">
<div class="container">
<div class="cta-content">
<div class="cta-text">
<h2>글로벌 레이저 기술의 파트너</h2>
<p>전 세계 시장에서 검증된 서브리메이션 및 레이저 소재를 만나보세요.</p>
</div>
<div class="cta-buttons">
<a href="<?php echo G5_BBS_URL ?>/board.php?bo_table=contact" class="btn-primary-large">제휴 문의</a>
<a href="<?php echo G5_BBS_URL ?>/board.php?bo_table=catalog" class="btn-secondary-large">제품 카탈로그</a>
</div>
</div>
</div>
</section>
</div>
<script>
jQuery(document).ready(function($) {
// 탭 필터링 로직
$('.filter-btn').on('click', function() {
var filterValue = $(this).attr('data-filter');
$('.filter-btn').removeClass('active');
$(this).addClass('active');
if(filterValue == 'all') {
$('.portfolio-item').show(300);
} else {
$('.portfolio-item').hide();
$('.portfolio-item[data-category="'+filterValue+'"]').show(300);
}
});
});
</script>
<style>
/* CSS 스타일링 (기능 및 디자인 유지, 색상 테마 조정) */
/* Hero Section */
.hero-section {
position: relative;
width: 100%;
height: 600px; /* Hero 높이 */
display: flex;
align-items: center;
overflow: hidden;
}
.hero-background {
position: absolute; top: 0; left: 0; width: 100%; height: 100%; z-index: -1;
}
.hero-background .bg-img {
width: 100%; height: 100%; object-fit: cover;
}
.hero-overlay {
position: absolute; top: 0; left: 0; width: 100%; height: 100%;
background: linear-gradient(to right, rgba(0,0,0,0.8) 0%, rgba(0,0,0,0.4) 100%);
}
/* Hero Content */
.hero-content {
max-width: 1400px; margin: 0 auto; padding: 0 30px; width: 100%;
display: flex; justify-content: space-between; align-items: center;
position: relative; z-index: 1; color: #fff;
}
.hero-text { max-width: 50%; }
.hero-badge {
background: #ff6b6b; color: #fff; padding: 5px 12px;
border-radius: 20px; font-weight: bold; font-size: 0.85rem; letter-spacing: 1px;
}
.hero-title { font-size: 3.5rem; font-weight: 800; line-height: 1.2; margin: 20px 0; }
.hero-title .gradient-text {
background: linear-gradient(to right, #ff6b6b, #feca57);
-webkit-background-clip: text; -webkit-text-fill-color: transparent;
}
.hero-subtitle { font-size: 1.2rem; opacity: 0.9; margin-bottom: 40px; font-weight: 300; line-height: 1.6; }
/* Hero Visual (Small Boxes) */
.creative-showcase {
display: grid; grid-template-columns: repeat(2, 1fr); gap: 15px;
}
.showcase-item {
background: rgba(255,255,255,0.1); backdrop-filter: blur(10px);
border: 1px solid rgba(255,255,255,0.2);
padding: 20px; border-radius: 12px; text-align: center;
width: 170px; height: 170px;
display: flex; flex-direction: column; justify-content: center; align-items: center;
cursor: pointer; transition: all 0.3s ease; position: relative; overflow: hidden;
}
.showcase-item:hover {
background: rgba(255,255,255,0.95); transform: translateY(-5px);
}
.showcase-item:hover h4, .showcase-item:hover .item-icon, .showcase-item:hover .box-desc {
color: #333;
}
.item-icon { font-size: 2.5rem; margin-bottom: 10px; color: #fff; transition: 0.3s;}
.showcase-item h4 { font-size: 1.1rem; color: #fff; margin: 0 0 5px; font-weight: 700; transition: 0.3s;}
.box-desc { font-size: 0.75rem; color: #ddd; margin: 0; line-height: 1.3; transition: 0.3s;}
.hover-indicator {
position: absolute; bottom: 10px; font-size: 0.8rem; font-weight: bold; color: #ff6b6b;
opacity: 0; transform: translateY(10px); transition: 0.3s;
}
.showcase-item:hover .hover-indicator { opacity: 1; transform: translateY(0); }
/* Portfolio Section */
.portfolio-grid {
display: grid; grid-template-columns: repeat(auto-fill, minmax(280px, 1fr)); gap: 25px; margin-top: 40px;
}
.portfolio-wrapper {
position: relative; border-radius: 10px; overflow: hidden;
box-shadow: 0 5px 15px rgba(0,0,0,0.1); height: 320px;
}
.portfolio-image { width: 100%; height: 100%; }
.portfolio-image img { width: 100%; height: 100%; object-fit: cover; transition: transform 0.5s ease; }
.portfolio-overlay {
position: absolute; top: 0; left: 0; width: 100%; height: 100%;
background: rgba(0, 0, 0, 0.8);
display: flex; flex-direction: column; justify-content: center; align-items: center;
text-align: center; padding: 25px;
opacity: 0; transition: opacity 0.3s ease;
}
.portfolio-wrapper:hover .portfolio-overlay { opacity: 1; }
.portfolio-wrapper:hover .portfolio-image img { transform: scale(1.1); }
.overlay-content h3 { color: #fff; font-size: 1.4rem; margin-bottom: 15px; line-height: 1.3; }
.overlay-content .summary { color: #ccc; font-size: 0.9rem; margin-bottom: 25px; line-height: 1.5; display: -webkit-box; -webkit-line-clamp: 3; -webkit-box-orient: vertical; overflow: hidden; }
.category-tag {
display: inline-block; padding: 4px 12px; background: #ff6b6b; color: #fff;
border-radius: 20px; font-size: 0.7rem; margin-bottom: 15px; font-weight: bold;
}
.btn-view {
display: inline-block; padding: 8px 25px; border: 1px solid #fff; color: #fff;
text-decoration: none; border-radius: 30px; transition: 0.2s; font-size: 0.9rem;
}
.btn-view:hover { background: #fff; color: #000; }
/* Filter Buttons */
.portfolio-filter { text-align: center; margin-bottom: 30px; }
.filter-btn {
background: none; border: none; font-size: 1rem; color: #666; padding: 10px 20px;
cursor: pointer; font-weight: 500; transition: 0.3s;
}
.filter-btn.active, .filter-btn:hover { color: #ff6b6b; font-weight: 700; border-bottom: 2px solid #ff6b6b;}
/* Process & CTA */
.step-number {
background: #fff; color: #ff6b6b; border: 2px solid #ff6b6b;
width: 50px; height: 50px; line-height: 46px; border-radius: 50%;
margin: 0 auto 20px; font-weight: bold; font-size: 1.2rem;
}
.cta-section { background: linear-gradient(135deg, #ee5253 0%, #ff9f43 100%); color: #fff; padding: 80px 0; text-align: center; }
.cta-buttons .btn-primary-large { background: #fff; color: #ee5253; padding: 15px 40px; border-radius: 30px; text-decoration: none; font-weight: bold; margin-right: 15px; }
.cta-buttons .btn-secondary-large { border: 2px solid #fff; color: #fff; padding: 15px 40px; border-radius: 30px; text-decoration: none; font-weight: bold; }
/* 반응형 */
@media (max-width: 991px) {
.hero-content { flex-direction: column; text-align: center; }
.hero-text { max-width: 100%; margin-bottom: 40px; }
.hero-visual { width: 100%; display: flex; justify-content: center; }
}
</style>