diff --git a/README.md b/README.md index 18c048fbc..5fd74051c 100644 --- a/README.md +++ b/README.md @@ -18,7 +18,7 @@ - LICENSE - docs/ 1. Change the configuration options in `_config.yml` depending on your needs. -1. Modify `pages/projects.html`'s [front matter][front-matter] to add projects. +1. Add `project-name.md` to `_projects` directory to add a new project. 1. Add `YYYY-MM-DD-article-name.md` to `_posts` directory to add a new article. 1. Modify `pages/about.html`'s [front matter][front-matter] to add skills or items to the timeline, modify the markdown body to write your bio. 1. Set up portfolYOU [locally] or publish it to [GitHub Pages][gh-pages]. @@ -37,7 +37,7 @@ portfolYOU's sections are **independent**, you can remove any section upon your | pages/projects.html | pages/articles.html | pages/about.md | | _sass/projects.scss ¹ | _sass/_articles.scss ¹ | _sass/_skills.scss ¹ | | assets/js/card_animation.js ² | _layouts/post.html | _sass/_timeline.scss ¹ | -| | _posts ³ | _layouts/about.html | +| _projects ³ | _posts ⁴ | _layouts/about.html | | | | _includes/skills-others.html | | | | _includes/skills-programming.html | | | | _includes/timeline.html | @@ -46,7 +46,8 @@ portfolYOU's sections are **independent**, you can remove any section upon your If you are deleting any section, please consider the following:
¹ remove reference from assets/css/custom.scss
² remove reference from _includes/scripts.html
- ³ remove permalink from _config.yml + ³ remove collections and defaults from _config.yml + ⁴ remove permalink from _config.yml ## Dependencies diff --git a/_config.yml b/_config.yml index 7bcffde80..527c4b30e 100644 --- a/_config.yml +++ b/_config.yml @@ -17,4 +17,18 @@ author: github: portfolYOU twitter: portfolYOU linkedin: portfolYOU - facebook: portfolYOU \ No newline at end of file + facebook: portfolYOU + +# Collections +collections: + projects: + output: true + permalink: /projects/:name + +# Default values for collections +defaults: + - scope: + path: "" + type: "projects" + values: + layout: "page" diff --git a/_posts/2018-02-06-download.md b/_posts/2018-02-06-download.md index 9da228c93..6c2c4b70f 100644 --- a/_posts/2018-02-06-download.md +++ b/_posts/2018-02-06-download.md @@ -24,7 +24,7 @@ Created by [@YoussefRaafatNasry](https://github.com/YoussefRaafatNasry) - LICENSE - docs/ 1. Change the configuration options in `_config.yml` depending on your needs. -1. Modify `pages/projects.html`'s [front matter][front-matter] to add projects. +1. Add `project-name.md` to `_projects` directory to add a new project. 1. Add `YYYY-MM-DD-article-name.md` to `_posts` directory to add a new article. 1. Modify `pages/about.html`'s [front matter][front-matter] to add skills or items to the timeline, modify the markdown body to write your bio. 1. Set up portfolYOU [locally] or publish it to [GitHub Pages][gh-pages]. @@ -44,7 +44,7 @@ portfolYOU's sections are **independent**, you can remove any section upon your | pages/projects.html | pages/articles.html | pages/about.md | | _sass/projects.scss ¹ | _sass/_articles.scss ¹ | _sass/_skills.scss ¹ | | assets/js/card_animation.js ² | _layouts/post.html | _sass/_timeline.scss ¹ | -| | _posts ³ | _layouts/about.html | +| _projects ³ | _posts ⁴ | _layouts/about.html | | | | _includes/skills-others.html | | | | _includes/skills-programming.html | | | | _includes/timeline.html | @@ -53,7 +53,8 @@ portfolYOU's sections are **independent**, you can remove any section upon your If you are deleting any section, please consider the following:
¹ remove reference from assets/css/custom.scss
² remove reference from _includes/scripts.html
- ³ remove permalink from _config.yml + ³ remove collections and defaults from _config.yml + ⁴ remove permalink from _config.yml ## Dependencies diff --git a/_projects/project-a.md b/_projects/project-a.md new file mode 100644 index 000000000..c3fade98a --- /dev/null +++ b/_projects/project-a.md @@ -0,0 +1,21 @@ +--- +name: Project A +tools: [C#, XML, WPF] +direct_link: +image: https://thenextscoop.com/wp-content/uploads/2019/01/web-design-2019.jpg +description: This project has an individual showcase page, not just a direct link to the project site or repo. Now you have more space to describe your awesome project! +--- + +# Project A + +Projects A is an awesome project! Just remove the direct link from the project's front matter and you will have an individual page like this for your project. + +![](https://techcrunch.com/wp-content/uploads/2018/05/screen-shot-2018-05-01-at-11-30-23-am.png?w=1390&crop=1) + +Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. + +![](https://techcrunch.com/wp-content/uploads/2018/05/screenshot-materialio.png) + +
+Learn More +
\ No newline at end of file diff --git a/_projects/project-b.md b/_projects/project-b.md new file mode 100644 index 000000000..a4a2b09d2 --- /dev/null +++ b/_projects/project-b.md @@ -0,0 +1,7 @@ +--- +name: Project B +tools: [HTML5, CSS3] +direct_link: https://www.google.com +image: https://www.infotyke.com/wp-content/uploads/2018/02/web-development-service-infotyke.png +description: Have nothing to say about the project? just use a direct link to the project site or repo. +--- \ No newline at end of file diff --git a/_projects/project-c.md b/_projects/project-c.md new file mode 100644 index 000000000..8769639a5 --- /dev/null +++ b/_projects/project-c.md @@ -0,0 +1,7 @@ +--- +name: Project C +tools: [Android] +direct_link: https://www.google.com +image: https://www.sketchappsources.com/resources/source-image/coo-app-concept-subgaurav.jpg +description: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. +--- \ No newline at end of file diff --git a/_projects/project-x.md b/_projects/project-x.md new file mode 100644 index 000000000..041a094cb --- /dev/null +++ b/_projects/project-x.md @@ -0,0 +1,9 @@ +--- +name: Project X +tools: [Arduino Uno, Electronics] +direct_link: https://www.google.com +image: https://cmkt-image-prd.global.ssl.fastly.net/0.1.0/ps/1143356/1160/772/m1/fpnw/wm0/creativemarket_image_front-.png?1459611806&s=04d4f811ceed88ca4716fd2551e93a36 +description: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. +--- + +# My awesome Project \ No newline at end of file diff --git a/_projects/project-y.md b/_projects/project-y.md new file mode 100644 index 000000000..ec19b9198 --- /dev/null +++ b/_projects/project-y.md @@ -0,0 +1,7 @@ +--- +name: Project Y +tools: [Java] +direct_link: https://www.google.com +image: https://www.sketchappsources.com/resources/source-image/project-neon-groove-music-ui.png +description: Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. +--- \ No newline at end of file diff --git a/_projects/project-z.md b/_projects/project-z.md new file mode 100644 index 000000000..e76cf2836 --- /dev/null +++ b/_projects/project-z.md @@ -0,0 +1,7 @@ +--- +name: Project Z +tools: [JavaScript] +direct_link: https://www.google.com +image: +description: This project has no image, but it is still a beautiful project inside out! +--- \ No newline at end of file diff --git a/pages/projects.html b/pages/projects.html index e8f98bedf..02d3c07a5 100644 --- a/pages/projects.html +++ b/pages/projects.html @@ -2,57 +2,21 @@ layout: default title: projects permalink: /projects/ - -projects: - - - name: Project A - tools: [C#, XML, WPF] - link: https://www.google.com - image: https://thenextscoop.com/wp-content/uploads/2019/01/web-design-2019.jpg - description: Lorem ipsum dolor sit amet, consectetur adipiscing elit, - sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. - - - name: Project B - tools: [HTML5, CSS3] - link: https://www.google.com - image: https://www.infotyke.com/wp-content/uploads/2018/02/web-development-service-infotyke.png - description: Lorem ipsum dolor sit amet, consectetur adipiscing elit, - sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. - - - name: Project C - tools: [Android] - link: https://www.google.com - image: https://www.sketchappsources.com/resources/source-image/coo-app-concept-subgaurav.jpg - description: Lorem ipsum dolor sit amet, consectetur adipiscing elit, - sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. - - - name: Project X - tools: [Arduino Uno, Electronics] - link: https://www.google.com - image: https://cmkt-image-prd.global.ssl.fastly.net/0.1.0/ps/1143356/1160/772/m1/fpnw/wm0/creativemarket_image_front-.png?1459611806&s=04d4f811ceed88ca4716fd2551e93a36 - description: Lorem ipsum dolor sit amet, consectetur adipiscing elit, - sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. - - - name: Project Y - tools: [Java] - link: https://www.google.com - image: https://www.sketchappsources.com/resources/source-image/project-neon-groove-music-ui.png - description: Lorem ipsum dolor sit amet, consectetur adipiscing elit, - sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. - - - name: Project Z - tools: [JavaScript] - link: https://www.google.com - image: - description: Lorem ipsum dolor sit amet, consectetur adipiscing elit, - sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. ---
- {% for project in page.projects %} + {% for project in site.projects %} + + + {% if project.direct_link %} + {% assign project_link = project.direct_link %} + {% else %} + {% assign project_link = project.url | relative_url %} + {% endif %} +
- + {% if project.image %} Card image cap {% endif %} @@ -67,6 +31,7 @@
{{ project.name }}
+ {% endfor %}