1 Star 0 Fork 0

Kevin/secret

加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
index.html 20.07 KB
一键复制 编辑 原始数据 按行查看 历史
Kevin 提交于 2020-07-22 14:08 . 网页
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Secret心理健康论坛 | 首页</title>
<link rel="icon" type="image/x-icon" href="images/favicon.ico">
<link rel="stylesheet" href="./css/tiaozhanbei.css">
<!-- 主要用来实现头像的简单切换 -->
<script type="text/javascript">
function swap(val){
  if(val=="pro"){
    pro.style.display='block';//设置为显示
    pro2.style.display='none';//设置为隐藏
  }else if(val=="pro2"){
  pro.style.display='none';
    pro2.style.display='block';
  }
}
</script>
</head>
<body>
<!-- 页眉区,用来放置头像与座右铭 -->
<header>
<div class="inner">
<!-- 头像以及名称 -->
<div id="profile">
<!-- 这里定义了js实现头像的简单切换 -->
<img src=".\images\logo.png" alt="" class="pro" id="pro" width="70px" height="70px" >
<p>Secret心理健康论坛</p>
</div>
<div id="motto">
<p class="english">Mental health deserves everyone’s attention. <br/>
<p class="chinese" style="margin-top: 10px; font-size: 20px">心理健康,值得每一个人关注。</p>
</div>
</div>
</header>
<!-- 导航区,对应四个页面 -->
<nav>
<div class="inner">
<ul>
<!-- 被选中的一项 -->
<li class="selected">
<a href="./index.html" title="首页">首页</a>
</li>
<li>
<a href="skip/skip1.html" title="青少年专区">青少年专区</a>
</li>
<li>
<a href="skip/skip2.html" title="亲情专区">亲情专区</a>
</li>
<li>
<a href="skip/skip3.html" title="婚恋专区">婚恋专区</a>
</li>
<li>
<a href="skip/skip4.html" title="学习&工作专区">学习&工作专区</a>
</li>
</ul>
</div>
</nav>
<div class="connect">
<div class="inner">
<section id="album">
<div class="img" id="tableContainer">
<div id="up" style="position:relative;height: 75px;background-color: rgb(229,229,229)">
<div class="search">
<input type="text" placeholder="输入你想搜索的帖子..." name="1" id="2" value="输入你想搜索的帖子..." />
<button><i>搜索</i></button>
</div>
</div>
</div>
<div class="info">
<div class="art-title">
<h1 style="margin: 10px">Secret心理健康论坛</h1>
</div>
<div class="desp">
<p style="margin: 10px; font-size: 15px; font-weight: 100">
&emsp;有一个童话故事,里面讲的是有一个国王长了一对驴耳朵,每年都会有不同的理发师来给他理发,每个给他理发的人看到他的驴耳朵都会忍不住告诉别人,之后就被国王恼怒杀掉。这天有一个理发匠理发后不想被杀掉,就努力的不去将这件事告诉别人,但是秘密藏在心里十分辛苦,都快要憋不住时了,就跑到山上对着一个大树洞说出了这个秘密。顿时就觉得一阵畅快,而理发匠就保住了性命。
</p>
<p style="margin: 10px; font-size: 15px; font-weight: 100">
&emsp;本站为各年龄段的中青年人群提供心灵小树洞,你可以在这里畅所欲言,没有人在意你的过去,只会关心你当下的烦恼。我们使用前沿的AI技术为每一个树洞提供温暖安静的环境,旨在让每一个“理发师”都能笑对生活。
</p>
</div>
</div>
</section>
<section id="mylife">
<div class="select">
<ul class="col_metas" >
<li class="col_title">
<!-- <h2>管理机构</h2> -->
<select>
<option value ="全部主题">全部主题</option>
<option value ="娱乐">娱乐</option>
<option value="杂谈">杂谈</option>
<option value="经济">经济</option>
<option value="情感">情感</option>
<option value="旅游">旅游</option>
<option value="文学">文学</option>
<option value="问答">问答</option>
</select>
<select>
<option value ="全部时间">全部时间</option>
<option value ="8:00前">9:00前</option>
<option value="12:00前">12:00前</option>
<option value="14:00前">14:00前</option>
<option value="18:00前">18:00前</option>
<option value="22:00前">22:00前</option>
</select>
<select>
<option value ="综合排序">综合排序</option>
<option value ="最新帖子">最新帖子</option>
<option value="评论最多">评论最多</option>
<option value="浏览最多">浏览最多</option>
<option value="与你相关">与你相关</option>
</select>
</li>
<li class="col_path">
<a href="index.html" target="_self">最新</a>
<span class="possplit">&nbsp;&nbsp;</span>
<a href="#" target="_self">精华</a>
</li>
</ul>
</div>
<div class="article">
<div class="state">
<img src="./images/tiao-5.png">
</div>
<div class="art-img">
<img src="./images/tiao-2.png" />
</div>
<div class="art-title">
<a href="life.html">诉说心理</a>
</div>
<div class="art-info">
<ul>
<li>
<a href="life.html">穆乃依</a><img src="./images/tiao-3.png" style="width: 15px; height:15px;">
</li>
<li>3分钟前</li>
</ul>
</div>
<div class="desp">
<p>
近来觉得很郁闷很烦躁,有很多话想说,却找不到倾听者。或许你会觉得我是一个没有朋友的人,不,朋友我有,只是我不想在朋友面前诉说自己的种种不良情绪,一来我不想自己像鲁迅先生笔下的祥林嫂那样,逢人就说自己的悲惨,而这又有何意义呢?自己的痛苦减少不了半分,反倒成了别人茶余饭后的谈资;二来我不习惯给朋友带来负面影响,我不希望自己在他们的眼里是一个只有负能量的人,同时也不希望他们觉得我把他们当做倾倒坏情绪的垃圾桶。
<span class="comment">
<span class="img1"></span>
<span style="float: right;margin-right: 37px;width: 15px;">5835</span>
<span class="img2" style="float: right;margin-right: 0px;"></span>
<span style="float: right;">83</span>
</span>
<br/>
</p>
</div>
</div>
<div class="article">
<div class="state">
<img src="./images/tiao-4.png">
</div>
<div class="art-img">
<img src="./images/tiao-9.png"/>
</div>
<div class="art-title">
<a href="life.html">心理学:内心处于压抑状态的4大表现,你中了几个?</a>
</div>
<div class="art-info">
<ul>
<li>
<a href="life.html">心理学与人际关系</a><img src="./images/tiao-10.png" style="width: 15px; height:15px;">
</li>
<li>10:22</li>
</ul>
</div>
<div class="desp">
<p>
当我们面对一些问题时,会产生一些情感和心理上的变化,但很多时候,我们无法将这种情感发泄出去,而是只能压抑在心底。时间长了,可能自己都意识不到自己的压抑了。可是你的行为不会撒谎,从心理学角度来说,如果你有下面这几个特征,说明你的内心正在饱受压抑之苦。
</p>
<p>
情感障碍:压抑心理最典型的表现就是情感障碍。内心始终有一股无名火,让你感到非常难受,但却找不到源头,似乎周围的一切都让你感<br/>到厌恶和烦躁。有的人可能发展为莫名的情绪失控,比如毫无理由的发脾气。
<span class="comment">
<span class="img1"></span>
<span style="float: right;margin-right: 37px;width: 15px;">6267</span>
<span class="img2" style="float: right;margin-right: 0px;"></span>
<span style="float: right;">23</span>
</span>
<br/>
</p>
</div>
</div>
<div class="article">
<div class="state">
<img src="./images/tiao-6.png">
</div>
<div class="art-img">
<img src="./images/tiao-11.png" />
</div>
<div class="art-title">
<a href="life.html">如何打破心理上的自我隔离?</a>
</div>
<div class="art-info">
<ul>
<li>
<a href="life.html">苔藓上的小蘑菇</a><img src="./images/tiao-3.png" style="width: 15px; height:15px;">
</li>
<li>昨天22:56</li>
</ul>
</div>
<div class="desp">
<p>有一件困扰我很久的事情。似乎从小学起,我就没体验过发自内心的开心或者难过了。笑出来只是笑出来,但是内心深处总是没什么感觉,哭出来也只是哭出来,或许只是觉得这种情况应该哭,不会为了什么事情真的特别难过。难以对他人产生关心,例如他人跌倒了受伤,我上去安慰她替她包扎,但心里却是无感的。但也不是冷漠,泪点其实很低。经常被某些场景打动。刚刚成年,却没什么朝气,也没有玩的好的朋友,不擅长与他人相处。哪怕是别人主动靠近也会特别不自然。我尝试去改变,却总是做不到。
<span class="comment">
<span class="img1"></span>
<span style="float: right;margin-right: 37px;width: 15px;">896</span>
<span class="img2" style="float: right;margin-right: 0px;"></span>
<span style="float: right;">399</span>
</span>
<br/>
</div>
</div>
<div class="article">
<!-- <div class="state">
<img src="images/tiao-6.png">
</div> -->
<div class="art-img">
<img src="./images/tiao-12.png" />
</div>
<div class="art-title">
<a href="life.html">情绪管理的本质</a>
</div>
<div class="art-info">
<ul>
<li>
<a href="life.html">王雪岩</a>
<!-- <img src="images/tiao-3.png" style="width: 15px; height:15px;"> -->
</li>
<li>昨天22:56</li>
</ul>
</div>
<div class="desp">
<p>情绪对于个体来讲,是具有保护意义的,每种情绪都承担了相应的功能,帮助我们理解自己的内在需求。比如当我们感觉愤怒的时候,愤怒情绪是在提醒我们拒绝或者远离伤害性体验;当我们快乐的时候,快乐可以帮助我们与他人建立安全的关系;当我们悲伤的时候,提示我们内心的某些痛苦需要一个安全的释放通道,等等。所以,情绪本身是没有好坏之分的,有破坏性的是我们拒绝情绪所传达的需求,或者对情绪不恰当的管理方式。在一个人的生命历程中,情绪具有非常大的影响力。
<span class="comment">
<span class="img1"></span>
<span style="float: right;margin-right: 37px;width: 15px;">568</span>
<span class="img2" style="float: right;margin-right: 0px;"></span>
<span style="float: right;">12</span>
</span>
<br/>
</div>
</div>
<div class="article">
<div class="state">
<img src="./images/tiao-5.png">
</div>
<div class="art-img">
<img src="./images/tiao-2.png" />
</div>
<div class="art-title">
<a href="life.html">诉说心理</a>
</div>
<div class="art-info">
<ul>
<li>
<a href="life.html">穆乃依</a><img src="../images/tiao-3.png" style="width: 15px; height:15px;">
</li>
<li>3分钟前</li>
</ul>
</div>
<div class="desp">
<p>
近来觉得很郁闷很烦躁,有很多话想说,却找不到倾听者。或许你会觉得我是一个没有朋友的人,不,朋友我有,只是我不想在朋友面前诉说自己的种种不良情绪,一来我不想自己像鲁迅先生笔下的祥林嫂那样,逢人就说自己的悲惨,而这又有何意义呢?自己的痛苦减少不了半分,反倒成了别人茶余饭后的谈资;二来我不习惯给朋友带来负面影响,我不希望自己在他们的眼里是一个只有负能量的人,同时也不希望他们觉得我把他们当做倾倒坏情绪的垃圾桶。
<span class="comment">
<span class="img1"></span>
<span style="float: right;margin-right: 37px;width: 15px;">5835</span>
<span class="img2" style="float: right;margin-right: 0px;"></span>
<span style="float: right;">83</span>
</span>
<br/>
</p>
</div>
</div>
<div class="article">
<div class="state">
<img src="./images/tiao-4.png">
</div>
<div class="art-img">
<img src="./images/tiao-9.png"/>
</div>
<div class="art-title">
<a href="life.html">心理学:内心处于压抑状态的4大表现,你中了几个?</a>
</div>
<div class="art-info">
<ul>
<li>
<a href="life.html">心理学与人际关系</a><img src="./images/tiao-10.png" style="width: 15px; height:15px;">
</li>
<li>10:22</li>
</ul>
</div>
<div class="desp">
<p>
当我们面对一些问题时,会产生一些情感和心理上的变化,但很多时候,我们无法将这种情感发泄出去,而是只能压抑在心底。时间长了,可能自己都意识不到自己的压抑了。可是你的行为不会撒谎,从心理学角度来说,如果你有下面这几个特征,说明你的内心正在饱受压抑之苦。
</p>
<p>
情感障碍:压抑心理最典型的表现就是情感障碍。内心始终有一股无名火,让你感到非常难受,但却找不到源头,似乎周围的一切都让你感<br/>到厌恶和烦躁。有的人可能发展为莫名的情绪失控,比如毫无理由的发脾气。
<span class="comment">
<span class="img1"></span>
<span style="float: right;margin-right: 37px;width: 15px;">6267</span>
<span class="img2" style="float: right;margin-right: 0px;"></span>
<span style="float: right;">23</span>
</span>
<br/>
</p>
</div>
</div>
<div class="change">
<ul>
<li class="border selected">1</li>
<li class="border">2</li>
<li class="border">3</li>
<li class="border">4</li>
<li class="border">5</li>
<li class="border">6</li>
<li class="border">7</li>
<li class="border"style="width:35px">...150</li>
跳到
<li class="border">&nbsp;</li>
<button value="确定">确定</button>
</ul>
</div>
</section>
</div>
</div>
<!--对应我的生活页面,展示缩略图,形式类似于微博-->
<footer>
<div class="inner">
<p>
<a href="index.html">
Copyright©心理健康论坛 All Rights Reserved.
</a>
</p>
</div>
</footer>
</body>
</html>
Loading...
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化
1
https://gitee.com/Hipkevin/secret.git
git@gitee.com:Hipkevin/secret.git
Hipkevin
secret
secret
master

搜索帮助

0d507c66 1850385 C8b1a773 1850385