207 lines
12 KiB
PHP
207 lines
12 KiB
PHP
<?php get_header(); ?>
|
|
|
|
<main class="site-main">
|
|
<section class="hero-section">
|
|
<div class="container">
|
|
<div class="hero-content">
|
|
<h1 data-cn="爱特工作室" data-en="IT STUDIO"></h1>
|
|
<p class="hero-description" data-cn="爱特工作室成立于2002年，致力于发现人才、培养人才、输送人才。现已拥有UI设计、Web开发、程序设计、Android开发、游戏设计、iOS开发六大技术方向，是海大网络技术的中坚力量！" data-en="Founded in 2002, IT Studio is dedicated to discovering, cultivating, and delivering talent. With six major technical directions including UI Design, Web Development, Programming, Android Development, Game Design, and iOS Development, we are the backbone of OUC's network technology!"></p>
|
|
</div>
|
|
|
|
<!-- 服务提供模块 -->
|
|
<div class="services-provided">
|
|
<h2 data-cn="# 服务提供" data-en="# Our Services"></h2>
|
|
<div class="services-grid-box">
|
|
<a href="#" class="service-item">
|
|
<div class="service-icon">
|
|
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
<path d="M10 14L24 14L28 20H54C56.2091 20 58 21.7909 58 24V50C58 52.2091 56.2091 54 54 54H10C7.79086 54 6 52.2091 6 50V18C6 15.7909 7.79086 14 10 14Z" stroke="#ccd6f6"/>
|
|
<path d="M22 34H42" stroke="#64ffda"/>
|
|
<path d="M22 42H34" stroke="#64ffda"/>
|
|
<circle cx="48" cy="42" r="2" fill="#64ffda" stroke="none"/>
|
|
</svg>
|
|
</div>
|
|
<span data-cn="资源站" data-en="Resources"></span>
|
|
</a>
|
|
|
|
<a href="#" class="service-item">
|
|
<div class="service-icon">
|
|
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
<circle cx="32" cy="32" r="24" stroke="#ccd6f6"/>
|
|
<circle cx="32" cy="32" r="8" stroke="#ccd6f6"/>
|
|
<path d="M32 24V8" stroke="#64ffda"/>
|
|
<path d="M32 40V56" stroke="#233554"/>
|
|
<path d="M49 32H56" stroke="#64ffda"/>
|
|
<path d="M8 32H15" stroke="#233554"/>
|
|
<path d="M44 14C48 18 50 24 50 32" stroke="#64ffda" stroke-dasharray="4 4"/>
|
|
</svg>
|
|
</div>
|
|
<span data-cn="校内镜像站" data-en="Mirror Site"></span>
|
|
</a>
|
|
|
|
<a href="#" class="service-item">
|
|
<div class="service-icon">
|
|
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
<line x1="16" y1="12" x2="16" y2="52" stroke="#ccd6f6"/>
|
|
<circle cx="16" cy="12" r="4" stroke="#ccd6f6"/>
|
|
<circle cx="16" cy="32" r="4" stroke="#ccd6f6"/>
|
|
<circle cx="16" cy="52" r="4" stroke="#ccd6f6"/>
|
|
<path d="M16 32C26 32 36 36 36 44V48" stroke="#64ffda"/>
|
|
<circle cx="36" cy="48" r="4" stroke="#64ffda"/>
|
|
</svg>
|
|
</div>
|
|
<span data-cn="代码托管" data-en="Git Hosting"></span>
|
|
</a>
|
|
|
|
<a href="#" class="service-item">
|
|
<div class="service-icon">
|
|
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
<path d="M32 8L54 20V44L32 56L10 44V20L32 8Z" stroke="#ccd6f6"/>
|
|
<path d="M10 20L32 32L54 20" stroke="#ccd6f6"/>
|
|
<path d="M32 56V32" stroke="#ccd6f6"/>
|
|
<path d="M26 16L32 20L38 16" stroke="#64ffda"/>
|
|
<path d="M46 29L46 38" stroke="#64ffda"/>
|
|
</svg>
|
|
</div>
|
|
<span data-cn="Minecraft服务器" data-en="Minecraft Server"></span>
|
|
</a>
|
|
|
|
<a href="#" class="service-item">
|
|
<div class="service-icon">
|
|
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
<path d="M12 16H42V40H20L12 48V16Z" stroke="#ccd6f6"/>
|
|
<path d="M26 10H56V34H44L38 40V34H26V10Z" stroke="#64ffda"/>
|
|
<line x1="32" y1="20" x2="50" y2="20" stroke="#64ffda"/>
|
|
<line x1="32" y1="26" x2="44" y2="26" stroke="#64ffda"/>
|
|
</svg>
|
|
</div>
|
|
<span data-cn="OUC论坛" data-en="OUC Forum"></span>
|
|
</a>
|
|
|
|
<a href="#" class="service-item">
|
|
<div class="service-icon">
|
|
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
<path d="M46 14L50 18L26 42L22 38L46 14Z" stroke="#ccd6f6"/>
|
|
<path d="M22 38L14 46L18 50L26 42" stroke="#ccd6f6"/>
|
|
<path d="M14 46L10 54" stroke="#ccd6f6"/>
|
|
<path d="M45 28L36 19" stroke="#64ffda"/>
|
|
<path d="M20 44L14 50" stroke="#233554"/>
|
|
<path d="M50 15C53 12 58 12 60 14C62 16 62 21 59 24L34 49C32 51 29 51 27 49L25 47C23 45 23 42 25 40L50 15Z" stroke="#64ffda"/>
|
|
</svg>
|
|
</div>
|
|
<span data-cn="电脑维修" data-en="PC Repair"></span>
|
|
</a>
|
|
|
|
<a href="#" class="service-item">
|
|
<div class="service-icon">
|
|
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
<rect x="10" y="12" width="44" height="40" rx="4" stroke="#ccd6f6"/>
|
|
<path d="M10 24H54" stroke="#ccd6f6"/>
|
|
<path d="M20 6V16" stroke="#ccd6f6"/>
|
|
<path d="M44 6V16" stroke="#ccd6f6"/>
|
|
<circle cx="32" cy="38" r="6" stroke="#64ffda"/>
|
|
<path d="M32 38L36 34" stroke="#64ffda"/>
|
|
<circle cx="32" cy="38" r="2" fill="#64ffda" stroke="none"/>
|
|
</svg>
|
|
</div>
|
|
<span data-cn="五八工坊预约" data-en="Workshop Booking"></span>
|
|
</a>
|
|
|
|
<a href="#" class="service-item">
|
|
<div class="service-icon">
|
|
<svg width="64" height="64" viewBox="0 0 64 64" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round">
|
|
<path d="M32 56C32 56 56 44 56 26C56 16 46 10 38 16C35 18 32 22 32 22C32 22 29 18 26 16C18 10 8 16 8 26C8 44 32 56 32 56Z" stroke="#ccd6f6"/>
|
|
<path d="M32 22V36" stroke="#64ffda"/>
|
|
<circle cx="32" cy="40" r="3" stroke="#64ffda"/>
|
|
<path d="M18 28H24L26 32" stroke="#233554"/>
|
|
<path d="M46 28H40L38 32" stroke="#64ffda"/>
|
|
</svg>
|
|
</div>
|
|
<span data-cn="OUC便民服务" data-en="OUC Services"></span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
|
|
<section class="content-section">
|
|
<div class="container">
|
|
<div class="content-grid">
|
|
<div class="announcements-column">
|
|
<h2 data-cn="# 公告通知" data-en="# Announcements"></h2>
|
|
<div class="post-list">
|
|
<?php
|
|
$announcements = new WP_Query(array(
|
|
'post_type' => 'announcement',
|
|
'posts_per_page' => 5,
|
|
'orderby' => 'date',
|
|
'order' => 'DESC'
|
|
));
|
|
|
|
if ($announcements->have_posts()) :
|
|
while ($announcements->have_posts()) : $announcements->the_post();
|
|
?>
|
|
<article class="post-item">
|
|
<div class="post-content-wrapper">
|
|
<h3 class="post-title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
|
|
<div class="post-excerpt">
|
|
<?php the_excerpt(); ?>
|
|
</div>
|
|
<div class="post-meta">
|
|
<span class="post-author"><?php echo get_the_author(); ?></span>
|
|
<time datetime="<?php echo get_the_date('c'); ?>"><?php echo get_the_date('Y年m月d日'); ?></time>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<?php
|
|
endwhile;
|
|
wp_reset_postdata();
|
|
else :
|
|
?>
|
|
<p data-cn="暂无公告" data-en="No announcements found."></p>
|
|
<?php endif; ?>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="blog-column">
|
|
<h2 data-cn="# 技术博客" data-en="# Blog"></h2>
|
|
<div class="post-list">
|
|
<?php
|
|
$blogs = new WP_Query(array(
|
|
'post_type' => 'post',
|
|
'posts_per_page' => 5,
|
|
'orderby' => 'date',
|
|
'order' => 'DESC'
|
|
));
|
|
|
|
if ($blogs->have_posts()) :
|
|
while ($blogs->have_posts()) : $blogs->the_post();
|
|
?>
|
|
<article class="post-item">
|
|
<div class="post-content-wrapper">
|
|
<h3 class="post-title"><a href="<?php the_permalink(); ?>"><?php the_title(); ?></a></h3>
|
|
<div class="post-excerpt">
|
|
<?php the_excerpt(); ?>
|
|
</div>
|
|
<div class="post-meta">
|
|
<span class="post-author"><?php echo get_the_author(); ?></span>
|
|
<time datetime="<?php echo get_the_date('c'); ?>"><?php echo get_the_date('Y年m月d日'); ?></time>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<?php
|
|
endwhile;
|
|
wp_reset_postdata();
|
|
else :
|
|
?>
|
|
<p data-cn="暂无博客文章" data-en="No blog posts found."></p>
|
|
<?php endif; ?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
</main>
|
|
|
|
<?php get_footer(); ?>
|