hack4gz/2015.gzhack.io

2015第2届广州创客马拉松官网

2015.gzhack.io's Issues

更换首页第二张图片

@allenfantasy @Martin91 @tony612
报名截止时间修改了：

用新的 Slider 实现

http://www.idangero.us/swiper/#.VWXc-5Oqqko

【照片墙】新的照片加入

@allenfantasy @Martin91 @chenbin92

最后那张照片：
Bruce：前端开发

更换承办方、赞助商、媒体合作伙伴的图

@Martin91 @allenfantasy

承办方：

媒体合作伙伴：

首页图片被压缩问题

问题描述：
大屏尺寸下，网页刚打开的时候首页图片呈被压缩状态：

右键审查元素，或者拉小屏幕再放大的时候图片会恢复正常

添加创客时代的 logo

@Vanderah 需要新的图

[WIP]更换赞助商和媒体合作伙伴图片

@Martin91 @tony612 @allenfantasy
赞助商：

（BearyChat网址：https://bearychat.com/ ）
媒体合作伙伴：

（TechNode网址：http://technode.com/ ）

补加网页标签

@allenfantasy

原大小：

16x16px：

header的修改

@allenfantasy @Martin91 @chenbin92

1 左边的“hack for gz”换成logo，logo高度30px

2 header右边的报名button，高度也改到30px，font size 缩小4px

3 header的背景透明度调整到0.6

首页 Hero slider 修改

首页图片的style修改：
首页图片原本只有一层，现在分成2层：
①底图：无字无灰色蒙版data背景图【位置固定，不随着页面下滑而下滑】【暂空】

②中图：下沿的城市剪影png【会随页面下滑，像一块玻璃一样可以看见背景的相对移动；但不会左右滑动】（图大小和原先div一样）

③顶图：（新加了第三张图）有信息内容的三张png【随网页上下滑动；自动左右切换】（图大小和原先div一样）

首页图片滑动问题

@allenfantasy @Martin91 @chenbin92
现在的问题：
设定程序是鼠标放在图片上图片就不会滚动，
但是因为首页图片很大，几乎占满了整个页面，
打开页面时鼠标有95%的概率是放在首页图片上的。
也就等于95%的用户刚打开网页时，如果不自己点击翻页，
是看不到后面两张图的。

所以：
要么，鼠标放在上面图片也会滑动，只有专门点某个点的时候才会keep住；
要么，刚打开网页的时候，就算鼠标放在图片上，图片也会滑动，但是之后的操作是鼠标放在上面网页不会滑动。

and，我觉得有必要在图片左右加向左向右的大箭头

添加赞助商等的链接

@allenfantasy @Martin91 @chenbin92
请在新标签页打开链接，不要原页跳转

照片墙

需要实现的效果

所有用黑色半透明蒙版遮盖，鼠标挪上去的时候该照片上的遮盖消失，出现名字和自我介绍框

照片上面的自我介绍框：
1 文字框背景色#584f4f，透明度0.6，180x90px
文字框下端带一个三角形，三角形下端稍覆盖照片
2 文本div宽140px，上下左右居中
3 font：14px（小屏幕大屏幕都一样），白色，黑体，行高16px

照片下面的名字：
背景：黑色，透明度0.5，100x18px
font 14px，白色

图

文案

嘉豪【总打杂，没人写代码的时候写代码，没人写文案的时候写文案，没人拉口条的时候拉口条】
嘉雯【首席文案君，曾在颜值APP中获得918万/1000万的高分并引（dao）以（chu）为（xuan）豪（yao）】
蛋哥【没有跆拳道黑带的门将不是好程序员】
小黑【脸大到总是挡住wifi信号的呆萌设计尸】
鑫磊【搬砖的，据老大说是除了他之外颜值最高的，不服来打我脸啊】
张帆 Mercy【主要技能宣传排版写文案，偶尔脑洞大开干点“不切实际”的事，喜欢和具有生命力的人一起工作】
罗丹【打杂小二一个，和那个雕塑家没半毛钱关系(沉思状...)】
Cheman【一枚感性创业的小六】
大力【笔耕不辍练出了肌肉 方便日后扛相机的 大力】

换一下赞助商那些的图片（社区合作伙伴是一行8个，现在有9个，请改到8个）

