codinggirlsclub / girlscodingday Goto Github PK

View Code? Open in Web Editor NEW

13.0 12.0 70.0 86.32 MB

女性编程日

Home Page: https://girlscodingday.org/

Ruby 0.03% JavaScript 10.59% PHP 0.24% CSS 6.84% HTML 78.42% SCSS 3.88%

girlscodingday

girlscodingday's Introduction

添加志愿者和作品步骤

fork 到自己的库
将自己的库 pull 下来（这时候 origin 是自己的地址，不是公共地址）
checkout 子分支，本地修改
git add & commit
push 到自己的地址，也就是当前的 origin 地址
在 github 上提交 pr

若有疑问，可以发邮件到 [email protected]

如何提交PR

Contirbution Guide

本项目使用compass作为sass的构建工具，请先安装好相关环境。

compass由Ruby的包管理工具gem安装，所以请先安装好Ruby环境，具体可以参考Ruby语言的官方安装教程。
```
$ gem install compass
```
修改样式时，请不要直接改动css/style.css文件，compass编译时会覆盖其中的内容。在./scss/文件夹中添加修改你的样式，输入compass指令便会把所有样式一并编译到css/style.css文件中。
```
# 监听scss文件夹的修改并编译
$ compass watch
# 编译scss
$ compass compile
```

如何添加学员作品

在portfolios.html中添加学员作品，该界面使用了React进行渲染，添加作品时只需修改head中嵌入的javascript. example

var data = [
  {
    // 以武汉为例，在city名为Wuhan的json的portfolios数组中添加作品信息
    city: "Wuhan",
    portfolios: [
      {
        img: "./images/portfolios/wuhan/Responsive-Portfolio-Template-for-Developers.jpg", // 作品截图的路径
        name: "Responsive-Portfolio", // 作品名
        author: "SZ", // 学员姓名
        tutor: "名字", // 教练姓名
        des: "Keep leaning, keep challenging. There is no way to happiness,happiness is the way.", // 作品描述
        link: "https://stacy369.github.io/MyBlog/" // 作品链接
      }
  }
]