社区讨论
考谷
灌水区参与者 13已保存回复 15
讨论操作
快速查看讨论及其快照的属性，并进行相关操作。
- 当前回复
- 15 条
- 当前快照
- 1 份
- 快照标识符
- @m03tytv4
- 此快照首次捕获于
- 2024/08/21 20:29 2 年前
- 此快照最后确认于
- 2025/11/05 00:38 4 个月前
这篇帖子（lin toto 的最后 commit time 是 7年前，所以其实也不算很早啦，这个彩笔试图寻找 2013 年的版本，但是不会。。。所以就放弃了）
好消息是该版本的宣传网站是基于 Github Pages 的静态网站，所以我们不需要云服务器也能跑起来。
浅浅 Fork 了一下然后发现 index.html 重定向到了 这个网站 这显然是无法访问的，幸运的是 lin toto 还留下了旧版的 index.html.old
所以就把这个库下载了下来（云端编辑实在是太卡了）
把 yugu.css 文件中的内容扔到了 index.html.old 里
再加上 bootstrap 的 css 库竟然可以访问，于是这个 7 年前的网站就这么跑了起来（唯一的问题是我没找到 JavaScript 不知道是没做还是我白内障）
看完就可以举报啦 QwQ日常发癫
附上源码
HTML<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>首页 - 浴谷教育 | 全国OIer都能平等享受到的优秀资源 Fix</title>
<link href="//cdn.bootcss.com/bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">\
<style>
#yugu-jumbotron {
margin-top: 45px;
background: url(background.png) #161616;
background-position-y: 200px;
color: white;
text-align: center;
}
#yugu-jumbotron p {
line-height: 1.6em;
}
#about-us .row {
margin-bottom: 30px;
}
#about-us p {
font-size: 1.5em;
line-height: 1.6em;
}
#logo {
height: 130%;
}
@media (max-width: 991px) {
#about-us img {
display: none;
}
#logo {
height: 100%;
}
}
#oi-summer-camp {
background: #e9eaec;
text-align: center;
}
#oi-summer-camp h2 {
margin: 20px;
}
#oi-summer-camp div.camp-features {
padding: 40px;
}
#oi-summer-camp div.camp-features img {
width: 120px;
height: 120px;
}
#oi-summer-camp #camp-notice {
text-align: left;
}
#oi-summer-camp #camp-notice p {
font-size: 1.2em;
}
#top-navbar {
background-color: #339933;
}
#top-navbar a:not(:hover) {
color: white;
}
#contact-us p {
font-size: 1.4em;
}
.footer {
background: #e9eaec;
}
</style>
</head>
<body>
<nav class="navbar navbar-fixed-top" id="top-navbar">
<div class="container">
<div class="navbar-header">
<button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar"
aria-expanded="false">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand"><img src="logo.png" id="logo"></a>
</div>
<div id="navbar" class="collapse navbar-collapse">
<ul class="nav navbar-nav">
<li><a href="#yugu-jumbotron" class="smooth-scroll">首页</a></li>
<li><a href="#about-us" class="smooth-scroll">关于我们</a></li>
<li><a href="#oi-summer-camp" class="smooth-scroll">浴谷信息学夏令营</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li><a href="https://www.luogu.org" target="_blank">洛谷OnlineJudge</a></li>
<li><a href="#contact-us" class="smooth-scroll">联系我们</a></li>
</ul>
</div>
</div>
</nav>
<div class="jumbotron" id="yugu-jumbotron" style="margin-bottom: 20px;">
<div class="container">
<h2 style="font-size: 3em; margin-top: 100px">不分地域 不论强校弱校</h2>
<h1 style="margin-bottom: 100px">全国OIer都能平等享受到的优秀资源</h1>
<a class="btn btn-primary btn-lg smooth-scroll" href="#oi-summer-camp">浴谷信息学夏令营</a>
<a class="btn btn-primary btn-lg smooth-scroll" href="#contact-us">联系我们</a>
<div style="padding: 50px"> </div>
</div>
</div>
<div class="container" id="about-us" style="margin-bottom: 20px;">
<h1 style="text-align: center; font-size: 63px; margin-bottom: 40px;">
我们是浴谷教育
</h1>
<div class="row">
<div class="col-md-1">
</div>
<div class="col-md-7">
<p>
浴谷教育由洛谷原班人马创建，旨在利用先进的互联网技术和优秀的教学资源，打破不同地域和强弱校之间由于竞赛教育资源不均衡造成的壁垒，给所有有志于学习信息学竞赛的同学提供平等的提升自我的机会。浴谷的教学研究组由优秀NOI选手组成，让神犇带着你飞！
</p>
</div>
<div class="col-md-3" style="text-align: center">
<img src="education.png" style="width: 55%">
</div>
<div class="col-md-1">
</div>
</div>
<div class="row">
<div class="col-md-1">
</div>
<div class="col-md-3" style="text-align: center">
<img src="plan.png" style="width: 55%">
</div>
<div class="col-md-7">
<p>
浴谷教育还处于初创阶段。现在组织的<b>浴谷信息学在线夏令营</b>，面向以NOIP提高组一等奖为目标的选手，进行短时间高强度的集训，积累算法竞赛的相关知识。还在策划中的项目有<b>浴谷NOIP五联测</b>，多次NOIP模拟测试与视频讲解帮助选手积攒实战经验与查缺补漏。
</p>
</div>
<div class="col-md-1">
</div>
</div>
</div>
<div class="jumbotron" id="oi-summer-camp" style="margin-bottom: 20px;">
<div class="container">
<h1>
浴谷信息学夏令营
</h1><br>
<div class="row">
<div class="col-md-4 camp-features">
<img src="heart.png">
<h2>很方便</h2>
<p>足不出户，只需要连上网，就可以学习。全程讲座录音和资料可供下载不用担心临时缺课。</p>
</div>
<div class="col-md-4 camp-features">
<img src="flower.png">
<h2>很丰富</h2>
<p>由NOI大神准备的NOIP模拟考试与讲评，以及NOIP知识点专题讲座，让您在赛场上游刃有余。</p>
</div>
<div class="col-md-4 camp-features">
<img src="money.png">
<h2>很实惠</h2>
<p>价格仅仅是传统线上教育的零头，绝不含水分。</p>
</div>
</div>
<div class="row">
<div class="col-md-3">
<div>
<a class="btn btn-success btn-lg" target="_blank"
href="https://item.taobao.com/item.htm?id=553062408094">详细介绍 & 立刻报名</a>
</div>
<br>
<div>
<a class="btn btn-danger btn-lg" target="_blank"
href="https://www.sojump.hk/jq/15357978.aspx">报名后发货登记 (有讲义)</a>
</div>
<br>
<div>
<a class="btn btn-warning btn-lg" target="_blank"
href="https://www.sojump.hk/jq/15357978.aspx">报名后登记 (无讲义)</a>
</div>
<br>
<div>
<p>报名即可获得电子版讲义，以及全程录音、PPT，供随时复习用。</p>
<p>由于印刷讲义有限，本次夏令营准备的385本电子讲义均已送完，敬请谅解。</p>
<p>如需电子收据，您可留下自己的电子邮箱。</p>
</div>
</div>
<div class="col-md-9" id="camp-notice">
<div class="panel panel-default">
<div class="panel-body">
<p><b>注意事项</b>
<p>1. 付款后，您的手机将收到的是电子凭证编号（淘宝购买）。如果没有收到也可在<b>我的淘宝</b>找到电子兑换券。
<p>2. 根据您的付款时间，填写不同的问卷，请勿填错位置！
<div style="margin-left: 30px">
<p><b>在7月13日 20:00之前拍下的（第一波截单前）付款的同学：</b>
<p>请尽快登陆 https://www.sojump.hk/jq/15357978.aspx
，并写上您的讲义邮寄地址和洛谷用户名，我们将给同学寄出讲义，第一批是在15日左右寄出
<p><b>在7月13日 20:00之后拍下的（第一波截单后）付款的同学：</b>
<p>请尽快登陆 https://www.sojump.hk/jq/15435867.aspx ，并写上您的洛谷用户名。
<p>这种情况下，我们不提供纸质版的讲义，所以不必填写收货地址。电子讲义将在夏令营开始前放在教学QQ群内提供下载。
</div>
<p>3. 我们将给同学寄出讲义，第一批在15日寄出，并将同学拉到私有的比赛团队。
<p>4. <a
href="https://www.luogu.org/team/show?teamid=3001">教学团队</a>。这个团队仅由管理员拉同学入内。如果报名并填写地址48小时后没有入队，请联系客服。
<p> 随后将会通过该团队公告放出进一步操作消息，请您注意关注。
<p>5. 在教学团队页面有教学QQ群号码和入群验证密码，请及时加入群，并将群名片改成洛谷用户名。
<p>6. 洛谷交流群515055655（洛谷用户交流群，不是夏令营教学群），欢迎任何同学加入。
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container" id="contact-us" style="margin-bottom: 20px;">
<h1 style="text-align: center; font-size: 63px; margin-bottom: 40px;">
联系我们
</h1>
<div class="row">
<div class="col-md-3">
</div>
<div class="col-md-6" style="text-align:center">
<p>洛（luo）谷交流QQ群: 515055655
<p>阿里旺旺客服（不定时在线）
<p>电子邮箱: k@luogu.org
</div>
<div class="col-md-3">
</div>
</div>
</div>
<footer class="footer">
<div class="container">
<br>
<p class="text-muted">2013-2017 , 浴谷教育 © 洛谷旗下信息学教育品牌。
<script src="https://s13.cnzz.com/z_stat.php?id=1262843182&web_id=1262843182"
language="JavaScript"></script>
</p>
</div><br>
</footer>
<script src="//cdn.bootcss.com/jquery/2.2.4/jquery.min.js"></script>
<script src="//cdn.bootcss.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script>
$(".smooth-scroll").click(function () {
var target = $($(this).attr('href'));
$("body").animate({
scrollTop: target.offset().top - 60
});
return false;
});
</script>
</body>
</html>
回复
共 15 条回复，欢迎继续交流。
正在加载回复...