├── .github
    ├── ISSUE_TEMPLATE
    │   ├── bug.md
    │   ├── chore.md
    │   ├── design.md
    │   ├── feature.md
    │   ├── refactoring.md
    │   └── task.md
    ├── PULL_REQUEST_TEMPLATE.md
    └── workflows
    │   └── review-assign-action.yml
├── .gitignore
├── CODE_OF_CONDUCT.md
├── DOCS.md
├── LICENSE
├── README.md
├── assets
    ├── favicon.ico
    └── logo.png
├── package.json
├── styles
    ├── ionicons.min.css
    └── main.css
└── templates
    ├── article.html
    ├── edit.html
    ├── index.html
    ├── login.html
    ├── profile.html
    ├── register.html
    └── settings.html


/.github/ISSUE_TEMPLATE/bug.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | name: 버그 리포트
 3 | about: 문제 상황과 해결 방안을 적는 이슈 템플릿
 4 | labels: "버그, QA"
 5 | projects: "pagers-org/react-world"
 6 | assignees: InSeong-So
 7 | title: "🐛 BUG: <타이틀>"
 8 | ---
 9 | 
10 | ## 🐞 문제점
11 | 
12 | -
13 | 
14 | <br/>
15 | 
16 | ## 🛠 해결방안
17 | 
18 | -
19 | 
20 | <br/>
21 | 
22 | ## 🌐 참고 자료
23 | 
24 | -
25 | 
26 | <br/>
27 | 


--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/chore.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | name: 기타 사항
 3 | about: 다른 이슈 템플릿 외의 모든 사항을 적는 이슈 템플릿
 4 | labels: "기타사항"
 5 | projects: "pagers-org/react-world"
 6 | assignees: InSeong-So
 7 | title: "⚙️ CHORE: <타이틀>"
 8 | ---
 9 | 
10 | ## 🚩 변경사항
11 | 
12 | -
13 | 
14 | <br/>
15 | 
16 | ## 🌐 참고 자료
17 | 
18 | -
19 | 
20 | <br/>
21 | 


--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/design.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | name: 디자인 변경(style)
 3 | about: 프로덕션 코드의 디자인 변경 사항을 적는 이슈 템플릿
 4 | labels: "디자인 개선/추가"
 5 | projects: "pagers-org/react-world"
 6 | assignees: InSeong-So
 7 | title: "🌱DESIGN: <타이틀>"
 8 | ---
 9 | 
10 | ## 🚩 변경사항
11 | 
12 | -
13 | 
14 | <br/>
15 | 
16 | ## 🌐 참고 자료
17 | 
18 | -
19 | 
20 | <br/>
21 | 


--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/feature.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | name: 기능 개선 및 추가
 3 | about: 기능 개선/추가에 대한 구현 방안을 적는 이슈 템플릿
 4 | labels: "기능 개선/추가"
 5 | projects: "pagers-org/react-world"
 6 | assignees: InSeong-So
 7 | title: "🌟 FEATURE: <타이틀> "
 8 | ---
 9 | 
10 | ## 🚩 요구사항
11 | 
12 | -
13 | 
14 | <br/>
15 | 
16 | ## 💡 구현 방안
17 | 
18 | -
19 | 
20 | <br/>
21 | 
22 | ## 🌐 참고 자료
23 | 
24 | -
25 | 
26 | <br/>
27 | 


--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/refactoring.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | name: 프로덕션 코드 리팩토링
 3 | about: 리팩토링 사항을 적는 이슈 템플릿
 4 | labels: "리팩토링"
 5 | projects: "pagers-org/react-world"
 6 | assignees: InSeong-So
 7 | title: "🔨 REFACTOR: <타이틀> "
 8 | ---
 9 | 
10 | ## 🚩 변경사항
11 | 
12 | -
13 | 
14 | <br/>
15 | 
16 | ## 🌐 참고 자료
17 | 
18 | -
19 | 
20 | <br/>
21 | 


--------------------------------------------------------------------------------
/.github/ISSUE_TEMPLATE/task.md:
--------------------------------------------------------------------------------
 1 | ---
 2 | name: 스프린트 태스크 정의
 3 | about: 요구사항과 구현 방안을 적는 이슈 템플릿
 4 | labels: "태스크"
 5 | projects: "pagers-org/react-world"
 6 | assignees: InSeong-So
 7 | title: "🔖 TASK: <타이틀> "
 8 | ---
 9 | 
10 | ## 🚩 요구사항
11 | 
12 | -
13 | 
14 | <br/>
15 | 
16 | ## 💡 구현 방안
17 | 
18 | -
19 | 
20 | <br/>
21 | 
22 | ## 🌐 참고 자료
23 | 
24 | -
25 | 
26 | <br/>
27 | 


--------------------------------------------------------------------------------
/.github/PULL_REQUEST_TEMPLATE.md:
--------------------------------------------------------------------------------
 1 | ## 📌 이슈 링크
 2 | - close #
 3 | 
 4 | 
 5 | <br/>
 6 | 
 7 | ## 📖 작업 배경
 8 | 
 9 | -
10 | 
11 | <br/>
12 | 
13 | ## 🛠️ 구현 내용
14 | 
15 | -
16 | 
17 | <br/>
18 | 
19 | ## 💡 참고사항
20 | 
21 | -
22 | 
23 | <br/>
24 | 
25 | ## 🖼️ 스크린샷
26 | 
27 | -
28 | 
29 | <br/>


--------------------------------------------------------------------------------
/.github/workflows/review-assign-action.yml:
--------------------------------------------------------------------------------
 1 | name: Review Assign
 2 | 
 3 | on:
 4 |   pull_request:
 5 |     types: [opened, ready_for_review]
 6 | 
 7 | jobs:
 8 |   assign:
 9 |     permissions:
10 |       actions: write
11 |       checks: write
12 |       contents: write
13 |       deployments: write
14 |       discussions: write
15 |       issues: write
16 |       id-token: read
17 |       packages: write
18 |       pages: write
19 |       pull-requests: write
20 |       repository-projects: write
21 |       security-events: write
22 |       statuses: write
23 |     runs-on: ubuntu-latest
24 |     steps:
25 |       - if: github.base_ref == 'main' # base branch name is 'master'
26 |         run: echo REVIEWERS=inseong-so >> $GITHUB_ENV
27 |       - if: startsWith(github.base_ref, 'team1')
28 |         run: echo REVIEWERS=headring, KimHunJin, hyjoong her0707 >> $GITHUB_ENV
29 |       - if: startsWith(github.base_ref, 'team2')
30 |         run: echo REVIEWERS=Bsfla, SeolJaeHyeok, choisy9619, kyung-jun >> $GITHUB_ENV
31 |       - if: startsWith(github.base_ref, 'team3')
32 |         run: echo REVIEWERS=sgsg9447, kingyong9169, 2dowon, jqkk >> $GITHUB_ENV
33 |       - if: startsWith(github.base_ref, 'team4')
34 |         run: echo REVIEWERS=kimseongchan-kr, cham0287, hyeon9782 >> $GITHUB_ENV
35 |       - if: startsWith(github.base_ref, 'team5')
36 |         run: echo REVIEWERS=2-NOW, hyew-kim, geeonie >> $GITHUB_ENV
37 |       - if: startsWith(github.base_ref, 'team6')
38 |         run: echo REVIEWERS=areumsheep, ludacirs, innocarpe >> $GITHUB_ENV
39 |       - if: startsWith(github.base_ref, 'team7')
40 |         run: echo REVIEWERS=endmoseung, steven-yn, ding-co, mandarin-sep >> $GITHUB_ENV
41 |       - if: startsWith(github.base_ref, 'team8')
42 |         run: echo REVIEWERS=HOJOON07, jiji-hoon96, 71summernight, seung-wan >> $GITHUB_ENV
43 |       - if: startsWith(github.base_ref, 'team9')
44 |         run: echo REVIEWERS=Siihyun, hhhminme, 0uizi0, brgndyy >> $GITHUB_ENV
45 |       - if: startsWith(github.base_ref, 'team10')
46 |         run: echo REVIEWERS=Leejha, steadily-worked >> $GITHUB_ENV
47 |       - uses: hkusu/review-assign-action@v1
48 |         with:
49 |           assignees: ${{ github.actor }}
50 |           reviewers: ${{ env.REVIEWERS }}
51 | 


--------------------------------------------------------------------------------
/.gitignore:
--------------------------------------------------------------------------------
  1 | # Logs
  2 | logs
  3 | *.log
  4 | npm-debug.log*
  5 | yarn-debug.log*
  6 | yarn-error.log*
  7 | lerna-debug.log*
  8 | .pnpm-debug.log*
  9 | 
 10 | # Diagnostic reports (https://nodejs.org/api/report.html)
 11 | report.[0-9]*.[0-9]*.[0-9]*.[0-9]*.json
 12 | 
 13 | # Runtime data
 14 | pids
 15 | *.pid
 16 | *.seed
 17 | *.pid.lock
 18 | 
 19 | # Directory for instrumented libs generated by jscoverage/JSCover
 20 | lib-cov
 21 | 
 22 | # Coverage directory used by tools like istanbul
 23 | coverage
 24 | *.lcov
 25 | 
 26 | # nyc test coverage
 27 | .nyc_output
 28 | 
 29 | # Grunt intermediate storage (https://gruntjs.com/creating-plugins#storing-task-files)
 30 | .grunt
 31 | 
 32 | # Bower dependency directory (https://bower.io/)
 33 | bower_components
 34 | 
 35 | # node-waf configuration
 36 | .lock-wscript
 37 | 
 38 | # Compiled binary addons (https://nodejs.org/api/addons.html)
 39 | build/Release
 40 | 
 41 | # Dependency directories
 42 | node_modules/
 43 | jspm_packages/
 44 | 
 45 | # Snowpack dependency directory (https://snowpack.dev/)
 46 | web_modules/
 47 | 
 48 | # TypeScript cache
 49 | *.tsbuildinfo
 50 | 
 51 | # Optional npm cache directory
 52 | .npm
 53 | 
 54 | # Optional eslint cache
 55 | .eslintcache
 56 | 
 57 | # Optional stylelint cache
 58 | .stylelintcache
 59 | 
 60 | # Microbundle cache
 61 | .rpt2_cache/
 62 | .rts2_cache_cjs/
 63 | .rts2_cache_es/
 64 | .rts2_cache_umd/
 65 | 
 66 | # Optional REPL history
 67 | .node_repl_history
 68 | 
 69 | # Output of 'npm pack'
 70 | *.tgz
 71 | 
 72 | # Yarn Integrity file
 73 | .yarn-integrity
 74 | 
 75 | # dotenv environment variable files
 76 | .env
 77 | .env.development.local
 78 | .env.test.local
 79 | .env.production.local
 80 | .env.local
 81 | 
 82 | # parcel-bundler cache (https://parceljs.org/)
 83 | .cache
 84 | .parcel-cache
 85 | 
 86 | # Next.js build output
 87 | .next
 88 | out
 89 | 
 90 | # Nuxt.js build / generate output
 91 | .nuxt
 92 | dist
 93 | 
 94 | # Gatsby files
 95 | .cache/
 96 | # Comment in the public line in if your project uses Gatsby and not Next.js
 97 | # https://nextjs.org/blog/next-9-1#public-directory-support
 98 | # public
 99 | 
100 | # vuepress build output
101 | .vuepress/dist
102 | 
103 | # vuepress v2.x temp and cache directory
104 | .temp
105 | .cache
106 | 
107 | # Docusaurus cache and generated files
108 | .docusaurus
109 | 
110 | # Serverless directories
111 | .serverless/
112 | 
113 | # FuseBox cache
114 | .fusebox/
115 | 
116 | # DynamoDB Local files
117 | .dynamodb/
118 | 
119 | # TernJS port file
120 | .tern-port
121 | 
122 | # Stores VSCode versions used for testing VSCode extensions
123 | .vscode-test
124 | 
125 | # yarn v2
126 | .yarn/cache
127 | .yarn/unplugged
128 | .yarn/build-state.yml
129 | .yarn/install-state.gz
130 | .pnp.*
131 | 


--------------------------------------------------------------------------------
/CODE_OF_CONDUCT.md:
--------------------------------------------------------------------------------
  1 | # Contributor Covenant Code of Conduct
  2 | 
  3 | ## Our Pledge
  4 | 
  5 | We as members, contributors, and leaders pledge to make participation in our
  6 | community a harassment-free experience for everyone, regardless of age, body
  7 | size, visible or invisible disability, ethnicity, sex characteristics, gender
  8 | identity and expression, level of experience, education, socio-economic status,
  9 | nationality, personal appearance, race, religion, or sexual identity
 10 | and orientation.
 11 | 
 12 | We pledge to act and interact in ways that contribute to an open, welcoming,
 13 | diverse, inclusive, and healthy community.
 14 | 
 15 | ## Our Standards
 16 | 
 17 | Examples of behavior that contributes to a positive environment for our
 18 | community include:
 19 | 
 20 | * Demonstrating empathy and kindness toward other people
 21 | * Being respectful of differing opinions, viewpoints, and experiences
 22 | * Giving and gracefully accepting constructive feedback
 23 | * Accepting responsibility and apologizing to those affected by our mistakes,
 24 |   and learning from the experience
 25 | * Focusing on what is best not just for us as individuals, but for the
 26 |   overall community
 27 | 
 28 | Examples of unacceptable behavior include:
 29 | 
 30 | * The use of sexualized language or imagery, and sexual attention or
 31 |   advances of any kind
 32 | * Trolling, insulting or derogatory comments, and personal or political attacks
 33 | * Public or private harassment
 34 | * Publishing others' private information, such as a physical or email
 35 |   address, without their explicit permission
 36 | * Other conduct which could reasonably be considered inappropriate in a
 37 |   professional setting
 38 | 
 39 | ## Enforcement Responsibilities
 40 | 
 41 | Community leaders are responsible for clarifying and enforcing our standards of
 42 | acceptable behavior and will take appropriate and fair corrective action in
 43 | response to any behavior that they deem inappropriate, threatening, offensive,
 44 | or harmful.
 45 | 
 46 | Community leaders have the right and responsibility to remove, edit, or reject
 47 | comments, commits, code, wiki edits, issues, and other contributions that are
 48 | not aligned to this Code of Conduct, and will communicate reasons for moderation
 49 | decisions when appropriate.
 50 | 
 51 | ## Scope
 52 | 
 53 | This Code of Conduct applies within all community spaces, and also applies when
 54 | an individual is officially representing the community in public spaces.
 55 | Examples of representing our community include using an official e-mail address,
 56 | posting via an official social media account, or acting as an appointed
 57 | representative at an online or offline event.
 58 | 
 59 | ## Enforcement
 60 | 
 61 | Instances of abusive, harassing, or otherwise unacceptable behavior may be
 62 | reported to the community leaders responsible for enforcement by contacting the maintainer team
 63 | .
 64 | All complaints will be reviewed and investigated promptly and fairly.
 65 | 
 66 | All community leaders are obligated to respect the privacy and security of the
 67 | reporter of any incident.
 68 | 
 69 | ## Enforcement Guidelines
 70 | 
 71 | Community leaders will follow these Community Impact Guidelines in determining
 72 | the consequences for any action they deem in violation of this Code of Conduct:
 73 | 
 74 | ### 1. Correction
 75 | 
 76 | **Community Impact**: Use of inappropriate language or other behavior deemed
 77 | unprofessional or unwelcome in the community.
 78 | 
 79 | **Consequence**: A private, written warning from community leaders, providing
 80 | clarity around the nature of the violation and an explanation of why the
 81 | behavior was inappropriate. A public apology may be requested.
 82 | 
 83 | ### 2. Warning
 84 | 
 85 | **Community Impact**: A violation through a single incident or series
 86 | of actions.
 87 | 
 88 | **Consequence**: A warning with consequences for continued behavior. No
 89 | interaction with the people involved, including unsolicited interaction with
 90 | those enforcing the Code of Conduct, for a specified period of time. This
 91 | includes avoiding interactions in community spaces as well as external channels
 92 | like social media. Violating these terms may lead to a temporary or
 93 | permanent ban.
 94 | 
 95 | ### 3. Temporary Ban
 96 | 
 97 | **Community Impact**: A serious violation of community standards, including
 98 | sustained inappropriate behavior.
 99 | 
