Code Monkey home page Code Monkey logo

labhai.github.io's Introduction

Home

HAI LAB의 메인 페이지

html:

css:

js:

json:

data(jsonObject)  
    ⎿ year(jsonObject)
        ⎿ month (list)
            ⎿ content (String)

People

연구실 및 연구원 관련 페이지

html:

css:

js:

json:

data(json object)  
    ⎿ haiIntroduction(String)
    ⎿ groupShot(String)
    ⎿ Professor (list)
        ⎿ Profile (jsonObject)
    ⎿ Researchers (list)
        ⎿ ReasercherProfile (jsonObject)
        


ReasercherProfile (jsonObject)
    ⎿ name (String)
    ⎿ degree (String)
    ⎿ major (String)
    ⎿ keywords (String)
    ⎿ imagePath (String) - base: . (labhai.github.io/)
    ⎿ email (String)
    ⎿ github (String)
    ⎿ link (jsonObject)
        ⎿ key(String) - personal, github, notion, tistory, velog
           ⎿ value(String) - link 

Publication

논문 관련 페이지

don't fix publication.json (git action is activated)

html:

css:

js:

json:

data(list)
    ⎿ content (jsonObject)
        ⎿ 0 - title
        ⎿ 1 - authors
        ⎿ 2 - journal
        ⎿ 3 - GoogleScholar link
        ⎿ 4 - year of publication

Research

연구 관련 페이지

html:

css:

js:

json:

Teaching

수업 관련 페이지

html:

css:

js:

json:

data(jsonObject)  
    ⎿ year(jsonObject)
        ⎿ semesterNumber (list)
            ⎿ content (String)
Semester number
1: 1st Semester
2: 2nd Semester
3: Summer Semester
4: Winter Semester

Recruit

연구원 모집 페이지

html:

css:

js:


Common Components

CSS

./assets/css/HAI.css

기술 스택 목록 관련 style
symbol 관련 style
profile 관련 style
recruit 관련 style
자주 사용할 style
임시로 지정한 style ...

JS

./assets/css/Components.js

/**
 * json file을 불러오는 함수
 * - Use: Index.js, People.js
 * @param path 불러올 파일의 경로
 * @param callback json 파일을 불러온 뒤, 실행할 callback 함수
 * @return null
 */
function readJson(path, callback) { }


/**
 * 인자들을 header에 적용시켜 반환하는 함수
 * - Use: people.html, publication.html, research.html, teaching.html, recruit.html
 * @param title header의 title
 * @param write document write 여부
 * @return {*} 인자들이 적용된 header
 */
function header(title, write = true) { }


/**
 * 인자들을 nav에 적용시켜 반환하는 함수
 * - Use: index.html, people.html, publication.html, research.html, teaching.html, recruit.html
 * - 0: home, 1: people, 2: publication, 3: research, 4: teaching, 5, recruit
 * @param idx 페이지 번호
 * @param write document write 여부
 * @return {*} 인자들이 적용된 nav
 */
function nav(idx, write = true) { }


/**
 * 인자들을 미리 작성해준 형식에 적용시켜 반환하는 함수
 * - Use: Publication.js
 * @param title 제목
 * @param subTitle 부제목
 * @param description 설명
 * @param link 제목에 적용될 링크
 * @param write document write 여부
 * @return {*} 인자들이 적용된 Tag 문자열
 */
function titleAndSubtitleWithDescription(title, subTitle, description, link, write = true) {}


/**
 * 미리 작성해준 형식에 적용시켜 반환하는 함수
 * - Use: Teaching.js
 * @param {title} title           제목
 * @param {content} content 내용 (tag가 지정될 수 있음)
 * @param {write} write document write 여부
 * @return {*} 인자들이 적용된 Tag 문자열
 */
function titleWithContent(title, content, write = true) {}


/**
 * 미리 작성해준 형식에 title의 style을 지정하여 적용시켜 반환하는 함수
 * - Use: Index.js, People.js
 * @param title           제목
 * @param content title에 적용할 style
 * @param style           제목
 * @param write document write 여부
 * @return {*} 인자들이 적용된 Tag 문자열
 */
function customTitleWithContent(title, content, style, write = true) {}