在首页添加 Github 卡片，模仿 CFA 列举需要帮助的 repos

模仿 CFA 的首页效果

工具：

• Github API
• Civic-Issue-Finder

所有点击之后的跳转链接网址最后加 /?from=gzhack

@allenfantasy @Martin91 @chenbin92
主办、承办、赞助商、开放数据合作、媒体合作、社区合作
所有的logo的链接后面加上?from=gzhack
比如segmentfault.com改成segmentfault.com/?from=gzhack
方便查看从我们web点击过去的流量

手机端适应的问题

@Martin91 @chenbin92 @allenfantasy

1 图片被拉长了
2 照片墙那里的CSS代码不work

F&A 地点这块的文字排版有问题

web确定的图和数据图

ps：
1.标题那里可以滑动的3个图只做了2个
2.Who we are 那里每个人的照片待收集
2.赞助商那块的图标等我去切

更个照片墙orz

@Martin91 @allenfantasy @tony612

最后那张：
小杜：会点代码的产品经理

照片墙

@allenfantasy @Martin91

只有这么多现在，不要重复放，以后有的话再继续添加

1-9已经有具体的介绍，下面是从第10个开始：

Martin：Ruby工程师，常出没于各类线下技术社区
阿八：2.5次元光怪陆离爱问为什么星人。就是只打杂样样行励志成为游戏王的女人~
郭海旋：小菜鸟，要默默的farm
章以迪：坚决听命外联小组长的指挥，仗着英文还行专门负责勾搭外国友人寻求合作机会
尼克菌：什么都要试一试结果最后死于食物中毒。不不不我不是神农谢谢
Yolo：爱动漫和小说的骨灰级宅
Zed：请不要叫我程序猿，我不是修电脑的。我的使命是改变世界！请跟紧我的脚步，来，先搬了这堆砖！
busyzhong：来自中大，学渣一枚；没智商，有技； 好吃，懒做；睡，玩。
青芽：技术组酱油党一枚。本科即将毕业但最近仍在学校附近迷路，对此感到无限自卑中
Tony Han：基本上技能点就剩写代码了，顺带跟产品经理吵吵架什么的
Jackie Xia：想做社会主义螺丝钉然而并没有什么卵用的宣传部员

最后定稿的首页图

@allenfantasy
不需要几层，还是3张普通图轮流滚：
图1（跟之前的不同，去了底下的三角）

图2

图3

添加 idea 发布、管理&评论功能

目的：给参赛者提供一个可以分享并 vote idea 的地方

• 任何人可以发布 idea
• 管理员可以审核并通过 idea（这个后台可以很简陋）
• Top 10 随机10个 idea 显示在首页上，同时提供一个 more 的链接，点击可以跳到所有 ideas 的页面。
• 利用 多说 给 idea 提供评论、投票、举报等功能。

web首页图片的问题

@Martin91 @allenfantasy

1 在大屏幕电脑里，还是被压扁的状态@-@
而且在我右键审查元素之后它会恢复正常尺寸，但是刷新后又还是被压扁的

2 不要背景图了，也不要灰色蒙版了，整个首页图背景白色的就好

3 方便的话麻烦header哪里能不能把div的透明度调到0.5，谢谢！

首页样式修改

• 大屏的电脑首页图片还是一样问题：压缩、第一页下面被遮挡
• 鼠标悬停在首页图上，图还是会自动滑动变化
• 社区合作伙伴最后下面边界留白160px
• Who We Are 模块标题和正文：font-weight: 300;
• 开源项目进展标题下面的英文：font-size: 22px; letter-spacing: 0.06em;
• Who we are 和 开源项目进展 模块：margin-bottom: 5em;
• 常见问题 回答正文：font-size:20px;
• 赞助那块：标题 font-size:27px;

啦啦啦，照片墙geng'x更新=。。=

@allenfantasy 没有找到Justin的账号能at他（挥手

Justin：不会修电脑的程序员

web需要修改的地方

• 首页图被压扁了
• 报名button的字缩小
• button做成跟neuron一样的效果（鼠标挪上去变成只有边框的button
• header上的报名做成一个style的button
• header的高度缩短20px
• header在web向下滑动的时候顶在最上面，不要消失
• 加上照片墙
• 在赞助商下面加“媒体合作伙伴”
• 最后一part加链接

改到6月5日的图