100 | **Consequence**: A temporary ban from any sort of interaction or public
101 | communication with the community for a specified period of time. No public or
102 | private interaction with the people involved, including unsolicited interaction
103 | with those enforcing the Code of Conduct, is allowed during this period.
104 | Violating these terms may lead to a permanent ban.
105 | 
106 | ### 4. Permanent Ban
107 | 
108 | **Community Impact**: Demonstrating a pattern of violation of community
109 | standards, including sustained inappropriate behavior,  harassment of an
110 | individual, or aggression toward or disparagement of classes of individuals.
111 | 
112 | **Consequence**: A permanent ban from any sort of public interaction within
113 | the community.
114 | 
115 | ## Attribution
116 | 
117 | This Code of Conduct is adapted from the [Contributor Covenant][homepage],
118 | version 2.0, available at
119 | https://www.contributor-covenant.org/version/2/0/code_of_conduct.html.
120 | 
121 | Community Impact Guidelines were inspired by [Mozilla's code of conduct
122 | enforcement ladder](https://github.com/mozilla/diversity).
123 | 
124 | [homepage]: https://www.contributor-covenant.org
125 | 
126 | For answers to common questions about this code of conduct, see the FAQ at
127 | https://www.contributor-covenant.org/faq. Translations are available at
128 | https://www.contributor-covenant.org/translations.
129 | 


--------------------------------------------------------------------------------
/DOCS.md:
--------------------------------------------------------------------------------
 1 | # 템플릿 세부
 2 | > https://www.realworld.how/docs/specs/frontend-specs/templates
 3 | 
 4 | # 라우팅 가이드
 5 | ## Home page (URL: /#/ )
 6 | - 태그 목록
 7 | - 피드, 글로벌 또는 태그별로 가져온 아티클 목록
 8 | - 아티클 목록에 대한 페이지네이션 적용
 9 | 
10 | <br/>
11 | 
12 | ## Sign in/Sign up pages (URL: /#/login, /#/register )
13 | - JWT 사용(토큰을 localStorage에 저장)
14 | - 인증을 세션/쿠키 기반으로 쉽게 전환 가능
15 | 
16 | <br/>
17 | 
18 | ## Settings page (URL: /#/settings )
19 | 
20 | <br/>
21 | 
22 | ## Editor page to create/edit articles (URL: /#/editor, /#/editor/article-slug-here )
23 | 
24 | <br/>
25 | 
26 | ## Article page (URL: /#/article/article-slug-here )
27 | - 아티클 삭제 버튼(아티클 작성자에게만 표시됨)
28 | - 클라이언트 측에서 마크다운 렌더링
29 | - 페이지 하단에 댓글 섹션 위치
30 | - 댓글 삭제 버튼(댓글 작성자에게만 표시됨)
31 | 
32 | <br/>
33 | 
34 | ## Profile page (URL: /#/profile/:username, /#/profile/:username/favorites )
35 | - 기본 사용자 정보 표시
36 | - 작성자가 작성한 아티클 또는 작성자가 선호하는 아티클로 채워진 기사 목록
37 | 
38 | <br/>
39 | 


--------------------------------------------------------------------------------
/LICENSE:
--------------------------------------------------------------------------------
 1 | MIT License
 2 | 
 3 | Copyright (c) 2021 RealWorld
 4 | 
 5 | Permission is hereby granted, free of charge, to any person obtaining a copy
 6 | of this software and associated documentation files (the "Software"), to deal
 7 | in the Software without restriction, including without limitation the rights
 8 | to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
 9 | copies of the Software, and to permit persons to whom the Software is
10 | furnished to do so, subject to the following conditions:
11 | 
12 | The above copyright notice and this permission notice shall be included in all
13 | copies or substantial portions of the Software.
14 | 
15 | THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
16 | IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
17 | FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
18 | AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
19 | LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
20 | OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
21 | SOFTWARE.
22 | 


--------------------------------------------------------------------------------
/README.md:
--------------------------------------------------------------------------------
 1 | # ![RealWorld Example App](./assets/logo.png)
 2 | 
 3 | > ### [YOUR_FRAMEWORK] codebase containing real world examples (CRUD, auth, advanced patterns, etc) that adheres to the [RealWorld](https://github.com/gothinkster/realworld) spec and API.
 4 | 
 5 | 
 6 | ### [Demo](https://demo.realworld.io/)&nbsp;&nbsp;&nbsp;&nbsp;[RealWorld](https://github.com/gothinkster/realworld)
 7 | 
 8 | 
 9 | This codebase was created to demonstrate a fully fledged fullstack application built with **[YOUR_FRAMEWORK]** including CRUD operations, authentication, routing, pagination, and more.
10 | 
11 | We've gone to great lengths to adhere to the **[YOUR_FRAMEWORK]** community styleguides & best practices.
12 | 
13 | For more information on how to this works with other frontends/backends, head over to the [RealWorld](https://github.com/gothinkster/realworld) repo.
14 | 
15 | 
16 | # How it works
17 | 
18 | > Describe the general architecture of your app here
19 | 
20 | # Getting started
21 | 
22 | > npm install, npm start, etc.
23 | 


--------------------------------------------------------------------------------
/assets/favicon.ico:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/pagers-org/react-world/daad07472e6a100a528b6f73a3758d761ba1326b/assets/favicon.ico


--------------------------------------------------------------------------------
/assets/logo.png:
--------------------------------------------------------------------------------
https://raw.githubusercontent.com/pagers-org/react-world/daad07472e6a100a528b6f73a3758d761ba1326b/assets/logo.png


--------------------------------------------------------------------------------
/package.json:
--------------------------------------------------------------------------------
 1 | {
 2 |   "name": "react-world",
 3 |   "private": true,
 4 |   "version": "0.0.0",
 5 |   "description": "리액트로 구현하는 리얼 월드 프로젝트",
 6 |   "main": "index.js",
 7 |   "repository": {
 8 |     "type": "git",
 9 |     "url": "git+https://github.com/pagers-org/react-world.git"
10 |   },
11 |   "keywords": [
12 |     "real-world",
13 |     "react",
14 |     "pagers"
15 |   ],
16 |   "author": {
17 |     "name": "InSeong-So",
18 |     "email": "goflvhxj2547@gmail.com",
19 |     "url": "https://github.com/inseong-so"
20 |   },
21 |   "devEngines": {
22 |     "node": "16.x || 18.x || 19.x || 20.x"
23 |   },
24 |   "license": "Apache-2.0",
25 |   "bugs": {
26 |     "url": "https://github.com/pagers-org/react-world/issues"
27 |   },
28 |   "homepage": "https://github.com/pagers-org/react-world#readme"
29 | }
30 | 


--------------------------------------------------------------------------------
/styles/ionicons.min.css:
--------------------------------------------------------------------------------
 1 | @charset "UTF-8";/*!
 2 |   Ionicons, v2.0.1
 3 |   Created by Ben Sperry for the Ionic Framework, http://ionicons.com/
 4 |   https://twitter.com/benjsperry  https://twitter.com/ionicframework
 5 |   MIT License: https://github.com/driftyco/ionicons
 6 | 
 7 |   Android-style icons originally built by Google’s
 8 |   Material Design Icons: https://github.com/google/material-design-icons
 9 |   used under CC BY http://creativecommons.org/licenses/by/4.0/
10 |   Modified icons to fit ionicon’s grid from original.
11 | */@font-face{font-family:"Ionicons";src:url("../fonts/ionicons.eot?v=2.0.1");src:url("../fonts/ionicons.eot?v=2.0.1#iefix") format("embedded-opentype"),url("../fonts/ionicons.ttf?v=2.0.1") format("truetype"),url("../fonts/ionicons.woff?v=2.0.1") format("woff"),url("../fonts/ionicons.svg?v=2.0.1#Ionicons") format("svg");font-weight:normal;font-style:normal}.ion,.ionicons,.ion-alert:before,.ion-alert-circled:before,.ion-android-add:before,.ion-android-add-circle:before,.ion-android-alarm-clock:before,.ion-android-alert:before,.ion-android-apps:before,.ion-android-archive:before,.ion-android-arrow-back:before,.ion-android-arrow-down:before,.ion-android-arrow-dropdown:before,.ion-android-arrow-dropdown-circle:before,.ion-android-arrow-dropleft:before,.ion-android-arrow-dropleft-circle:before,.ion-android-arrow-dropright:before,.ion-android-arrow-dropright-circle:before,.ion-android-arrow-dropup:before,.ion-android-arrow-dropup-circle:before,.ion-android-arrow-forward:before,.ion-android-arrow-up:before,.ion-android-attach:before,.ion-android-bar:before,.ion-android-bicycle:before,.ion-android-boat:before,.ion-android-bookmark:before,.ion-android-bulb:before,.ion-android-bus:before,.ion-android-calendar:before,.ion-android-call:before,.ion-android-camera:before,.ion-android-cancel:before,.ion-android-car:before,.ion-android-cart:before,.ion-android-chat:before,.ion-android-checkbox:before,.ion-android-checkbox-blank:before,.ion-android-checkbox-outline:before,.ion-android-checkbox-outline-blank:before,.ion-android-checkmark-circle:before,.ion-android-clipboard:before,.ion-android-close:before,.ion-android-cloud:before,.ion-android-cloud-circle:before,.ion-android-cloud-done:before,.ion-android-cloud-outline:before,.ion-android-color-palette:before,.ion-android-compass:before,.ion-android-contact:before,.ion-android-contacts:before,.ion-android-contract:before,.ion-android-create:before,.ion-android-delete:before,.ion-android-desktop:before,.ion-android-document:before,.ion-android-done:before,.ion-android-done-all:before,.ion-android-download:before,.ion-android-drafts:before,.ion-android-exit:before,.ion-android-expand:before,.ion-android-favorite:before,.ion-android-favorite-outline:before,.ion-android-film:before,.ion-android-folder:before,.ion-android-folder-open:before,.ion-android-funnel:before,.ion-android-globe:before,.ion-android-hand:before,.ion-android-hangout:before,.ion-android-happy:before,.ion-android-home:before,.ion-android-image:before,.ion-android-laptop:before,.ion-android-list:before,.ion-android-locate:before,.ion-android-lock:before,.ion-android-mail:before,.ion-android-map:before,.ion-android-menu:before,.ion-android-microphone:before,.ion-android-microphone-off:before,.ion-android-more-horizontal:before,.ion-android-more-vertical:before,.ion-android-navigate:before,.ion-android-notifications:before,.ion-android-notifications-none:before,.ion-android-notifications-off:before,.ion-android-open:before,.ion-android-options:before,.ion-android-people:before,.ion-android-person:before,.ion-android-person-add:before,.ion-android-phone-landscape:before,.ion-android-phone-portrait:before,.ion-android-pin:before,.ion-android-plane:before,.ion-android-playstore:before,.ion-android-print:before,.ion-android-radio-button-off:before,.ion-android-radio-button-on:before,.ion-android-refresh:before,.ion-android-remove:before,.ion-android-remove-circle:before,.ion-android-restaurant:before,.ion-android-sad:before,.ion-android-search:before,.ion-android-send:before,.ion-android-settings:before,.ion-android-share:before,.ion-android-share-alt:before,.ion-android-star:before,.ion-android-star-half:before,.ion-android-star-outline:before,.ion-android-stopwatch:before,.ion-android-subway:before,.ion-android-sunny:before,.ion-android-sync:before,.ion-android-textsms:before,.ion-android-time:before,.ion-android-train:before,.ion-android-unlock:before,.ion-android-upload:before,.ion-android-volume-down:before,.ion-android-volume-mute:before,.ion-android-volume-off:before,.ion-android-volume-up:before,.ion-android-walk:before,.ion-android-warning:before,.ion-android-watch:before,.ion-android-wifi:before,.ion-aperture:before,.ion-archive:before,.ion-arrow-down-a:before,.ion-arrow-down-b:before,.ion-arrow-down-c:before,.ion-arrow-expand:before,.ion-arrow-graph-down-left:before,.ion-arrow-graph-down-right:before,.ion-arrow-graph-up-left:before,.ion-arrow-graph-up-right:before,.ion-arrow-left-a:before,.ion-arrow-left-b:before,.ion-arrow-left-c:before,.ion-arrow-move:before,.ion-arrow-resize:before,.ion-arrow-return-left:before,.ion-arrow-return-right:before,.ion-arrow-right-a:before,.ion-arrow-right-b:before,.ion-arrow-right-c:before,.ion-arrow-shrink:before,.ion-arrow-swap:before,.ion-arrow-up-a:before,.ion-arrow-up-b:before,.ion-arrow-up-c:before,.ion-asterisk:before,.ion-at:before,.ion-backspace:before,.ion-backspace-outline:before,.ion-bag:before,.ion-battery-charging:before,.ion-battery-empty:before,.ion-battery-full:before,.ion-battery-half:before,.ion-battery-low:before,.ion-beaker:before,.ion-beer:before,.ion-bluetooth:before,.ion-bonfire:before,.ion-bookmark:before,.ion-bowtie:before,.ion-briefcase:before,.ion-bug:before,.ion-calculator:before,.ion-calendar:before,.ion-camera:before,.ion-card:before,.ion-cash:before,.ion-chatbox:before,.ion-chatbox-working:before,.ion-chatboxes:before,.ion-chatbubble:before,.ion-chatbubble-working:before,.ion-chatbubbles:before,.ion-checkmark:before,.ion-checkmark-circled:before,.ion-checkmark-round:before,.ion-chevron-down:before,.ion-chevron-left:before,.ion-chevron-right:before,.ion-chevron-up:before,.ion-clipboard:before,.ion-clock:before,.ion-close:before,.ion-close-circled:before,.ion-close-round:before,.ion-closed-captioning:before,.ion-cloud:before,.ion-code:before,.ion-code-download:before,.ion-code-working:before,.ion-coffee:before,.ion-compass:before,.ion-compose:before,.ion-connection-bars:before,.ion-contrast:before,.ion-crop:before,.ion-cube:before,.ion-disc:before,.ion-document:before,.ion-document-text:before,.ion-drag:before,.ion-earth:before,.ion-easel:before,.ion-edit:before,.ion-egg:before,.ion-eject:before,.ion-email:before,.ion-email-unread:before,.ion-erlenmeyer-flask:before,.ion-erlenmeyer-flask-bubbles:before,.ion-eye:before,.ion-eye-disabled:before,.ion-female:before,.ion-filing:before,.ion-film-marker:before,.ion-fireball:before,.ion-flag:before,.ion-flame:before,.ion-flash:before,.ion-flash-off:before,.ion-folder:before,.ion-fork:before,.ion-fork-repo:before,.ion-forward:before,.ion-funnel:before,.ion-gear-a:before,.ion-gear-b:before,.ion-grid:before,.ion-hammer:before,.ion-happy:before,.ion-happy-outline:before,.ion-headphone:before,.ion-heart:before,.ion-heart-broken:before,.ion-help:before,.ion-help-buoy:before,.ion-help-circled:before,.ion-home:before,.ion-icecream:before,.ion-image:before,.ion-images:before,.ion-information:before,.ion-information-circled:before,.ion-ionic:before,.ion-ios-alarm:before,.ion-ios-alarm-outline:before,.ion-ios-albums:before,.ion-ios-albums-outline:before,.ion-ios-americanfootball:before,.ion-ios-americanfootball-outline:before,.ion-ios-analytics:before,.ion-ios-analytics-outline:before,.ion-ios-arrow-back:before,.ion-ios-arrow-down:before,.ion-ios-arrow-forward:before,.ion-ios-arrow-left:before,.ion-ios-arrow-right:before,.ion-ios-arrow-thin-down:before,.ion-ios-arrow-thin-left:before,.ion-ios-arrow-thin-right:before,.ion-ios-arrow-thin-up:before,.ion-ios-arrow-up:before,.ion-ios-at:before,.ion-ios-at-outline:before,.ion-ios-barcode:before,.ion-ios-barcode-outline:before,.ion-ios-baseball:before,.ion-ios-baseball-outline:before,.ion-ios-basketball:before,.ion-ios-basketball-outline:before,.ion-ios-bell:before,.ion-ios-bell-outline:before,.ion-ios-body:before,.ion-ios-body-outline:before,.ion-ios-bolt:before,.ion-ios-bolt-outline:before,.ion-ios-book:before,.ion-ios-book-outline:before,.ion-ios-bookmarks:before,.ion-ios-bookmarks-outline:before,.ion-ios-box:before,.ion-ios-box-outline:before,.ion-ios-briefcase:before,.ion-ios-briefcase-outline:before,.ion-ios-browsers:before,.ion-ios-browsers-outline:before,.ion-ios-calculator:before,.ion-ios-calculator-outline:before,.ion-ios-calendar:before,.ion-ios-calendar-outline:before,.ion-ios-camera:before,.ion-ios-camera-outline:before,.ion-ios-cart:before,.ion-ios-cart-outline:before,.ion-ios-chatboxes:before,.ion-ios-chatboxes-outline:before,.ion-ios-chatbubble:before,.ion-ios-chatbubble-outline:before,.ion-ios-checkmark:before,.ion-ios-checkmark-empty:before,.ion-ios-checkmark-outline:before,.ion-ios-circle-filled:before,.ion-ios-circle-outline:before,.ion-ios-clock:before,.ion-ios-clock-outline:before,.ion-ios-close:before,.ion-ios-close-empty:before,.ion-ios-close-outline:before,.ion-ios-cloud:before,.ion-ios-cloud-download:before,.ion-ios-cloud-download-outline:before,.ion-ios-cloud-outline:before,.ion-ios-cloud-upload:before,.ion-ios-cloud-upload-outline:before,.ion-ios-cloudy:before,.ion-ios-cloudy-night:before,.ion-ios-cloudy-night-outline:before,.ion-ios-cloudy-outline:before,.ion-ios-cog:before,.ion-ios-cog-outline:before,.ion-ios-color-filter:before,.ion-ios-color-filter-outline:before,.ion-ios-color-wand:before,.ion-ios-color-wand-outline:before,.ion-ios-compose:before,.ion-ios-compose-outline:before,.ion-ios-contact:before,.ion-ios-contact-outline:before,.ion-ios-copy:before,.ion-ios-copy-outline:before,.ion-ios-crop:before,.ion-ios-crop-strong:before,.ion-ios-download:before,.ion-ios-download-outline:before,.ion-ios-drag:before,.ion-ios-email:before,.ion-ios-email-outline:before,.ion-ios-eye:before,.ion-ios-eye-outline:before,.ion-ios-fastforward:before,.ion-ios-fastforward-outline:before,.ion-ios-filing:before,.ion-ios-filing-outline:before,.ion-ios-film:before,.ion-ios-film-outline:before,.ion-ios-flag:before,.ion-ios-flag-outline:before,.ion-ios-flame:before,.ion-ios-flame-outline:before,.ion-ios-flask:before,.ion-ios-flask-outline:before,.ion-ios-flower:before,.ion-ios-flower-outline:before,.ion-ios-folder:before,.ion-ios-folder-outline:before,.ion-ios-football:before,.ion-ios-football-outline:before,.ion-ios-game-controller-a:before,.ion-ios-game-controller-a-outline:before,.ion-ios-game-controller-b:before,.ion-ios-game-controller-b-outline:before,.ion-ios-gear:before,.ion-ios-gear-outline:before,.ion-ios-glasses:before,.ion-ios-glasses-outline:before,.ion-ios-grid-view:before,.ion-ios-grid-view-outline:before,.ion-ios-heart:before,.ion-ios-heart-outline:before,.ion-ios-help:before,.ion-ios-help-empty:before,.ion-ios-help-outline:before,.ion-ios-home:before,.ion-ios-home-outline:before,.ion-ios-infinite:before,.ion-ios-infinite-outline:before,.ion-ios-information:before,.ion-ios-information-empty:before,.ion-ios-information-outline:before,.ion-ios-ionic-outline:before,.ion-ios-keypad:before,.ion-ios-keypad-outline:before,.ion-ios-lightbulb:before,.ion-ios-lightbulb-outline:before,.ion-ios-list:before,.ion-ios-list-outline:before,.ion-ios-location:before,.ion-ios-location-outline:before,.ion-ios-locked:before,.ion-ios-locked-outline:before,.ion-ios-loop:before,.ion-ios-loop-strong:before,.ion-ios-medical:before,.ion-ios-medical-outline:before,.ion-ios-medkit:before,.ion-ios-medkit-outline:before,.ion-ios-mic:before,.ion-ios-mic-off:before,.ion-ios-mic-outline:before,.ion-ios-minus:before,.ion-ios-minus-empty:before,.ion-ios-minus-outline:before,.ion-ios-monitor:before,.ion-ios-monitor-outline:before,.ion-ios-moon:before,.ion-ios-moon-outline:before,.ion-ios-more:before,.ion-ios-more-outline:before,.ion-ios-musical-note:before,.ion-ios-musical-notes:before,.ion-ios-navigate:before,.ion-ios-navigate-outline:before,.ion-ios-nutrition:before,.ion-ios-nutrition-outline:before,.ion-ios-paper:before,.ion-ios-paper-outline:before,.ion-ios-paperplane:before,.ion-ios-paperplane-outline:before,.ion-ios-partlysunny:before,.ion-ios-partlysunny-outline:before,.ion-ios-pause:before,.ion-ios-pause-outline:before,.ion-ios-paw:before,.ion-ios-paw-outline:before,.ion-ios-people:before,.ion-ios-people-outline:before,.ion-ios-person:before,.ion-ios-person-outline:before,.ion-ios-personadd:before,.ion-ios-personadd-outline:before,.ion-ios-photos:before,.ion-ios-photos-outline:before,.ion-ios-pie:before,.ion-ios-pie-outline:before,.ion-ios-pint:before,.ion-ios-pint-outline:before,.ion-ios-play:before,.ion-ios-play-outline:before,.ion-ios-plus:before,.ion-ios-plus-empty:before,.ion-ios-plus-outline:before,.ion-ios-pricetag:before,.ion-ios-pricetag-outline:before,.ion-ios-pricetags:before,.ion-ios-pricetags-outline:before,.ion-ios-printer:before,.ion-ios-printer-outline:before,.ion-ios-pulse:before,.ion-ios-pulse-strong:before,.ion-ios-rainy:before,.ion-ios-rainy-outline:before,.ion-ios-recording:before,.ion-ios-recording-outline:before,.ion-ios-redo:before,.ion-ios-redo-outline:before,.ion-ios-refresh:before,.ion-ios-refresh-empty:before,.ion-ios-refresh-outline:before,.ion-ios-reload:before,.ion-ios-reverse-camera:before,.ion-ios-reverse-camera-outline:before,.ion-ios-rewind:before,.ion-ios-rewind-outline:before,.ion-ios-rose:before,.ion-ios-rose-outline:before,.ion-ios-search:before,.ion-ios-search-strong:before,.ion-ios-settings:before,.ion-ios-settings-strong:before,.ion-ios-shuffle:before,.ion-ios-shuffle-strong:before,.ion-ios-skipbackward:before,.ion-ios-skipbackward-outline:before,.ion-ios-skipforward:before,.ion-ios-skipforward-outline:before,.ion-ios-snowy:before,.ion-ios-speedometer:before,.ion-ios-speedometer-outline:before,.ion-ios-star:before,.ion-ios-star-half:before,.ion-ios-star-outline:before,.ion-ios-stopwatch:before,.ion-ios-stopwatch-outline:before,.ion-ios-sunny:before,.ion-ios-sunny-outline:before,.ion-ios-telephone:before,.ion-ios-telephone-outline:before,.ion-ios-tennisball:before,.ion-ios-tennisball-outline:before,.ion-ios-thunderstorm:before,.ion-ios-thunderstorm-outline:before,.ion-ios-time:before,.ion-ios-time-outline:before,.ion-ios-timer:before,.ion-ios-timer-outline:before,.ion-ios-toggle:before,.ion-ios-toggle-outline:before,.ion-ios-trash:before,.ion-ios-trash-outline:before,.ion-ios-undo:before,.ion-ios-undo-outline:before,.ion-ios-unlocked:before,.ion-ios-unlocked-outline:before,.ion-ios-upload:before,.ion-ios-upload-outline:before,.ion-ios-videocam:before,.ion-ios-videocam-outline:before,.ion-ios-volume-high:before,.ion-ios-volume-low:before,.ion-ios-wineglass:before,.ion-ios-wineglass-outline:before,.ion-ios-world:before,.ion-ios-world-outline:before,.ion-ipad:before,.ion-iphone:before,.ion-ipod:before,.ion-jet:before,.ion-key:before,.ion-knife:before,.ion-laptop:before,.ion-leaf:before,.ion-levels:before,.ion-lightbulb:before,.ion-link:before,.ion-load-a:before,.ion-load-b:before,.ion-load-c:before,.ion-load-d:before,.ion-location:before,.ion-lock-combination:before,.ion-locked:before,.ion-log-in:before,.ion-log-out:before,.ion-loop:before,.ion-magnet:before,.ion-male:before,.ion-man:before,.ion-map:before,.ion-medkit:before,.ion-merge:before,.ion-mic-a:before,.ion-mic-b:before,.ion-mic-c:before,.ion-minus:before,.ion-minus-circled:before,.ion-minus-round:before,.ion-model-s:before,.ion-monitor:before,.ion-more:before,.ion-mouse:before,.ion-music-note:before,.ion-navicon:before,.ion-navicon-round:before,.ion-navigate:before,.ion-network:before,.ion-no-smoking:before,.ion-nuclear:before,.ion-outlet:before,.ion-paintbrush:before,.ion-paintbucket:before,.ion-paper-airplane:before,.ion-paperclip:before,.ion-pause:before,.ion-person:before,.ion-person-add:before,.ion-person-stalker:before,.ion-pie-graph:before,.ion-pin:before,.ion-pinpoint:before,.ion-pizza:before,.ion-plane:before,.ion-planet:before,.ion-play:before,.ion-playstation:before,.ion-plus:before,.ion-plus-circled:before,.ion-plus-round:before,.ion-podium:before,.ion-pound:before,.ion-power:before,.ion-pricetag:before,.ion-pricetags:before,.ion-printer:before,.ion-pull-request:before,.ion-qr-scanner:before,.ion-quote:before,.ion-radio-waves:before,.ion-record:before,.ion-refresh:before,.ion-reply:before,.ion-reply-all:before,.ion-ribbon-a:before,.ion-ribbon-b:before,.ion-sad:before,.ion-sad-outline:before,.ion-scissors:before,.ion-search:before,.ion-settings:before,.ion-share:before,.ion-shuffle:before,.ion-skip-backward:before,.ion-skip-forward:before,.ion-social-android:before,.ion-social-android-outline:before,.ion-social-angular:before,.ion-social-angular-outline:before,.ion-social-apple:before,.ion-social-apple-outline:before,.ion-social-bitcoin:before,.ion-social-bitcoin-outline:before,.ion-social-buffer:before,.ion-social-buffer-outline:before,.ion-social-chrome:before,.ion-social-chrome-outline:before,.ion-social-codepen:before,.ion-social-codepen-outline:before,.ion-social-css3:before,.ion-social-css3-outline:before,.ion-social-designernews:before,.ion-social-designernews-outline:before,.ion-social-dribbble:before,.ion-social-dribbble-outline:before,.ion-social-dropbox:before,.ion-social-dropbox-outline:before,.ion-social-euro:before,.ion-social-euro-outline:before,.ion-social-facebook:before,.ion-social-facebook-outline:before,.ion-social-foursquare:before,.ion-social-foursquare-outline:before,.ion-social-freebsd-devil:before,.ion-social-github:before,.ion-social-github-outline:before,.ion-social-google:before,.ion-social-google-outline:before,.ion-social-googleplus:before,.ion-social-googleplus-outline:before,.ion-social-hackernews:before,.ion-social-hackernews-outline:before,.ion-social-html5:before,.ion-social-html5-outline:before,.ion-social-instagram:before,.ion-social-instagram-outline:before,.ion-social-javascript:before,.ion-social-javascript-outline:before,.ion-social-linkedin:before,.ion-social-linkedin-outline:before,.ion-social-markdown:before,.ion-social-nodejs:before,.ion-social-octocat:before,.ion-social-pinterest:before,.ion-social-pinterest-outline:before,.ion-social-python:before,.ion-social-reddit:before,.ion-social-reddit-outline:before,.ion-social-rss:before,.ion-social-rss-outline:before,.ion-social-sass:before,.ion-social-skype:before,.ion-social-skype-outline:before,.ion-social-snapchat:before,.ion-social-snapchat-outline:before,.ion-social-tumblr:before,.ion-social-tumblr-outline:before,.ion-social-tux:before,.ion-social-twitch:before,.ion-social-twitch-outline:before,.ion-social-twitter:before,.ion-social-twitter-outline:before,.ion-social-usd:before,.ion-social-usd-outline:before,.ion-social-vimeo:before,.ion-social-vimeo-outline:before,.ion-social-whatsapp:before,.ion-social-whatsapp-outline:before,.ion-social-windows:before,.ion-social-windows-outline:before,.ion-social-wordpress:before,.ion-social-wordpress-outline:before,.ion-social-yahoo:before,.ion-social-yahoo-outline:before,.ion-social-yen:before,.ion-social-yen-outline:before,.ion-social-youtube:before,.ion-social-youtube-outline:before,.ion-soup-can:before,.ion-soup-can-outline:before,.ion-speakerphone:before,.ion-speedometer:before,.ion-spoon:before,.ion-star:before,.ion-stats-bars:before,.ion-steam:before,.ion-stop:before,.ion-thermometer:before,.ion-thumbsdown:before,.ion-thumbsup:before,.ion-toggle:before,.ion-toggle-filled:before,.ion-transgender:before,.ion-trash-a:before,.ion-trash-b:before,.ion-trophy:before,.ion-tshirt:before,.ion-tshirt-outline:before,.ion-umbrella:before,.ion-university:before,.ion-unlocked:before,.ion-upload:before,.ion-usb:before,.ion-videocamera:before,.ion-volume-high:before,.ion-volume-low:before,.ion-volume-medium:before,.ion-volume-mute:before,.ion-wand:before,.ion-waterdrop:before,.ion-wifi:before,.ion-wineglass:before,.ion-woman:before,.ion-wrench:before,.ion-xbox:before{display:inline-block;font-family:"Ionicons";speak:none;font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;text-rendering:auto;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.ion-alert:before{content:"\f101"}.ion-alert-circled:before{content:"\f100"}.ion-android-add:before{content:"\f2c7"}.ion-android-add-circle:before{content:"\f359"}.ion-android-alarm-clock:before{content:"\f35a"}.ion-android-alert:before{content:"\f35b"}.ion-android-apps:before{content:"\f35c"}.ion-android-archive:before{content:"\f2c9"}.ion-android-arrow-back:before{content:"\f2ca"}.ion-android-arrow-down:before{content:"\f35d"}.ion-android-arrow-dropdown:before{content:"\f35f"}.ion-android-arrow-dropdown-circle:before{content:"\f35e"}.ion-android-arrow-dropleft:before{content:"\f361"}.ion-android-arrow-dropleft-circle:before{content:"\f360"}.ion-android-arrow-dropright:before{content:"\f363"}.ion-android-arrow-dropright-circle:before{content:"\f362"}.ion-android-arrow-dropup:before{content:"\f365"}.ion-android-arrow-dropup-circle:before{content:"\f364"}.ion-android-arrow-forward:before{content:"\f30f"}.ion-android-arrow-up:before{content:"\f366"}.ion-android-attach:before{content:"\f367"}.ion-android-bar:before{content:"\f368"}.ion-android-bicycle:before{content:"\f369"}.ion-android-boat:before{content:"\f36a"}.ion-android-bookmark:before{content:"\f36b"}.ion-android-bulb:before{content:"\f36c"}.ion-android-bus:before{content:"\f36d"}.ion-android-calendar:before{content:"\f2d1"}.ion-android-call:before{content:"\f2d2"}.ion-android-camera:before{content:"\f2d3"}.ion-android-cancel:before{content:"\f36e"}.ion-android-car:before{content:"\f36f"}.ion-android-cart:before{content:"\f370"}.ion-android-chat:before{content:"\f2d4"}.ion-android-checkbox:before{content:"\f374"}.ion-android-checkbox-blank:before{content:"\f371"}.ion-android-checkbox-outline:before{content:"\f373"}.ion-android-checkbox-outline-blank:before{content:"\f372"}.ion-android-checkmark-circle:before{content:"\f375"}.ion-android-clipboard:before{content:"\f376"}.ion-android-close:before{content:"\f2d7"}.ion-android-cloud:before{content:"\f37a"}.ion-android-cloud-circle:before{content:"\f377"}.ion-android-cloud-done:before{content:"\f378"}.ion-android-cloud-outline:before{content:"\f379"}.ion-android-color-palette:before{content:"\f37b"}.ion-android-compass:before{content:"\f37c"}.ion-android-contact:before{content:"\f2d8"}.ion-android-contacts:before{content:"\f2d9"}.ion-android-contract:before{content:"\f37d"}.ion-android-create:before{content:"\f37e"}.ion-android-delete:before{content:"\f37f"}.ion-android-desktop:before{content:"\f380"}.ion-android-document:before{content:"\f381"}.ion-android-done:before{content:"\f383"}.ion-android-done-all:before{content:"\f382"}.ion-android-download:before{content:"\f2dd"}.ion-android-drafts:before{content:"\f384"}.ion-android-exit:before{content:"\f385"}.ion-android-expand:before{content:"\f386"}.ion-android-favorite:before{content:"\f388"}.ion-android-favorite-outline:before{content:"\f387"}.ion-android-film:before{content:"\f389"}.ion-android-folder:before{content:"\f2e0"}.ion-android-folder-open:before{content:"\f38a"}.ion-android-funnel:before{content:"\f38b"}.ion-android-globe:before{content:"\f38c"}.ion-android-hand:before{content:"\f2e3"}.ion-android-hangout:before{content:"\f38d"}.ion-android-happy:before{content:"\f38e"}.ion-android-home:before{content:"\f38f"}.ion-android-image:before{content:"\f2e4"}.ion-android-laptop:before{content:"\f390"}.ion-android-list:before{content:"\f391"}.ion-android-locate:before{content:"\f2e9"}.ion-android-lock:before{content:"\f392"}.ion-android-mail:before{content:"\f2eb"}.ion-android-map:before{content:"\f393"}.ion-android-menu:before{content:"\f394"}.ion-android-microphone:before{content:"\f2ec"}.ion-android-microphone-off:before{content:"\f395"}.ion-android-more-horizontal:before{content:"\f396"}.ion-android-more-vertical:before{content:"\f397"}.ion-android-navigate:before{content:"\f398"}.ion-android-notifications:before{content:"\f39b"}.ion-android-notifications-none:before{content:"\f399"}.ion-android-notifications-off:before{content:"\f39a"}.ion-android-open:before{content:"\f39c"}.ion-android-options:before{content:"\f39d"}.ion-android-people:before{content:"\f39e"}.ion-android-person:before{content:"\f3a0"}.ion-android-person-add:before{content:"\f39f"}.ion-android-phone-landscape:before{content:"\f3a1"}.ion-android-phone-portrait:before{content:"\f3a2"}.ion-android-pin:before{content:"\f3a3"}.ion-android-plane:before{content:"\f3a4"}.ion-android-playstore:before{content:"\f2f0"}.ion-android-print:before{content:"\f3a5"}.ion-android-radio-button-off:before{content:"\f3a6"}.ion-android-radio-button-on:before{content:"\f3a7"}.ion-android-refresh:before{content:"\f3a8"}.ion-android-remove:before{content:"\f2f4"}.ion-android-remove-circle:before{content:"\f3a9"}.ion-android-restaurant:before{content:"\f3aa"}.ion-android-sad:before{content:"\f3ab"}.ion-android-search:before{content:"\f2f5"}.ion-android-send:before{content:"\f2f6"}.ion-android-settings:before{content:"\f2f7"}.ion-android-share:before{content:"\f2f8"}.ion-android-share-alt:before{content:"\f3ac"}.ion-android-star:before{content:"\f2fc"}.ion-android-star-half:before{content:"\f3ad"}.ion-android-star-outline:before{content:"\f3ae"}.ion-android-stopwatch:before{content:"\f2fd"}.ion-android-subway:before{content:"\f3af"}.ion-android-sunny:before{content:"\f3b0"}.ion-android-sync:before{content:"\f3b1"}.ion-android-textsms:before{content:"\f3b2"}.ion-android-time:before{content:"\f3b3"}.ion-android-train:before{content:"\f3b4"}.ion-android-unlock:before{content:"\f3b5"}.ion-android-upload:before{content:"\f3b6"}.ion-android-volume-down:before{content:"\f3b7"}.ion-android-volume-mute:before{content:"\f3b8"}.ion-android-volume-off:before{content:"\f3b9"}.ion-android-volume-up:before{content:"\f3ba"}.ion-android-walk:before{content:"\f3bb"}.ion-android-warning:before{content:"\f3bc"}.ion-android-watch:before{content:"\f3bd"}.ion-android-wifi:before{content:"\f305"}.ion-aperture:before{content:"\f313"}.ion-archive:before{content:"\f102"}.ion-arrow-down-a:before{content:"\f103"}.ion-arrow-down-b:before{content:"\f104"}.ion-arrow-down-c:before{content:"\f105"}.ion-arrow-expand:before{content:"\f25e"}.ion-arrow-graph-down-left:before{content:"\f25f"}.ion-arrow-graph-down-right:before{content:"\f260"}.ion-arrow-graph-up-left:before{content:"\f261"}.ion-arrow-graph-up-right:before{content:"\f262"}.ion-arrow-left-a:before{content:"\f106"}.ion-arrow-left-b:before{content:"\f107"}.ion-arrow-left-c:before{content:"\f108"}.ion-arrow-move:before{content:"\f263"}.ion-arrow-resize:before{content:"\f264"}.ion-arrow-return-left:before{content:"\f265"}.ion-arrow-return-right:before{content:"\f266"}.ion-arrow-right-a:before{content:"\f109"}.ion-arrow-right-b:before{content:"\f10a"}.ion-arrow-right-c:before{content:"\f10b"}.ion-arrow-shrink:before{content:"\f267"}.ion-arrow-swap:before{content:"\f268"}.ion-arrow-up-a:before{content:"\f10c"}.ion-arrow-up-b:before{content:"\f10d"}.ion-arrow-up-c:before{content:"\f10e"}.ion-asterisk:before{content:"\f314"}.ion-at:before{content:"\f10f"}.ion-backspace:before{content:"\f3bf"}.ion-backspace-outline:before{content:"\f3be"}.ion-bag:before{content:"\f110"}.ion-battery-charging:before{content:"\f111"}.ion-battery-empty:before{content:"\f112"}.ion-battery-full:before{content:"\f113"}.ion-battery-half:before{content:"\f114"}.ion-battery-low:before{content:"\f115"}.ion-beaker:before{content:"\f269"}.ion-beer:before{content:"\f26a"}.ion-bluetooth:before{content:"\f116"}.ion-bonfire:before{content:"\f315"}.ion-bookmark:before{content:"\f26b"}.ion-bowtie:before{content:"\f3c0"}.ion-briefcase:before{content:"\f26c"}.ion-bug:before{content:"\f2be"}.ion-calculator:before{content:"\f26d"}.ion-calendar:before{content:"\f117"}.ion-camera:before{content:"\f118"}.ion-card:before{content:"\f119"}.ion-cash:before{content:"\f316"}.ion-chatbox:before{content:"\f11b"}.ion-chatbox-working:before{content:"\f11a"}.ion-chatboxes:before{content:"\f11c"}.ion-chatbubble:before{content:"\f11e"}.ion-chatbubble-working:before{content:"\f11d"}.ion-chatbubbles:before{content:"\f11f"}.ion-checkmark:before{content:"\f122"}.ion-checkmark-circled:before{content:"\f120"}.ion-checkmark-round:before{content:"\f121"}.ion-chevron-down:before{content:"\f123"}.ion-chevron-left:before{content:"\f124"}.ion-chevron-right:before{content:"\f125"}.ion-chevron-up:before{content:"\f126"}.ion-clipboard:before{content:"\f127"}.ion-clock:before{content:"\f26e"}.ion-close:before{content:"\f12a"}.ion-close-circled:before{content:"\f128"}.ion-close-round:before{content:"\f129"}.ion-closed-captioning:before{content:"\f317"}.ion-cloud:before{content:"\f12b"}.ion-code:before{content:"\f271"}.ion-code-download:before{content:"\f26f"}.ion-code-working:before{content:"\f270"}.ion-coffee:before{content:"\f272"}.ion-compass:before{content:"\f273"}.ion-compose:before{content:"\f12c"}.ion-connection-bars:before{content:"\f274"}.ion-contrast:before{content:"\f275"}.ion-crop:before{content:"\f3c1"}.ion-cube:before{content:"\f318"}.ion-disc:before{content:"\f12d"}.ion-document:before{content:"\f12f"}.ion-document-text:before{content:"\f12e"}.ion-drag:before{content:"\f130"}.ion-earth:before{content:"\f276"}.ion-easel:before{content:"\f3c2"}.ion-edit:before{content:"\f2bf"}.ion-egg:before{content:"\f277"}.ion-eject:before{content:"\f131"}.ion-email:before{content:"\f132"}.ion-email-unread:before{content:"\f3c3"}.ion-erlenmeyer-flask:before{content:"\f3c5"}.ion-erlenmeyer-flask-bubbles:before{content:"\f3c4"}.ion-eye:before{content:"\f133"}.ion-eye-disabled:before{content:"\f306"}.ion-female:before{content:"\f278"}.ion-filing:before{content:"\f134"}.ion-film-marker:before{content:"\f135"}.ion-fireball:before{content:"\f319"}.ion-flag:before{content:"\f279"}.ion-flame:before{content:"\f31a"}.ion-flash:before{content:"\f137"}.ion-flash-off:before{content:"\f136"}.ion-folder:before{content:"\f139"}.ion-fork:before{content:"\f27a"}.ion-fork-repo:before{content:"\f2c0"}.ion-forward:before{content:"\f13a"}.ion-funnel:before{content:"\f31b"}.ion-gear-a:before{content:"\f13d"}.ion-gear-b:before{content:"\f13e"}.ion-grid:before{content:"\f13f"}.ion-hammer:before{content:"\f27b"}.ion-happy:before{content:"\f31c"}.ion-happy-outline:before{content:"\f3c6"}.ion-headphone:before{content:"\f140"}.ion-heart:before{content:"\f141"}.ion-heart-broken:before{content:"\f31d"}.ion-help:before{content:"\f143"}.ion-help-buoy:before{content:"\f27c"}.ion-help-circled:before{content:"\f142"}.ion-home:before{content:"\f144"}.ion-icecream:before{content:"\f27d"}.ion-image:before{content:"\f147"}.ion-images:before{content:"\f148"}.ion-information:before{content:"\f14a"}.ion-information-circled:before{content:"\f149"}.ion-ionic:before{content:"\f14b"}.ion-ios-alarm:before{content:"\f3c8"}.ion-ios-alarm-outline:before{content:"\f3c7"}.ion-ios-albums:before{content:"\f3ca"}.ion-ios-albums-outline:before{content:"\f3c9"}.ion-ios-americanfootball:before{content:"\f3cc"}.ion-ios-americanfootball-outline:before{content:"\f3cb"}.ion-ios-analytics:before{content:"\f3ce"}.ion-ios-analytics-outline:before{content:"\f3cd"}.ion-ios-arrow-back:before{content:"\f3cf"}.ion-ios-arrow-down:before{content:"\f3d0"}.ion-ios-arrow-forward:before{content:"\f3d1"}.ion-ios-arrow-left:before{content:"\f3d2"}.ion-ios-arrow-right:before{content:"\f3d3"}.ion-ios-arrow-thin-down:before{content:"\f3d4"}.ion-ios-arrow-thin-left:before{content:"\f3d5"}.ion-ios-arrow-thin-right:before{content:"\f3d6"}.ion-ios-arrow-thin-up:before{content:"\f3d7"}.ion-ios-arrow-up:before{content:"\f3d8"}.ion-ios-at:before{content:"\f3da"}.ion-ios-at-outline:before{content:"\f3d9"}.ion-ios-barcode:before{content:"\f3dc"}.ion-ios-barcode-outline:before{content:"\f3db"}.ion-ios-baseball:before{content:"\f3de"}.ion-ios-baseball-outline:before{content:"\f3dd"}.ion-ios-basketball:before{content:"\f3e0"}.ion-ios-basketball-outline:before{content:"\f3df"}.ion-ios-bell:before{content:"\f3e2"}.ion-ios-bell-outline:before{content:"\f3e1"}.ion-ios-body:before{content:"\f3e4"}.ion-ios-body-outline:before{content:"\f3e3"}.ion-ios-bolt:before{content:"\f3e6"}.ion-ios-bolt-outline:before{content:"\f3e5"}.ion-ios-book:before{content:"\f3e8"}.ion-ios-book-outline:before{content:"\f3e7"}.ion-ios-bookmarks:before{content:"\f3ea"}.ion-ios-bookmarks-outline:before{content:"\f3e9"}.ion-ios-box:before{content:"\f3ec"}.ion-ios-box-outline:before{content:"\f3eb"}.ion-ios-briefcase:before{content:"\f3ee"}.ion-ios-briefcase-outline:before{content:"\f3ed"}.ion-ios-browsers:before{content:"\f3f0"}.ion-ios-browsers-outline:before{content:"\f3ef"}.ion-ios-calculator:before{content:"\f3f2"}.ion-ios-calculator-outline:before{content:"\f3f1"}.ion-ios-calendar:before{content:"\f3f4"}.ion-ios-calendar-outline:before{content:"\f3f3"}.ion-ios-camera:before{content:"\f3f6"}.ion-ios-camera-outline:before{content:"\f3f5"}.ion-ios-cart:before{content:"\f3f8"}.ion-ios-cart-outline:before{content:"\f3f7"}.ion-ios-chatboxes:before{content:"\f3fa"}.ion-ios-chatboxes-outline:before{content:"\f3f9"}.ion-ios-chatbubble:before{content:"\f3fc"}.ion-ios-chatbubble-outline:before{content:"\f3fb"}.ion-ios-checkmark:before{content:"\f3ff"}.ion-ios-checkmark-empty:before{content:"\f3fd"}.ion-ios-checkmark-outline:before{content:"\f3fe"}.ion-ios-circle-filled:before{content:"\f400"}.ion-ios-circle-outline:before{content:"\f401"}.ion-ios-clock:before{content:"\f403"}.ion-ios-clock-outline:before{content:"\f402"}.ion-ios-close:before{content:"\f406"}.ion-ios-close-empty:before{content:"\f404"}.ion-ios-close-outline:before{content:"\f405"}.ion-ios-cloud:before{content:"\f40c"}.ion-ios-cloud-download:before{content:"\f408"}.ion-ios-cloud-download-outline:before{content:"\f407"}.ion-ios-cloud-outline:before{content:"\f409"}.ion-ios-cloud-upload:before{content:"\f40b"}.ion-ios-cloud-upload-outline:before{content:"\f40a"}.ion-ios-cloudy:before{content:"\f410"}.ion-ios-cloudy-night:before{content:"\f40e"}.ion-ios-cloudy-night-outline:before{content:"\f40d"}.ion-ios-cloudy-outline:before{content:"\f40f"}.ion-ios-cog:before{content:"\f412"}.ion-ios-cog-outline:before{content:"\f411"}.ion-ios-color-filter:before{content:"\f414"}.ion-ios-color-filter-outline:before{content:"\f413"}.ion-ios-color-wand:before{content:"\f416"}.ion-ios-color-wand-outline:before{content:"\f415"}.ion-ios-compose:before{content:"\f418"}.ion-ios-compose-outline:before{content:"\f417"}.ion-ios-contact:before{content:"\f41a"}.ion-ios-contact-outline:before{content:"\f419"}.ion-ios-copy:before{content:"\f41c"}.ion-ios-copy-outline:before{content:"\f41b"}.ion-ios-crop:before{content:"\f41e"}.ion-ios-crop-strong:before{content:"\f41d"}.ion-ios-download:before{content:"\f420"}.ion-ios-download-outline:before{content:"\f41f"}.ion-ios-drag:before{content:"\f421"}.ion-ios-email:before{content:"\f423"}.ion-ios-email-outline:before{content:"\f422"}.ion-ios-eye:before{content:"\f425"}.ion-ios-eye-outline:before{content:"\f424"}.ion-ios-fastforward:before{content:"\f427"}.ion-ios-fastforward-outline:before{content:"\f426"}.ion-ios-filing:before{content:"\f429"}.ion-ios-filing-outline:before{content:"\f428"}.ion-ios-film:before{content:"\f42b"}.ion-ios-film-outline:before{content:"\f42a"}.ion-ios-flag:before{content:"\f42d"}.ion-ios-flag-outline:before{content:"\f42c"}.ion-ios-flame:before{content:"\f42f"}.ion-ios-flame-outline:before{content:"\f42e"}.ion-ios-flask:before{content:"\f431"}.ion-ios-flask-outline:before{content:"\f430"}.ion-ios-flower:before{content:"\f433"}.ion-ios-flower-outline:before{content:"\f432"}.ion-ios-folder:before{content:"\f435"}.ion-ios-folder-outline:before{content:"\f434"}.ion-ios-football:before{content:"\f437"}.ion-ios-football-outline:before{content:"\f436"}.ion-ios-game-controller-a:before{content:"\f439"}.ion-ios-game-controller-a-outline:before{content:"\f438"}.ion-ios-game-controller-b:before{content:"\f43b"}.ion-ios-game-controller-b-outline:before{content:"\f43a"}.ion-ios-gear:before{content:"\f43d"}.ion-ios-gear-outline:before{content:"\f43c"}.ion-ios-glasses:before{content:"\f43f"}.ion-ios-glasses-outline:before{content:"\f43e"}.ion-ios-grid-view:before{content:"\f441"}.ion-ios-grid-view-outline:before{content:"\f440"}.ion-ios-heart:before{content:"\f443"}.ion-ios-heart-outline:before{content:"\f442"}.ion-ios-help:before{content:"\f446"}.ion-ios-help-empty:before{content:"\f444"}.ion-ios-help-outline:before{content:"\f445"}.ion-ios-home:before{content:"\f448"}.ion-ios-home-outline:before{content:"\f447"}.ion-ios-infinite:before{content:"\f44a"}.ion-ios-infinite-outline:before{content:"\f449"}.ion-ios-information:before{content:"\f44d"}.ion-ios-information-empty:before{content:"\f44b"}.ion-ios-information-outline:before{content:"\f44c"}.ion-ios-ionic-outline:before{content:"\f44e"}.ion-ios-keypad:before{content:"\f450"}.ion-ios-keypad-outline:before{content:"\f44f"}.ion-ios-lightbulb:before{content:"\f452"}.ion-ios-lightbulb-outline:before{content:"\f451"}.ion-ios-list:before{content:"\f454"}.ion-ios-list-outline:before{content:"\f453"}.ion-ios-location:before{content:"\f456"}.ion-ios-location-outline:before{content:"\f455"}.ion-ios-locked:before{content:"\f458"}.ion-ios-locked-outline:before{content:"\f457"}.ion-ios-loop:before{content:"\f45a"}.ion-ios-loop-strong:before{content:"\f459"}.ion-ios-medical:before{content:"\f45c"}.ion-ios-medical-outline:before{content:"\f45b"}.ion-ios-medkit:before{content:"\f45e"}.ion-ios-medkit-outline:before{content:"\f45d"}.ion-ios-mic:before{content:"\f461"}.ion-ios-mic-off:before{content:"\f45f"}.ion-ios-mic-outline:before{content:"\f460"}.ion-ios-minus:before{content:"\f464"}.ion-ios-minus-empty:before{content:"\f462"}.ion-ios-minus-outline:before{content:"\f463"}.ion-ios-monitor:before{content:"\f466"}.ion-ios-monitor-outline:before{content:"\f465"}.ion-ios-moon:before{content:"\f468"}.ion-ios-moon-outline:before{content:"\f467"}.ion-ios-more:before{content:"\f46a"}.ion-ios-more-outline:before{content:"\f469"}.ion-ios-musical-note:before{content:"\f46b"}.ion-ios-musical-notes:before{content:"\f46c"}.ion-ios-navigate:before{content:"\f46e"}.ion-ios-navigate-outline:before{content:"\f46d"}.ion-ios-nutrition:before{content:"\f470"}.ion-ios-nutrition-outline:before{content:"\f46f"}.ion-ios-paper:before{content:"\f472"}.ion-ios-paper-outline:before{content:"\f471"}.ion-ios-paperplane:before{content:"\f474"}.ion-ios-paperplane-outline:before{content:"\f473"}.ion-ios-partlysunny:before{content:"\f476"}.ion-ios-partlysunny-outline:before{content:"\f475"}.ion-ios-pause:before{content:"\f478"}.ion-ios-pause-outline:before{content:"\f477"}.ion-ios-paw:before{content:"\f47a"}.ion-ios-paw-outline:before{content:"\f479"}.ion-ios-people:before{content:"\f47c"}.ion-ios-people-outline:before{content:"\f47b"}.ion-ios-person:before{content:"\f47e"}.ion-ios-person-outline:before{content:"\f47d"}.ion-ios-personadd:before{content:"\f480"}.ion-ios-personadd-outline:before{content:"\f47f"}.ion-ios-photos:before{content:"\f482"}.ion-ios-photos-outline:before{content:"\f481"}.ion-ios-pie:before{content:"\f484"}.ion-ios-pie-outline:before{content:"\f483"}.ion-ios-pint:before{content:"\f486"}.ion-ios-pint-outline:before{content:"\f485"}.ion-ios-play:before{content:"\f488"}.ion-ios-play-outline:before{content:"\f487"}.ion-ios-plus:before{content:"\f48b"}.ion-ios-plus-empty:before{content:"\f489"}.ion-ios-plus-outline:before{content:"\f48a"}.ion-ios-pricetag:before{content:"\f48d"}.ion-ios-pricetag-outline:before{content:"\f48c"}.ion-ios-pricetags:before{content:"\f48f"}.ion-ios-pricetags-outline:before{content:"\f48e"}.ion-ios-printer:before{content:"\f491"}.ion-ios-printer-outline:before{content:"\f490"}.ion-ios-pulse:before{content:"\f493"}.ion-ios-pulse-strong:before{content:"\f492"}.ion-ios-rainy:before{content:"\f495"}.ion-ios-rainy-outline:before{content:"\f494"}.ion-ios-recording:before{content:"\f497"}.ion-ios-recording-outline:before{content:"\f496"}.ion-ios-redo:before{content:"\f499"}.ion-ios-redo-outline:before{content:"\f498"}.ion-ios-refresh:before{content:"\f49c"}.ion-ios-refresh-empty:before{content:"\f49a"}.ion-ios-refresh-outline:before{content:"\f49b"}.ion-ios-reload:before{content:"\f49d"}.ion-ios-reverse-camera:before{content:"\f49f"}.ion-ios-reverse-camera-outline:before{content:"\f49e"}.ion-ios-rewind:before{content:"\f4a1"}.ion-ios-rewind-outline:before{content:"\f4a0"}.ion-ios-rose:before{content:"\f4a3"}.ion-ios-rose-outline:before{content:"\f4a2"}.ion-ios-search:before{content:"\f4a5"}.ion-ios-search-strong:before{content:"\f4a4"}.ion-ios-settings:before{content:"\f4a7"}.ion-ios-settings-strong:before{content:"\f4a6"}.ion-ios-shuffle:before{content:"\f4a9"}.ion-ios-shuffle-strong:before{content:"\f4a8"}.ion-ios-skipbackward:before{content:"\f4ab"}.ion-ios-skipbackward-outline:before{content:"\f4aa"}.ion-ios-skipforward:before{content:"\f4ad"}.ion-ios-skipforward-outline:before{content:"\f4ac"}.ion-ios-snowy:before{content:"\f4ae"}.ion-ios-speedometer:before{content:"\f4b0"}.ion-ios-speedometer-outline:before{content:"\f4af"}.ion-ios-star:before{content:"\f4b3"}.ion-ios-star-half:before{content:"\f4b1"}.ion-ios-star-outline:before{content:"\f4b2"}.ion-ios-stopwatch:before{content:"\f4b5"}.ion-ios-stopwatch-outline:before{content:"\f4b4"}.ion-ios-sunny:before{content:"\f4b7"}.ion-ios-sunny-outline:before{content:"\f4b6"}.ion-ios-telephone:before{content:"\f4b9"}.ion-ios-telephone-outline:before{content:"\f4b8"}.ion-ios-tennisball:before{content:"\f4bb"}.ion-ios-tennisball-outline:before{content:"\f4ba"}.ion-ios-thunderstorm:before{content:"\f4bd"}.ion-ios-thunderstorm-outline:before{content:"\f4bc"}.ion-ios-time:before{content:"\f4bf"}.ion-ios-time-outline:before{content:"\f4be"}.ion-ios-timer:before{content:"\f4c1"}.ion-ios-timer-outline:before{content:"\f4c0"}.ion-ios-toggle:before{content:"\f4c3"}.ion-ios-toggle-outline:before{content:"\f4c2"}.ion-ios-trash:before{content:"\f4c5"}.ion-ios-trash-outline:before{content:"\f4c4"}.ion-ios-undo:before{content:"\f4c7"}.ion-ios-undo-outline:before{content:"\f4c6"}.ion-ios-unlocked:before{content:"\f4c9"}.ion-ios-unlocked-outline:before{content:"\f4c8"}.ion-ios-upload:before{content:"\f4cb"}.ion-ios-upload-outline:before{content:"\f4ca"}.ion-ios-videocam:before{content:"\f4cd"}.ion-ios-videocam-outline:before{content:"\f4cc"}.ion-ios-volume-high:before{content:"\f4ce"}.ion-ios-volume-low:before{content:"\f4cf"}.ion-ios-wineglass:before{content:"\f4d1"}.ion-ios-wineglass-outline:before{content:"\f4d0"}.ion-ios-world:before{content:"\f4d3"}.ion-ios-world-outline:before{content:"\f4d2"}.ion-ipad:before{content:"\f1f9"}.ion-iphone:before{content:"\f1fa"}.ion-ipod:before{content:"\f1fb"}.ion-jet:before{content:"\f295"}.ion-key:before{content:"\f296"}.ion-knife:before{content:"\f297"}.ion-laptop:before{content:"\f1fc"}.ion-leaf:before{content:"\f1fd"}.ion-levels:before{content:"\f298"}.ion-lightbulb:before{content:"\f299"}.ion-link:before{content:"\f1fe"}.ion-load-a:before{content:"\f29a"}.ion-load-b:before{content:"\f29b"}.ion-load-c:before{content:"\f29c"}.ion-load-d:before{content:"\f29d"}.ion-location:before{content:"\f1ff"}.ion-lock-combination:before{content:"\f4d4"}.ion-locked:before{content:"\f200"}.ion-log-in:before{content:"\f29e"}.ion-log-out:before{content:"\f29f"}.ion-loop:before{content:"\f201"}.ion-magnet:before{content:"\f2a0"}.ion-male:before{content:"\f2a1"}.ion-man:before{content:"\f202"}.ion-map:before{content:"\f203"}.ion-medkit:before{content:"\f2a2"}.ion-merge:before{content:"\f33f"}.ion-mic-a:before{content:"\f204"}.ion-mic-b:before{content:"\f205"}.ion-mic-c:before{content:"\f206"}.ion-minus:before{content:"\f209"}.ion-minus-circled:before{content:"\f207"}.ion-minus-round:before{content:"\f208"}.ion-model-s:before{content:"\f2c1"}.ion-monitor:before{content:"\f20a"}.ion-more:before{content:"\f20b"}.ion-mouse:before{content:"\f340"}.ion-music-note:before{content:"\f20c"}.ion-navicon:before{content:"\f20e"}.ion-navicon-round:before{content:"\f20d"}.ion-navigate:before{content:"\f2a3"}.ion-network:before{content:"\f341"}.ion-no-smoking:before{content:"\f2c2"}.ion-nuclear:before{content:"\f2a4"}.ion-outlet:before{content:"\f342"}.ion-paintbrush:before{content:"\f4d5"}.ion-paintbucket:before{content:"\f4d6"}.ion-paper-airplane:before{content:"\f2c3"}.ion-paperclip:before{content:"\f20f"}.ion-pause:before{content:"\f210"}.ion-person:before{content:"\f213"}.ion-person-add:before{content:"\f211"}.ion-person-stalker:before{content:"\f212"}.ion-pie-graph:before{content:"\f2a5"}.ion-pin:before{content:"\f2a6"}.ion-pinpoint:before{content:"\f2a7"}.ion-pizza:before{content:"\f2a8"}.ion-plane:before{content:"\f214"}.ion-planet:before{content:"\f343"}.ion-play:before{content:"\f215"}.ion-playstation:before{content:"\f30a"}.ion-plus:before{content:"\f218"}.ion-plus-circled:before{content:"\f216"}.ion-plus-round:before{content:"\f217"}.ion-podium:before{content:"\f344"}.ion-pound:before{content:"\f219"}.ion-power:before{content:"\f2a9"}.ion-pricetag:before{content:"\f2aa"}.ion-pricetags:before{content:"\f2ab"}.ion-printer:before{content:"\f21a"}.ion-pull-request:before{content:"\f345"}.ion-qr-scanner:before{content:"\f346"}.ion-quote:before{content:"\f347"}.ion-radio-waves:before{content:"\f2ac"}.ion-record:before{content:"\f21b"}.ion-refresh:before{content:"\f21c"}.ion-reply:before{content:"\f21e"}.ion-reply-all:before{content:"\f21d"}.ion-ribbon-a:before{content:"\f348"}.ion-ribbon-b:before{content:"\f349"}.ion-sad:before{content:"\f34a"}.ion-sad-outline:before{content:"\f4d7"}.ion-scissors:before{content:"\f34b"}.ion-search:before{content:"\f21f"}.ion-settings:before{content:"\f2ad"}.ion-share:before{content:"\f220"}.ion-shuffle:before{content:"\f221"}.ion-skip-backward:before{content:"\f222"}.ion-skip-forward:before{content:"\f223"}.ion-social-android:before{content:"\f225"}.ion-social-android-outline:before{content:"\f224"}.ion-social-angular:before{content:"\f4d9"}.ion-social-angular-outline:before{content:"\f4d8"}.ion-social-apple:before{content:"\f227"}.ion-social-apple-outline:before{content:"\f226"}.ion-social-bitcoin:before{content:"\f2af"}.ion-social-bitcoin-outline:before{content:"\f2ae"}.ion-social-buffer:before{content:"\f229"}.ion-social-buffer-outline:before{content:"\f228"}.ion-social-chrome:before{content:"\f4db"}.ion-social-chrome-outline:before{content:"\f4da"}.ion-social-codepen:before{content:"\f4dd"}.ion-social-codepen-outline:before{content:"\f4dc"}.ion-social-css3:before{content:"\f4df"}.ion-social-css3-outline:before{content:"\f4de"}.ion-social-designernews:before{content:"\f22b"}.ion-social-designernews-outline:before{content:"\f22a"}.ion-social-dribbble:before{content:"\f22d"}.ion-social-dribbble-outline:before{content:"\f22c"}.ion-social-dropbox:before{content:"\f22f"}.ion-social-dropbox-outline:before{content:"\f22e"}.ion-social-euro:before{content:"\f4e1"}.ion-social-euro-outline:before{content:"\f4e0"}.ion-social-facebook:before{content:"\f231"}.ion-social-facebook-outline:before{content:"\f230"}.ion-social-foursquare:before{content:"\f34d"}.ion-social-foursquare-outline:before{content:"\f34c"}.ion-social-freebsd-devil:before{content:"\f2c4"}.ion-social-github:before{content:"\f233"}.ion-social-github-outline:before{content:"\f232"}.ion-social-google:before{content:"\f34f"}.ion-social-google-outline:before{content:"\f34e"}.ion-social-googleplus:before{content:"\f235"}.ion-social-googleplus-outline:before{content:"\f234"}.ion-social-hackernews:before{content:"\f237"}.ion-social-hackernews-outline:before{content:"\f236"}.ion-social-html5:before{content:"\f4e3"}.ion-social-html5-outline:before{content:"\f4e2"}.ion-social-instagram:before{content:"\f351"}.ion-social-instagram-outline:before{content:"\f350"}.ion-social-javascript:before{content:"\f4e5"}.ion-social-javascript-outline:before{content:"\f4e4"}.ion-social-linkedin:before{content:"\f239"}.ion-social-linkedin-outline:before{content:"\f238"}.ion-social-markdown:before{content:"\f4e6"}.ion-social-nodejs:before{content:"\f4e7"}.ion-social-octocat:before{content:"\f4e8"}.ion-social-pinterest:before{content:"\f2b1"}.ion-social-pinterest-outline:before{content:"\f2b0"}.ion-social-python:before{content:"\f4e9"}.ion-social-reddit:before{content:"\f23b"}.ion-social-reddit-outline:before{content:"\f23a"}.ion-social-rss:before{content:"\f23d"}.ion-social-rss-outline:before{content:"\f23c"}.ion-social-sass:before{content:"\f4ea"}.ion-social-skype:before{content:"\f23f"}.ion-social-skype-outline:before{content:"\f23e"}.ion-social-snapchat:before{content:"\f4ec"}.ion-social-snapchat-outline:before{content:"\f4eb"}.ion-social-tumblr:before{content:"\f241"}.ion-social-tumblr-outline:before{content:"\f240"}.ion-social-tux:before{content:"\f2c5"}.ion-social-twitch:before{content:"\f4ee"}.ion-social-twitch-outline:before{content:"\f4ed"}.ion-social-twitter:before{content:"\f243"}.ion-social-twitter-outline:before{content:"\f242"}.ion-social-usd:before{content:"\f353"}.ion-social-usd-outline:before{content:"\f352"}.ion-social-vimeo:before{content:"\f245"}.ion-social-vimeo-outline:before{content:"\f244"}.ion-social-whatsapp:before{content:"\f4f0"}.ion-social-whatsapp-outline:before{content:"\f4ef"}.ion-social-windows:before{content:"\f247"}.ion-social-windows-outline:before{content:"\f246"}.ion-social-wordpress:before{content:"\f249"}.ion-social-wordpress-outline:before{content:"\f248"}.ion-social-yahoo:before{content:"\f24b"}.ion-social-yahoo-outline:before{content:"\f24a"}.ion-social-yen:before{content:"\f4f2"}.ion-social-yen-outline:before{content:"\f4f1"}.ion-social-youtube:before{content:"\f24d"}.ion-social-youtube-outline:before{content:"\f24c"}.ion-soup-can:before{content:"\f4f4"}.ion-soup-can-outline:before{content:"\f4f3"}.ion-speakerphone:before{content:"\f2b2"}.ion-speedometer:before{content:"\f2b3"}.ion-spoon:before{content:"\f2b4"}.ion-star:before{content:"\f24e"}.ion-stats-bars:before{content:"\f2b5"}.ion-steam:before{content:"\f30b"}.ion-stop:before{content:"\f24f"}.ion-thermometer:before{content:"\f2b6"}.ion-thumbsdown:before{content:"\f250"}.ion-thumbsup:before{content:"\f251"}.ion-toggle:before{content:"\f355"}.ion-toggle-filled:before{content:"\f354"}.ion-transgender:before{content:"\f4f5"}.ion-trash-a:before{content:"\f252"}.ion-trash-b:before{content:"\f253"}.ion-trophy:before{content:"\f356"}.ion-tshirt:before{content:"\f4f7"}.ion-tshirt-outline:before{content:"\f4f6"}.ion-umbrella:before{content:"\f2b7"}.ion-university:before{content:"\f357"}.ion-unlocked:before{content:"\f254"}.ion-upload:before{content:"\f255"}.ion-usb:before{content:"\f2b8"}.ion-videocamera:before{content:"\f256"}.ion-volume-high:before{content:"\f257"}.ion-volume-low:before{content:"\f258"}.ion-volume-medium:before{content:"\f259"}.ion-volume-mute:before{content:"\f25a"}.ion-wand:before{content:"\f358"}.ion-waterdrop:before{content:"\f25b"}.ion-wifi:before{content:"\f25c"}.ion-wineglass:before{content:"\f2b9"}.ion-woman:before{content:"\f25d"}.ion-wrench:before{content:"\f2ba"}.ion-xbox:before{content:"\f30c"}


--------------------------------------------------------------------------------
/templates/article.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="ko">
  3 |   <head>
  4 |     <meta charset="UTF-8" />
  5 |     <link rel="favicon" href="/assets/favicon.ico" />
  6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7 |     <link
  8 |       href="/styles/ionicons.min.css"
  9 |       rel="stylesheet"
 10 |       type="text/css"
 11 |     />
 12 |     <link
 13 |       href="//fonts.googleapis.com/css?family=Titillium+Web:700|Source+Serif+Pro:400,700|Merriweather+Sans:400,700|Source+Sans+Pro:400,300,600,700,300italic,400italic,600italic,700italic"
 14 |       rel="stylesheet"
 15 |       type="text/css"
 16 |     />
 17 |     <link rel="stylesheet" href="/styles/main.css" />
 18 |     <title>Conduit</title>
 19 |   </head>
 20 |   <body>
 21 |     <nav class="navbar navbar-light">
 22 |       <div class="container">
 23 |         <a class="navbar-brand" href="/">conduit</a>
 24 |         <ul class="nav navbar-nav pull-xs-right">
 25 |           <li class="nav-item">
 26 |             <!-- Add "active" class when you're on that page" -->
 27 |             <a class="nav-link active" href="/">Home</a>
 28 |           </li>
 29 |           <li class="nav-item">
 30 |             <a class="nav-link" href="/login">Sign in</a>
 31 |           </li>
 32 |           <li class="nav-item">
 33 |             <a class="nav-link" href="/register">Sign up</a>
 34 |           </li>
 35 |         </ul>
 36 |       </div>
 37 |     </nav>
 38 | 
 39 |     <div class="article-page">
 40 |       <div class="banner">
 41 |         <div class="container">
 42 |           <h1>How to build webapps that scale</h1>
 43 |     
 44 |           <div class="article-meta">
 45 |             <a href="/profile/eric-simons"><img src="http://i.imgur.com/Qr71crq.jpg" /></a>
 46 |             <div class="info">
 47 |               <a href="/profile/eric-simons" class="author">Eric Simons</a>
 48 |               <span class="date">January 20th</span>
 49 |             </div>
 50 |             <button class="btn btn-sm btn-outline-secondary">
 51 |               <i class="ion-plus-round"></i>
 52 |               &nbsp; Follow Eric Simons <span class="counter">(10)</span>
 53 |             </button>
 54 |             &nbsp;&nbsp;
 55 |             <button class="btn btn-sm btn-outline-primary">
 56 |               <i class="ion-heart"></i>
 57 |               &nbsp; Favorite Post <span class="counter">(29)</span>
 58 |             </button>
 59 |             <button class="btn btn-sm btn-outline-secondary">
 60 |               <i class="ion-edit"></i> Edit Article
 61 |             </button>
 62 |             <button class="btn btn-sm btn-outline-danger">
 63 |               <i class="ion-trash-a"></i> Delete Article
 64 |             </button>
 65 |           </div>
 66 |         </div>
 67 |       </div>
 68 |     
 69 |       <div class="container page">
 70 |         <div class="row article-content">
 71 |           <div class="col-md-12">
 72 |             <p>
 73 |               Web development technologies have evolved at an incredible clip over the past few years.
 74 |             </p>
 75 |             <h2 id="introducing-ionic">Introducing RealWorld.</h2>
 76 |             <p>It's a great solution for learning how other frameworks work.</p>
 77 |             <ul class="tag-list">
 78 |               <li class="tag-default tag-pill tag-outline">realworld</li>
 79 |               <li class="tag-default tag-pill tag-outline">implementations</li>
 80 |             </ul>
 81 |           </div>
 82 |         </div>
 83 |     
 84 |         <hr />
 85 |     
 86 |         <div class="article-actions">
 87 |           <div class="article-meta">
 88 |             <a href="profile.html"><img src="http://i.imgur.com/Qr71crq.jpg" /></a>
 89 |             <div class="info">
 90 |               <a href="" class="author">Eric Simons</a>
 91 |               <span class="date">January 20th</span>
 92 |             </div>
 93 |     
 94 |             <button class="btn btn-sm btn-outline-secondary">
 95 |               <i class="ion-plus-round"></i>
 96 |               &nbsp; Follow Eric Simons
 97 |             </button>
 98 |             &nbsp;
 99 |             <button class="btn btn-sm btn-outline-primary">
100 |               <i class="ion-heart"></i>
101 |               &nbsp; Favorite Article <span class="counter">(29)</span>
102 |             </button>
103 |             <button class="btn btn-sm btn-outline-secondary">
104 |               <i class="ion-edit"></i> Edit Article
105 |             </button>
106 |             <button class="btn btn-sm btn-outline-danger">
107 |               <i class="ion-trash-a"></i> Delete Article
108 |             </button>
109 |           </div>
110 |         </div>
111 |     
112 |         <div class="row">
113 |           <div class="col-xs-12 col-md-8 offset-md-2">
114 |             <form class="card comment-form">
115 |               <div class="card-block">
116 |                 <textarea class="form-control" placeholder="Write a comment..." rows="3"></textarea>
117 |               </div>
118 |               <div class="card-footer">
119 |                 <img src="http://i.imgur.com/Qr71crq.jpg" class="comment-author-img" />
120 |                 <button class="btn btn-sm btn-primary">Post Comment</button>
121 |               </div>
122 |             </form>
123 |     
124 |             <div class="card">
125 |               <div class="card-block">
126 |                 <p class="card-text">
127 |                   With supporting text below as a natural lead-in to additional content.
128 |                 </p>
129 |               </div>
130 |               <div class="card-footer">
131 |                 <a href="/profile/author" class="comment-author">
132 |                   <img src="http://i.imgur.com/Qr71crq.jpg" class="comment-author-img" />
133 |                 </a>
134 |                 &nbsp;
135 |                 <a href="/profile/jacob-schmidt" class="comment-author">Jacob Schmidt</a>
136 |                 <span class="date-posted">Dec 29th</span>
137 |               </div>
138 |             </div>
139 |     
140 |             <div class="card">
141 |               <div class="card-block">
142 |                 <p class="card-text">
143 |                   With supporting text below as a natural lead-in to additional content.
144 |                 </p>
145 |               </div>
146 |               <div class="card-footer">
147 |                 <a href="/profile/author" class="comment-author">
148 |                   <img src="http://i.imgur.com/Qr71crq.jpg" class="comment-author-img" />
149 |                 </a>
150 |                 &nbsp;
151 |                 <a href="/profile/jacob-schmidt" class="comment-author">Jacob Schmidt</a>
152 |                 <span class="date-posted">Dec 29th</span>
153 |                 <span class="mod-options">
154 |                   <i class="ion-trash-a"></i>
155 |                 </span>
156 |               </div>
157 |             </div>
158 |           </div>
159 |         </div>
160 |       </div>
161 |     </div>
162 | 
163 |     <footer>
164 |       <div class="container">
165 |         <a href="/" class="logo-font">conduit</a>
166 |         <span class="attribution">
167 |           An interactive learning project from <a href="https://thinkster.io">Thinkster</a>. Code &amp;
168 |           design licensed under MIT.
169 |         </span>
170 |       </div>
171 |     </footer>
172 |   </body>
173 | </html>


--------------------------------------------------------------------------------
/templates/edit.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="ko">
 3 |   <head>
 4 |     <meta charset="UTF-8" />
 5 |     <link rel="favicon" href="/assets/favicon.ico" />
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 7 |     <link
 8 |       href="/styles/ionicons.min.css"
 9 |       rel="stylesheet"
10 |       type="text/css"
11 |     />
12 |     <link
13 |       href="//fonts.googleapis.com/css?family=Titillium+Web:700|Source+Serif+Pro:400,700|Merriweather+Sans:400,700|Source+Sans+Pro:400,300,600,700,300italic,400italic,600italic,700italic"
14 |       rel="stylesheet"
15 |       type="text/css"
16 |     />
17 |     <link rel="stylesheet" href="/styles/main.css" />
18 |     <title>Conduit</title>
19 |   </head>
20 |   <body>
21 |     <nav class="navbar navbar-light">
22 |       <div class="container">
23 |         <a class="navbar-brand" href="/">conduit</a>
24 |         <ul class="nav navbar-nav pull-xs-right">
25 |           <li class="nav-item">
26 |             <!-- Add "active" class when you're on that page" -->
27 |             <a class="nav-link active" href="/">Home</a>
28 |           </li>
29 |           <li class="nav-item">
30 |             <a class="nav-link" href="/login">Sign in</a>
31 |           </li>
32 |           <li class="nav-item">
33 |             <a class="nav-link" href="/register">Sign up</a>
34 |           </li>
35 |         </ul>
36 |       </div>
37 |     </nav>
38 | 
39 |     <div class="editor-page">
40 |       <div class="container page">
41 |         <div class="row">
42 |           <div class="col-md-10 offset-md-1 col-xs-12">
43 |             <ul class="error-messages">
44 |               <li>That title is required</li>
45 |             </ul>
46 |     
47 |             <form>
48 |               <fieldset>
49 |                 <fieldset class="form-group">
50 |                   <input type="text" class="form-control form-control-lg" placeholder="Article Title" />
51 |                 </fieldset>
52 |                 <fieldset class="form-group">
53 |                   <input type="text" class="form-control" placeholder="What's this article about?" />
54 |                 </fieldset>
55 |                 <fieldset class="form-group">
56 |                   <textarea
57 |                     class="form-control"
58 |                     rows="8"
59 |                     placeholder="Write your article (in markdown)"
60 |                   ></textarea>
61 |                 </fieldset>
62 |                 <fieldset class="form-group">
63 |                   <input type="text" class="form-control" placeholder="Enter tags" />
64 |                   <div class="tag-list">
65 |                     <span class="tag-default tag-pill"> <i class="ion-close-round"></i> tag </span>
66 |                   </div>
67 |                 </fieldset>
68 |                 <button class="btn btn-lg pull-xs-right btn-primary" type="button">
69 |                   Publish Article
70 |                 </button>
71 |               </fieldset>
72 |             </form>
73 |           </div>
74 |         </div>
75 |       </div>
76 |     </div>
77 | 
78 |     <footer>
79 |       <div class="container">
80 |         <a href="/" class="logo-font">conduit</a>
81 |         <span class="attribution">
82 |           An interactive learning project from <a href="https://thinkster.io">Thinkster</a>. Code &amp;
83 |           design licensed under MIT.
84 |         </span>
85 |       </div>
86 |     </footer>
87 |   </body>
88 | </html>


--------------------------------------------------------------------------------
/templates/index.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="ko">
  3 |   <head>
  4 |     <meta charset="UTF-8" />
  5 |     <link rel="favicon" href="/assets/favicon.ico" />
  6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7 |     <link
  8 |       href="/styles/ionicons.min.css"
  9 |       rel="stylesheet"
 10 |       type="text/css"
 11 |     />
 12 |     <link
 13 |       href="//fonts.googleapis.com/css?family=Titillium+Web:700|Source+Serif+Pro:400,700|Merriweather+Sans:400,700|Source+Sans+Pro:400,300,600,700,300italic,400italic,600italic,700italic"
 14 |       rel="stylesheet"
 15 |       type="text/css"
 16 |     />
 17 |     <link rel="stylesheet" href="/styles/main.css" />
 18 |     <title>Conduit</title>
 19 |   </head>
 20 |   <body>
 21 |     <nav class="navbar navbar-light">
 22 |       <div class="container">
 23 |         <a class="navbar-brand" href="/">conduit</a>
 24 |         <ul class="nav navbar-nav pull-xs-right">
 25 |           <li class="nav-item">
 26 |             <!-- Add "active" class when you're on that page" -->
 27 |             <a class="nav-link active" href="/">Home</a>
 28 |           </li>
 29 |           <li class="nav-item">
 30 |             <a class="nav-link" href="/login">Sign in</a>
 31 |           </li>
 32 |           <li class="nav-item">
 33 |             <a class="nav-link" href="/register">Sign up</a>
 34 |           </li>
 35 |         </ul>
 36 |       </div>
 37 |     </nav>
 38 | 
 39 |     <div class="home-page">
 40 |       <div class="banner">
 41 |         <div class="container">
 42 |           <h1 class="logo-font">conduit</h1>
 43 |           <p>A place to share your knowledge.</p>
 44 |         </div>
 45 |       </div>
 46 |     
 47 |       <div class="container page">
 48 |         <div class="row">
 49 |           <div class="col-md-9">
 50 |             <div class="feed-toggle">
 51 |               <ul class="nav nav-pills outline-active">
 52 |                 <li class="nav-item">
 53 |                   <a class="nav-link" href="">Your Feed</a>
 54 |                 </li>
 55 |                 <li class="nav-item">
 56 |                   <a class="nav-link active" href="">Global Feed</a>
 57 |                 </li>
 58 |               </ul>
 59 |             </div>
 60 |     
 61 |             <div class="article-preview">
 62 |               <div class="article-meta">
 63 |                 <a href="/profile/eric-simons"><img src="http://i.imgur.com/Qr71crq.jpg" /></a>
 64 |                 <div class="info">
 65 |                   <a href="/profile/eric-simons" class="author">Eric Simons</a>
 66 |                   <span class="date">January 20th</span>
 67 |                 </div>
 68 |                 <button class="btn btn-outline-primary btn-sm pull-xs-right">
 69 |                   <i class="ion-heart"></i> 29
 70 |                 </button>
 71 |               </div>
 72 |               <a href="/article/how-to-build-webapps-that-scale" class="preview-link">
 73 |                 <h1>How to build webapps that scale</h1>
 74 |                 <p>This is the description for the post.</p>
 75 |                 <span>Read more...</span>
 76 |                 <ul class="tag-list">
 77 |                   <li class="tag-default tag-pill tag-outline">realworld</li>
 78 |                   <li class="tag-default tag-pill tag-outline">implementations</li>
 79 |                 </ul>
 80 |               </a>
 81 |             </div>
 82 |     
 83 |             <div class="article-preview">
 84 |               <div class="article-meta">
 85 |                 <a href="/profile/albert-pai"><img src="http://i.imgur.com/N4VcUeJ.jpg" /></a>
 86 |                 <div class="info">
 87 |                   <a href="/profile/albert-pai" class="author">Albert Pai</a>
 88 |                   <span class="date">January 20th</span>
 89 |                 </div>
 90 |                 <button class="btn btn-outline-primary btn-sm pull-xs-right">
 91 |                   <i class="ion-heart"></i> 32
 92 |                 </button>
 93 |               </div>
 94 |               <a href="/article/the-song-you" class="preview-link">
 95 |                 <h1>The song you won't ever stop singing. No matter how hard you try.</h1>
 96 |                 <p>This is the description for the post.</p>
 97 |                 <span>Read more...</span>
 98 |                 <ul class="tag-list">
 99 |                   <li class="tag-default tag-pill tag-outline">realworld</li>
100 |                   <li class="tag-default tag-pill tag-outline">implementations</li>
101 |                 </ul>
102 |               </a>
103 |             </div>
104 |     
105 |             <ul class="pagination">
106 |               <li class="page-item active">
107 |                 <a class="page-link" href="">1</a>
108 |               </li>
109 |               <li class="page-item">
110 |                 <a class="page-link" href="">2</a>
111 |               </li>
112 |             </ul>
113 |           </div>
114 |     
115 |           <div class="col-md-3">
116 |             <div class="sidebar">
117 |               <p>Popular Tags</p>
118 |     
119 |               <div class="tag-list">
120 |                 <a href="" class="tag-pill tag-default">programming</a>
121 |                 <a href="" class="tag-pill tag-default">javascript</a>
122 |                 <a href="" class="tag-pill tag-default">emberjs</a>
123 |                 <a href="" class="tag-pill tag-default">angularjs</a>
124 |                 <a href="" class="tag-pill tag-default">react</a>
125 |                 <a href="" class="tag-pill tag-default">mean</a>
126 |                 <a href="" class="tag-pill tag-default">node</a>
127 |                 <a href="" class="tag-pill tag-default">rails</a>
128 |               </div>
129 |             </div>
130 |           </div>
131 |         </div>
132 |       </div>
133 |     </div>
134 | 
135 |     <footer>
136 |       <div class="container">
137 |         <a href="/" class="logo-font">conduit</a>
138 |         <span class="attribution">
139 |           An interactive learning project from <a href="https://thinkster.io">Thinkster</a>. Code &amp;
140 |           design licensed under MIT.
141 |         </span>
142 |       </div>
143 |     </footer>
144 |   </body>
145 | </html>


--------------------------------------------------------------------------------
/templates/login.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="ko">
 3 |   <head>
 4 |     <meta charset="UTF-8" />
 5 |     <link rel="favicon" href="/assets/favicon.ico" />
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 7 |     <link
 8 |       href="/styles/ionicons.min.css"
 9 |       rel="stylesheet"
10 |       type="text/css"
11 |     />
12 |     <link
13 |       href="//fonts.googleapis.com/css?family=Titillium+Web:700|Source+Serif+Pro:400,700|Merriweather+Sans:400,700|Source+Sans+Pro:400,300,600,700,300italic,400italic,600italic,700italic"
14 |       rel="stylesheet"
15 |       type="text/css"
16 |     />
17 |     <link rel="stylesheet" href="/styles/main.css" />
18 |     <title>Conduit</title>
19 |   </head>
20 |   <body>
21 |     <nav class="navbar navbar-light">
22 |       <div class="container">
23 |         <a class="navbar-brand" href="/">conduit</a>
24 |         <ul class="nav navbar-nav pull-xs-right">
25 |           <li class="nav-item">
26 |             <!-- Add "active" class when you're on that page" -->
27 |             <a class="nav-link active" href="/">Home</a>
28 |           </li>
29 |           <li class="nav-item">
30 |             <a class="nav-link" href="/login">Sign in</a>
31 |           </li>
32 |           <li class="nav-item">
33 |             <a class="nav-link" href="/register">Sign up</a>
34 |           </li>
35 |         </ul>
36 |       </div>
37 |     </nav>
38 | 
39 |     <div class="auth-page">
40 |       <div class="container page">
41 |         <div class="row">
42 |           <div class="col-md-6 offset-md-3 col-xs-12">
43 |             <h1 class="text-xs-center">Sign in</h1>
44 |             <p class="text-xs-center">
45 |               <a href="/register">Need an account?</a>
46 |             </p>
47 |     
48 |             <ul class="error-messages">
49 |               <li>That email is already taken</li>
50 |             </ul>
51 |     
52 |             <form>
53 |               <fieldset class="form-group">
54 |                 <input class="form-control form-control-lg" type="text" placeholder="Email" />
55 |               </fieldset>
56 |               <fieldset class="form-group">
57 |                 <input class="form-control form-control-lg" type="password" placeholder="Password" />
58 |               </fieldset>
59 |               <button class="btn btn-lg btn-primary pull-xs-right">Sign in</button>
60 |             </form>
61 |           </div>
62 |         </div>
63 |       </div>
64 |     </div>
65 | 
66 |     <footer>
67 |       <div class="container">
68 |         <a href="/" class="logo-font">conduit</a>
69 |         <span class="attribution">
70 |           An interactive learning project from <a href="https://thinkster.io">Thinkster</a>. Code &amp;
71 |           design licensed under MIT.
72 |         </span>
73 |       </div>
74 |     </footer>
75 |   </body>
76 | </html>


--------------------------------------------------------------------------------
/templates/profile.html:
--------------------------------------------------------------------------------
  1 | <!DOCTYPE html>
  2 | <html lang="ko">
  3 |   <head>
  4 |     <meta charset="UTF-8" />
  5 |     <link rel="favicon" href="/assets/favicon.ico" />
  6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  7 |     <link
  8 |       href="/styles/ionicons.min.css"
  9 |       rel="stylesheet"
 10 |       type="text/css"
 11 |     />
 12 |     <link
 13 |       href="//fonts.googleapis.com/css?family=Titillium+Web:700|Source+Serif+Pro:400,700|Merriweather+Sans:400,700|Source+Sans+Pro:400,300,600,700,300italic,400italic,600italic,700italic"
 14 |       rel="stylesheet"
 15 |       type="text/css"
 16 |     />
 17 |     <link rel="stylesheet" href="/styles/main.css" />
 18 |     <title>Conduit</title>
 19 |   </head>
 20 |   <body>
 21 |     <nav class="navbar navbar-light">
 22 |       <div class="container">
 23 |         <a class="navbar-brand" href="/">conduit</a>
 24 |         <ul class="nav navbar-nav pull-xs-right">
 25 |           <li class="nav-item">
 26 |             <!-- Add "active" class when you're on that page" -->
 27 |             <a class="nav-link active" href="/">Home</a>
 28 |           </li>
 29 |           <li class="nav-item">
 30 |             <a class="nav-link" href="/login">Sign in</a>
 31 |           </li>
 32 |           <li class="nav-item">
 33 |             <a class="nav-link" href="/register">Sign up</a>
 34 |           </li>
 35 |         </ul>
 36 |       </div>
 37 |     </nav>
 38 | 
 39 |     <div class="profile-page">
 40 |       <div class="user-info">
 41 |         <div class="container">
 42 |           <div class="row">
 43 |             <div class="col-xs-12 col-md-10 offset-md-1">
 44 |               <img src="http://i.imgur.com/Qr71crq.jpg" class="user-img" />
 45 |               <h4>Eric Simons</h4>
 46 |               <p>
 47 |                 Cofounder @GoThinkster, lived in Aol's HQ for a few months, kinda looks like Peeta from
 48 |                 the Hunger Games
 49 |               </p>
 50 |               <button class="btn btn-sm btn-outline-secondary action-btn">
 51 |                 <i class="ion-plus-round"></i>
 52 |                 &nbsp; Follow Eric Simons
 53 |               </button>
 54 |               <button class="btn btn-sm btn-outline-secondary action-btn">
 55 |                 <i class="ion-gear-a"></i>
 56 |                 &nbsp; Edit Profile Settings
 57 |               </button>
 58 |             </div>
 59 |           </div>
 60 |         </div>
 61 |       </div>
 62 |     
 63 |       <div class="container">
 64 |         <div class="row">
 65 |           <div class="col-xs-12 col-md-10 offset-md-1">
 66 |             <div class="articles-toggle">
 67 |               <ul class="nav nav-pills outline-active">
 68 |                 <li class="nav-item">
 69 |                   <a class="nav-link active" href="">My Articles</a>
 70 |                 </li>
 71 |                 <li class="nav-item">
 72 |                   <a class="nav-link" href="">Favorited Articles</a>
 73 |                 </li>
 74 |               </ul>
 75 |             </div>
 76 |     
 77 |             <div class="article-preview">
 78 |               <div class="article-meta">
 79 |                 <a href="/profile/eric-simons"><img src="http://i.imgur.com/Qr71crq.jpg" /></a>
 80 |                 <div class="info">
 81 |                   <a href="/profile/eric-simons" class="author">Eric Simons</a>
 82 |                   <span class="date">January 20th</span>
 83 |                 </div>
 84 |                 <button class="btn btn-outline-primary btn-sm pull-xs-right">
 85 |                   <i class="ion-heart"></i> 29
 86 |                 </button>
 87 |               </div>
 88 |               <a href="/article/how-to-buil-webapps-that-scale" class="preview-link">
 89 |                 <h1>How to build webapps that scale</h1>
 90 |                 <p>This is the description for the post.</p>
 91 |                 <span>Read more...</span>
 92 |                 <ul class="tag-list">
 93 |                   <li class="tag-default tag-pill tag-outline">realworld</li>
 94 |                   <li class="tag-default tag-pill tag-outline">implementations</li>
 95 |                 </ul>
 96 |               </a>
 97 |             </div>
 98 |     
 99 |             <div class="article-preview">
100 |               <div class="article-meta">
101 |                 <a href="/profile/albert-pai"><img src="http://i.imgur.com/N4VcUeJ.jpg" /></a>
102 |                 <div class="info">
103 |                   <a href="/profile/albert-pai" class="author">Albert Pai</a>
104 |                   <span class="date">January 20th</span>
105 |                 </div>
106 |                 <button class="btn btn-outline-primary btn-sm pull-xs-right">
107 |                   <i class="ion-heart"></i> 32
108 |                 </button>
109 |               </div>
110 |               <a href="/article/the-song-you" class="preview-link">
111 |                 <h1>The song you won't ever stop singing. No matter how hard you try.</h1>
112 |                 <p>This is the description for the post.</p>
113 |                 <span>Read more...</span>
114 |                 <ul class="tag-list">
115 |                   <li class="tag-default tag-pill tag-outline">Music</li>
116 |                   <li class="tag-default tag-pill tag-outline">Song</li>
117 |                 </ul>
118 |               </a>
119 |             </div>
120 |     
121 |             <ul class="pagination">
122 |               <li class="page-item active">
123 |                 <a class="page-link" href="">1</a>
124 |               </li>
125 |               <li class="page-item">
126 |                 <a class="page-link" href="">2</a>
127 |               </li>
128 |             </ul>
129 |           </div>
130 |         </div>
131 |       </div>
132 |     </div>
133 | 
134 |     <footer>
135 |       <div class="container">
136 |         <a href="/" class="logo-font">conduit</a>
137 |         <span class="attribution">
138 |           An interactive learning project from <a href="https://thinkster.io">Thinkster</a>. Code &amp;
139 |           design licensed under MIT.
140 |         </span>
141 |       </div>
142 |     </footer>
143 |   </body>
144 | </html>


--------------------------------------------------------------------------------
/templates/register.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="ko">
 3 |   <head>
 4 |     <meta charset="UTF-8" />
 5 |     <link rel="favicon" href="/assets/favicon.ico" />
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 7 |     <link
 8 |       href="/styles/ionicons.min.css"
 9 |       rel="stylesheet"
10 |       type="text/css"
11 |     />
12 |     <link
13 |       href="//fonts.googleapis.com/css?family=Titillium+Web:700|Source+Serif+Pro:400,700|Merriweather+Sans:400,700|Source+Sans+Pro:400,300,600,700,300italic,400italic,600italic,700italic"
14 |       rel="stylesheet"
15 |       type="text/css"
16 |     />
17 |     <link rel="stylesheet" href="/styles/main.css" />
18 |     <title>Conduit</title>
19 |   </head>
20 |   <body>
21 |     <nav class="navbar navbar-light">
22 |       <div class="container">
23 |         <a class="navbar-brand" href="/">conduit</a>
24 |         <ul class="nav navbar-nav pull-xs-right">
25 |           <li class="nav-item">
26 |             <!-- Add "active" class when you're on that page" -->
27 |             <a class="nav-link active" href="/">Home</a>
28 |           </li>
29 |           <li class="nav-item">
30 |             <a class="nav-link" href="/login">Sign in</a>
31 |           </li>
32 |           <li class="nav-item">
33 |             <a class="nav-link" href="/register">Sign up</a>
34 |           </li>
35 |         </ul>
36 |       </div>
37 |     </nav>
38 | 
39 |     <div class="auth-page">
40 |       <div class="container page">
41 |         <div class="row">
42 |           <div class="col-md-6 offset-md-3 col-xs-12">
43 |             <h1 class="text-xs-center">Sign up</h1>
44 |             <p class="text-xs-center">
45 |               <a href="/login">Have an account?</a>
46 |             </p>
47 |     
48 |             <ul class="error-messages">
49 |               <li>That email is already taken</li>
50 |             </ul>
51 |     
52 |             <form>
53 |               <fieldset class="form-group">
54 |                 <input class="form-control form-control-lg" type="text" placeholder="Username" />
55 |               </fieldset>
56 |               <fieldset class="form-group">
57 |                 <input class="form-control form-control-lg" type="text" placeholder="Email" />
58 |               </fieldset>
59 |               <fieldset class="form-group">
60 |                 <input class="form-control form-control-lg" type="password" placeholder="Password" />
61 |               </fieldset>
62 |               <button class="btn btn-lg btn-primary pull-xs-right">Sign up</button>
63 |             </form>
64 |           </div>
65 |         </div>
66 |       </div>
67 |     </div>
68 | 
69 |     <footer>
70 |       <div class="container">
71 |         <a href="/" class="logo-font">conduit</a>
72 |         <span class="attribution">
73 |           An interactive learning project from <a href="https://thinkster.io">Thinkster</a>. Code &amp;
74 |           design licensed under MIT.
75 |         </span>
76 |       </div>
77 |     </footer>
78 |   </body>
79 | </html>


--------------------------------------------------------------------------------
/templates/settings.html:
--------------------------------------------------------------------------------
 1 | <!DOCTYPE html>
 2 | <html lang="ko">
 3 |   <head>
 4 |     <meta charset="UTF-8" />
 5 |     <link rel="favicon" href="/assets/favicon.ico" />
 6 |     <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 7 |     <link
 8 |       href="/styles/ionicons.min.css"
 9 |       rel="stylesheet"
10 |       type="text/css"
11 |     />
12 |     <link
13 |       href="//fonts.googleapis.com/css?family=Titillium+Web:700|Source+Serif+Pro:400,700|Merriweather+Sans:400,700|Source+Sans+Pro:400,300,600,700,300italic,400italic,600italic,700italic"
14 |       rel="stylesheet"
15 |       type="text/css"
16 |     />
17 |     <link rel="stylesheet" href="/styles/main.css" />
18 |     <title>Conduit</title>
19 |   </head>
20 |   <body>
21 |     <nav class="navbar navbar-light">
22 |       <div class="container">
23 |         <a class="navbar-brand" href="/">conduit</a>
24 |         <ul class="nav navbar-nav pull-xs-right">
25 |           <li class="nav-item">
26 |             <!-- Add "active" class when you're on that page" -->
27 |             <a class="nav-link active" href="/">Home</a>
28 |           </li>
29 |           <li class="nav-item">
30 |             <a class="nav-link" href="/login">Sign in</a>
31 |           </li>
32 |           <li class="nav-item">
33 |             <a class="nav-link" href="/register">Sign up</a>
34 |           </li>
35 |         </ul>
36 |       </div>
37 |     </nav>
38 |     
39 |     <div class="settings-page">
40 |       <div class="container page">
41 |         <div class="row">
42 |           <div class="col-md-6 offset-md-3 col-xs-12">
43 |             <h1 class="text-xs-center">Your Settings</h1>
44 |     
45 |             <ul class="error-messages">
46 |               <li>That name is required</li>
47 |             </ul>
48 |     
49 |             <form>
50 |               <fieldset>
51 |                 <fieldset class="form-group">
52 |                   <input class="form-control" type="text" placeholder="URL of profile picture" />
53 |                 </fieldset>
54 |                 <fieldset class="form-group">
55 |                   <input class="form-control form-control-lg" type="text" placeholder="Your Name" />
56 |                 </fieldset>
57 |                 <fieldset class="form-group">
58 |                   <textarea
59 |                     class="form-control form-control-lg"
60 |                     rows="8"
61 |                     placeholder="Short bio about you"
62 |                   ></textarea>
63 |                 </fieldset>
64 |                 <fieldset class="form-group">
65 |                   <input class="form-control form-control-lg" type="text" placeholder="Email" />
66 |                 </fieldset>
67 |                 <fieldset class="form-group">
68 |                   <input
69 |                     class="form-control form-control-lg"
70 |                     type="password"
71 |                     placeholder="New Password"
72 |                   />
73 |                 </fieldset>
74 |                 <button class="btn btn-lg btn-primary pull-xs-right">Update Settings</button>
75 |               </fieldset>
76 |             </form>
77 |             <hr />
78 |             <button class="btn btn-outline-danger">Or click here to logout.</button>
79 |           </div>
80 |         </div>
81 |       </div>
82 |     </div>
83 | 
84 |     <footer>
85 |       <div class="container">
86 |         <a href="/" class="logo-font">conduit</a>
87 |         <span class="attribution">
88 |           An interactive learning project from <a href="https://thinkster.io">Thinkster</a>. Code &amp;
89 |           design licensed under MIT.
90 |         </span>
91 |       </div>
92 |     </footer>
93 |   </body>
94 | </html>


--------------------------------------------------------------------------------