/**
 * subTitle에 list를 미리 작성해준 형식에 적용시켜 반환하는 함수
 * - Use: Teaching.js
 * @param subTitle 부제목
 * @param list 데이터들의 목록
 * @param write document write 여부
 * @return {*} 인자들이 적용된 Tag 문자열
 */
function subtitleWithList(subTitle, list, write = true) {}


/**
 * 날짜와 데이터를 미리 작성해준 형식에 적용시켜 반환하는 함수
 * - Use: Index.js
 * @param dateString 날짜(문자열)
 * @param list 데이터들의 목록
 * @param write document write 여부
 * @return {*} 인자들이 적용된 Tag 문자열
 */
function listWithDate(dateString, list, write = true) {}


/**
 * footer을 반환하는 함수
 * - Use: index.html, people.html, publication.html, research.html, teaching.html
 * @param write document write 여부
 * @return {*} 미리 지정해 둔 footer 문자열
 */
function footer(write = true) {}


/**
 * copyright를 반환하는 함수
 * - Use: index.html, people.html, publication.html, research.html, teaching.html, recruit.html
 * @param write document write 여부
 * @return {*} 미리 지정해 둔 copyright 문자열
 */
function copyright(write = true) {}


/**
 * 제목, 설명 및 이미지를 미리 작성해준 형식에 적용시켜 반환하는 함수
 * @param title 제목
 * @param description 설명
 * @param imagePath 이미지 경로
 * @param write document write 여부
 * @return {*} 인자들이 적용된 Tag 문자열
 */
function titleAndDescriptionWithImage(title, description, imagePath, write = true) {}


/**
 * 프로필 정보와 이미지를 미리 작성해준 형식에 적용시켜 반환하는 함수
 * - Use: People.js
 * @param name 이름
 * @param affiliation 소속
 * @param contact 연락처
 * @param github 깃허브
 * @param etc 기타 정보
 * @param profileImagePath 프로필 이미지 경로
 * @param isLeftImage 이미지가 왼쪽에 위치할지 여부
 * @param write document write 여부
 * @return {*} 인자들이 적용된 Tag 문자열
 */
function profileWithImage(name, affiliation, contact, github, etc, profileImagePath, isLeftImage = true, write = true) {}


/**
 * document write의 여부를 받아 write 해주는 함수
 * - Use: Components.js
 * @param write document write 여부
 * @param components write 할 문자열
 * @return {*} 입력 받은 components
 */
function documentWrite(write, components) {}


/**
 * 필요한 스크립트를 추가해주는 함수
 * - Use: index.html, people.html, publication.html, research.html, teaching.html, recruit.html
 */
function append_script() {}
 

labhai.github.io's People

Contributors

ho-sick99 avatar jeonhui avatar jibikbam avatar june105 avatar labhai avatar

Watchers

 avatar

labhai.github.io's Issues

기각된 People 페이지

이슈 번호가 꼬여서 이슈를 파괴합니다.

## 작업사항
- [ ] 연구원 정보 입력
- [ ] 전공, 관심연구 키워드 추가
- [ ] 레이아웃 최적화
- [ ] ㄷ

## 레이아웃
예시)
Robert Lee
B.S. student
Computer Engineering
Medical image processing, Deep learning
[email protected] (깃헙아이콘), (노션아이콘), ...

Favicon 추가

작업사항

  • Favicon.js를 통해 각 페이지에 favicon 삽입

RESEARCH 페이지

작업사항

  • 기존 내용 templates.html로 분리
  • REASEARCH 페이지 내용 수정

Footer

작업사항

  • 공학관 주소에 네이버맵 링크 삽입

People 페이지

작업사항

  • 연구원 정보 입력
  • 전공, 관심연구 키워드 추가
  • 링크(google scholar, notion, velog 등) 아이콘 추가
  • 레이아웃 최적화

레이아웃

예시)
Robert Lee
B.S. student
Computer Engineering
Medical image processing, Deep learning
[email protected] (깃헙아이콘), (노션아이콘), ...

메인 페이지

작업사항

  • 홈페이지 title 변경
  • 연구실 이미지 변경

Recruit 페이지

작업사항

  • 연구원 모집 공고 문구 수정
  • 연구원 모집 양식 문구 수정

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. 📊📈🎉

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google ❤️ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.