diff --git a/docs/userGuide/templates.md b/docs/userGuide/templates.md index 07e4817510..3e5cfd4dbd 100644 --- a/docs/userGuide/templates.md +++ b/docs/userGuide/templates.md @@ -32,6 +32,7 @@ Name | Template key | Description | Quick Deploy Default | `default` | Default template if `--template` is unspecified. Includes core features such as site and page navigation for a more convenient quick start. | Minimal | `minimal` | Minimalistic template that gets you started quickly. | Project | `project` | Project documentation template serves as a good starting point for project developers. This template includes both a user guide and a developer guide, with some formatted dummy content. | +Portfolio | `portfolio` | Portfolio template to quickly build your portfolio. | Quick deploy link to come! {% from "njk/common.njk" import previous_next %} {{ previous_next('addingNavigationButtons', '') }} \ No newline at end of file diff --git a/packages/cli/test/functional/test_site_templates/test_portfolio/expected/.gitignore b/packages/cli/test/functional/test_site_templates/test_portfolio/expected/.gitignore new file mode 100644 index 0000000000..abf44778d8 --- /dev/null +++ b/packages/cli/test/functional/test_site_templates/test_portfolio/expected/.gitignore @@ -0,0 +1,23 @@ +# Logs +logs +*.log +npm-debug.log* +yarn-debug.log* +yarn-error.log* +lerna-debug.log* +_markbind/logs/ + +# Dependency directories +node_modules/ + +# Production +_site/ + +# Env +.env +.env.local + +# IDE configs +.vscode/ +.idea/* +*.iml \ No newline at end of file diff --git a/packages/cli/test/functional/test_site_templates/test_portfolio/expected/404.md b/packages/cli/test/functional/test_site_templates/test_portfolio/expected/404.md new file mode 100644 index 0000000000..019786884d --- /dev/null +++ b/packages/cli/test/functional/test_site_templates/test_portfolio/expected/404.md @@ -0,0 +1,7 @@ + + title: Page not found + layout: 404.md + + +->

404

<- +->

File not found
Click here to go back to the home page.

<- \ No newline at end of file diff --git a/packages/cli/test/functional/test_site_templates/test_portfolio/expected/_markbind/layouts/404.md b/packages/cli/test/functional/test_site_templates/test_portfolio/expected/_markbind/layouts/404.md new file mode 100644 index 0000000000..f5e54988e8 --- /dev/null +++ b/packages/cli/test/functional/test_site_templates/test_portfolio/expected/_markbind/layouts/404.md @@ -0,0 +1 @@ +
{{ content }}
\ No newline at end of file diff --git a/packages/cli/test/functional/test_site_templates/test_portfolio/expected/_markbind/layouts/default.md b/packages/cli/test/functional/test_site_templates/test_portfolio/expected/_markbind/layouts/default.md new file mode 100644 index 0000000000..ab8f71040b --- /dev/null +++ b/packages/cli/test/functional/test_site_templates/test_portfolio/expected/_markbind/layouts/default.md @@ -0,0 +1,35 @@ + + + + +
+ + Your Name +
  • Skills
    • +
  • Experience
    • + +
  • Project 1
    • +
  • Project 2
    • +
  • Other projects
    • +     +
  • +
    + +
    +
    • +     +
    + +
    +
    + {{ content }} +
    + +
    + + diff --git a/packages/cli/test/functional/test_site_templates/test_portfolio/expected/_markbind/variables.md b/packages/cli/test/functional/test_site_templates/test_portfolio/expected/_markbind/variables.md new file mode 100644 index 0000000000..0f0546308e --- /dev/null +++ b/packages/cli/test/functional/test_site_templates/test_portfolio/expected/_markbind/variables.md @@ -0,0 +1,5 @@ +[NAME] + + + + diff --git a/packages/cli/test/functional/test_site_templates/test_portfolio/expected/contents/assets/JavaScript.svg b/packages/cli/test/functional/test_site_templates/test_portfolio/expected/contents/assets/JavaScript.svg new file mode 100644 index 0000000000..9650ca78ef --- /dev/null +++ b/packages/cli/test/functional/test_site_templates/test_portfolio/expected/contents/assets/JavaScript.svg @@ -0,0 +1,4 @@ + + + + \ No newline at end of file diff --git a/packages/cli/test/functional/test_site_templates/test_portfolio/expected/contents/assets/Placeholder_view_vector.svg b/packages/cli/test/functional/test_site_templates/test_portfolio/expected/contents/assets/Placeholder_view_vector.svg new file mode 100644 index 0000000000..d2e692d616 --- /dev/null +++ b/packages/cli/test/functional/test_site_templates/test_portfolio/expected/contents/assets/Placeholder_view_vector.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/cli/test/functional/test_site_templates/test_portfolio/expected/contents/assets/Typescript.svg b/packages/cli/test/functional/test_site_templates/test_portfolio/expected/contents/assets/Typescript.svg new file mode 100644 index 0000000000..520f042104 --- /dev/null +++ b/packages/cli/test/functional/test_site_templates/test_portfolio/expected/contents/assets/Typescript.svg @@ -0,0 +1,4 @@ + + + + diff --git a/packages/cli/test/functional/test_site_templates/test_portfolio/expected/contents/assets/UG-template-resume.pdf b/packages/cli/test/functional/test_site_templates/test_portfolio/expected/contents/assets/UG-template-resume.pdf new file mode 100644 index 0000000000..c1d14020c8 Binary files /dev/null and b/packages/cli/test/functional/test_site_templates/test_portfolio/expected/contents/assets/UG-template-resume.pdf differ diff --git a/packages/cli/test/functional/test_site_templates/test_portfolio/expected/contents/assets/Vue.svg b/packages/cli/test/functional/test_site_templates/test_portfolio/expected/contents/assets/Vue.svg new file mode 100644 index 0000000000..a1d285eb2a --- /dev/null +++ b/packages/cli/test/functional/test_site_templates/test_portfolio/expected/contents/assets/Vue.svg @@ -0,0 +1,2 @@ + + diff --git a/packages/cli/test/functional/test_site_templates/test_portfolio/expected/contents/assets/default_profile_pic.png b/packages/cli/test/functional/test_site_templates/test_portfolio/expected/contents/assets/default_profile_pic.png new file mode 100644 index 0000000000..ab649fc581 Binary files /dev/null and b/packages/cli/test/functional/test_site_templates/test_portfolio/expected/contents/assets/default_profile_pic.png differ diff --git a/packages/cli/test/functional/test_site_templates/test_portfolio/expected/contents/assets/java-icon.svg b/packages/cli/test/functional/test_site_templates/test_portfolio/expected/contents/assets/java-icon.svg new file mode 100644 index 0000000000..fc6665f268 --- /dev/null +++ b/packages/cli/test/functional/test_site_templates/test_portfolio/expected/contents/assets/java-icon.svg @@ -0,0 +1 @@ + \ No newline at end of file diff --git a/packages/cli/test/functional/test_site_templates/test_portfolio/expected/contents/assets/ug_template.docx b/packages/cli/test/functional/test_site_templates/test_portfolio/expected/contents/assets/ug_template.docx new file mode 100644 index 0000000000..01594b41ee Binary files /dev/null and b/packages/cli/test/functional/test_site_templates/test_portfolio/expected/contents/assets/ug_template.docx differ diff --git a/packages/cli/test/functional/test_site_templates/test_portfolio/expected/contents/experience.md b/packages/cli/test/functional/test_site_templates/test_portfolio/expected/contents/experience.md new file mode 100644 index 0000000000..b9409b49b0 --- /dev/null +++ b/packages/cli/test/functional/test_site_templates/test_portfolio/expected/contents/experience.md @@ -0,0 +1,24 @@ +# Experience + + +
    +
    +

    Software Engineering Intern @ [NUS](https://nus.edu.sg/)

    +
    May 2024 - Aug 2024
    +

    Some description of your role in the company and the technologies you've used.

    + {{ vue }} +
    +
    +

    Another role @ [Another company](https://markbind.org/)

    +
    May 2022 - Aug 2022
    +

    Some description of your role in the company and the technologies you've used.

    + {{ javascript }} +
    +
    \ No newline at end of file diff --git a/packages/cli/test/functional/test_site_templates/test_portfolio/expected/contents/project1.md b/packages/cli/test/functional/test_site_templates/test_portfolio/expected/contents/project1.md new file mode 100644 index 0000000000..cd04ce18b1 --- /dev/null +++ b/packages/cli/test/functional/test_site_templates/test_portfolio/expected/contents/project1.md @@ -0,0 +1,17 @@ +
    +

    Example project: iP for CS2103

    +
    + This would be a good place to add images and embeds showcasing your contributions to a project. In this case, an ` +
    +
    +

    Some further elaboration of the project can be added here

    + {{ java }} +
    +
    + View on Github + View Devpost +
    +
    diff --git a/packages/cli/test/functional/test_site_templates/test_portfolio/expected/contents/project2.md b/packages/cli/test/functional/test_site_templates/test_portfolio/expected/contents/project2.md new file mode 100644 index 0000000000..1852c805d1 --- /dev/null +++ b/packages/cli/test/functional/test_site_templates/test_portfolio/expected/contents/project2.md @@ -0,0 +1,16 @@ +
    +

    Project 2

    +
    + This is another project. +
    + +
    +

    Some further elaboration on the project.

    + {{javascript}} + {{ vue }} +
    +
    + View on Github + View Devpost +
    +
    \ No newline at end of file diff --git a/packages/cli/test/functional/test_site_templates/test_portfolio/expected/contents/projects.md b/packages/cli/test/functional/test_site_templates/test_portfolio/expected/contents/projects.md new file mode 100644 index 0000000000..e7d8ad0740 --- /dev/null +++ b/packages/cli/test/functional/test_site_templates/test_portfolio/expected/contents/projects.md @@ -0,0 +1,61 @@ +# Projects + + + + +### Other projects + +
    +
    +
    +

    Project title

    +
    + This is another project. +
    + +
    +

    Some further elaboration on the project.

    + {{javascript}} + {{ vue }} +
    +
    + View on Github + View Devpost +
    +
    +
    +
    +
    +

    Project title

    +
    + This is another project. +
    + +
    +

    Some further elaboration on the project.

    + {{ java }} +
    +
    + View on Github + View Devpost +
    +
    +
    +
    +
    +

    Project title

    +
    + This is another project. +
    + +
    +

    Some further elaboration on the project.

    + {{ vue }} +
    +
    + View on Github + View Devpost +
    +
    +
    +
    \ No newline at end of file diff --git a/packages/cli/test/functional/test_site_templates/test_portfolio/expected/contents/skills.md b/packages/cli/test/functional/test_site_templates/test_portfolio/expected/contents/skills.md new file mode 100644 index 0000000000..4cd6b95032 --- /dev/null +++ b/packages/cli/test/functional/test_site_templates/test_portfolio/expected/contents/skills.md @@ -0,0 +1,22 @@ +# Skills + +

    This is where you can give a quick overview of the technologies and frameworks you know using our thumbnail feature or our icons.

    + + + These thumbnails are available as variables to use anywhere in this page! + {{ javascript }} + {{ typescript }} + {{ vue }} + {{ java }} + +
    + + + Some icons are not available in the libraries that MarkBind supports! Please ensure that + the desired icons are available before choosing this option. For more information regarding + icons, please refer to this section of our User Guide. + + + + + diff --git a/packages/cli/test/functional/test_site_templates/test_portfolio/expected/index.html b/packages/cli/test/functional/test_site_templates/test_portfolio/expected/index.html new file mode 100644 index 0000000000..8f123ae556 --- /dev/null +++ b/packages/cli/test/functional/test_site_templates/test_portfolio/expected/index.html @@ -0,0 +1,260 @@ + + + + + + + + + Portfolio + + + + + + + + + + + + + + + + + +
    +
    + + +
  • Skills
    • +
  • Experience
    • + +
  • Project 1
    • +
  • Project 2
    • +     + +     +
    +
    +
    + +
    +
    +
    +

    👋 Hello!
    I'm [NAME]

    +

    Welcome to my portfolio!

    + + + + + + +
    +
    + + Want to change the theme? Explore more themes and other components offered by MarkBind in our user guide here + + MarkBind makes it easy to deploy this site to Github Pages using the markbind deploy command. To allow http://[username].github.io to go straight to this portfolio, it is best to set your repository name as [username].github.io Read more about deploying the site here + +
    +

    About me

    +
    +
    +
    + default-profile-pic +
    +
    + This is where you can add a picture of yourself and a brief introduction. This can be a good place to use tooltips, or add relevant links
    +
    +
    +
    +
    +

    Skills

    +

    This is where you can give a quick overview of the technologies and frameworks you know using our thumbnail feature or our icons.

    + + These thumbnails are available as variables to use anywhere in this page! + + + + + +
    + + + Some icons are not available in the libraries that MarkBind supports! Please ensure that + the desired icons are available before choosing this option. For more information regarding + icons, please refer to this section of our User Guide. + + + + +
    +
    +
    +

    Experience

    + + +
    + Role description +
    +
    + +
    +     +
    + + +
    + Role description +
    +
    + +
    +     +
    +
    +
    +

    Projects

    +
    +
    +

    Example project: iP for CS2103

    +
    + This would be a good place to add images and embeds showcasing your contributions to a project. In this case, an <iframe> containing the RepoSense report of a student's contributions to their iP is embedded. For more information on embeds, refer to our user guide here. +
    +
    + +
    +
    +

    Some further elaboration of the project can be added here.

    + +
    +
    + View on Github + View Devpost +
    +
    +
    +
    +
    +

    Project 2

    +
    + This is another project. +
    + + Image cap + +
    +

    Some further elaboration on the project.

    + + +
    +
    + View on Github + View Devpost +
    +
    +
    +

    Other projects

    +
    +
    +
    +

    Project title

    +
    + This is another project. +
    + + Image cap + +
    +

    Some further elaboration on the project.

    + + +
    +
    + View on Github + View Devpost +
    +
    +
    +
    +
    +

    Project title

    +
    + This is another project. +
    + + Image cap + +
    +

    Some further elaboration on the project.

    + +
    +
    + View on Github + View Devpost +
    +
    +
    +
    +
    +

    Project title

    +
    + This is another project. +
    + + Image cap + +
    +

    Some further elaboration on the project.

    + +
    +
    + View on Github + View Devpost +
    +
    +
    +
    +
    +
    +
    + +
    + +
    + + + + + \ No newline at end of file diff --git a/packages/cli/test/functional/test_site_templates/test_portfolio/expected/index.md b/packages/cli/test/functional/test_site_templates/test_portfolio/expected/index.md new file mode 100755 index 0000000000..badef0b143 --- /dev/null +++ b/packages/cli/test/functional/test_site_templates/test_portfolio/expected/index.md @@ -0,0 +1,70 @@ + + title: Portfolio + layout: default.md + + +
    + +
    +
    +

    :wave: Hello!
    I'm {{ name }}

    +

    Welcome to my portfolio!

    +
    + + + + + + + + + + + + + + + +
    + Resume +
    +
    + + + Want to change the theme? Explore more themes and other components offered by MarkBind in our user guide here. + + + + MarkBind makes it easy to deploy this site to GitHub Pages using the `markbind deploy` command. To allow `http://[username].github.io` to go straight to this portfolio, it is best to set your repository name as `[username].github.io` Read more about [deploying the site here](https://markbind.org/userGuide/deployingTheSite.html#deploying-to-github-pages) + + +--- + +## About me + +
    +
    +
    + default-profile-pic +
    +
    + This is where you can add a picture of yourself and a brief introduction. This can be a good place to use tooltips, or [add relevant links](https://markbind.org/userGuide/formattingContents.html#links). +
    +
    +
    + +--- + + + +--- + + + +--- + + + +--- + + diff --git a/packages/cli/test/functional/test_site_templates/test_portfolio/expected/index.page-vue-render.js b/packages/cli/test/functional/test_site_templates/test_portfolio/expected/index.page-vue-render.js new file mode 100644 index 0000000000..4bb8023951 --- /dev/null +++ b/packages/cli/test/functional/test_site_templates/test_portfolio/expected/index.page-vue-render.js @@ -0,0 +1,73 @@ + + var pageVueRenderFn = function anonymous( +) { +with(this){return _c('div',{attrs:{"id":"app"}},[_c('header',{attrs:{"sticky":""}},[_c('navbar',{attrs:{"type":"dark"},scopedSlots:_u([{key:"brand",fn:function(){return [_c('a',{staticClass:"navbar-brand",attrs:{"href":"/index.html","title":"Home"}},[_v("Your Name")])]},proxy:true},{key:"right",fn:function(){return [_c('li',[_c('form',{staticClass:"navbar-form"},[_c('searchbar',{attrs:{"data":searchData,"placeholder":"Search","on-hit":searchCallback,"menu-align-right":""}})],1)])]},proxy:true}])},[_v(" "),_c('li',[_c('a',{staticClass:"nav-link",attrs:{"href":"/index.html#skills"}},[_v("Skills")])]),_v(" "),_c('li',[_c('a',{staticClass:"nav-link",attrs:{"href":"/index.html#experience"}},[_v("Experience")])]),_v(" "),_c('dropdown',{staticClass:"nav-link",scopedSlots:_u([{key:"header",fn:function(){return [_v("Projects")]},proxy:true}])},[_v(" "),_c('li',[_c('a',{staticClass:"dropdown-item",attrs:{"href":"/index.html#project-1"}},[_v("Project 1")])]),_v(" "),_c('li',[_c('a',{staticClass:"dropdown-item",attrs:{"href":"/index.html#project-2"}},[_v("Project 2")])])])],1)],1),_v(" "),_c('div',{attrs:{"id":"flex-body"}},[_c('div',{attrs:{"id":"content-wrapper"}},[_c('br'),_v(" "),_m(0),_v(" "),_c('box',{attrs:{"type":"tip"}},[_v("\n Want to change the theme? Explore more themes and other components offered by MarkBind in our "),_c('a',{attrs:{"href":"https://markbind.org/userGuide/authoringContents.html","target":"_blank"}},[_v("user guide here")])]),_v(" "),_c('box',{attrs:{"type":"info"},scopedSlots:_u([{key:"header",fn:function(){return [_c('h5',{attrs:{"id":"deploying-this-site"}},[_v("Deploying this site"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#deploying-this-site","onclick":"event.stopPropagation()"}})])]},proxy:true}])},[_v(" "),_c('span',[_v("MarkBind makes it easy to deploy this site to Github Pages using the "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("markbind deploy")]),_v(" command. To allow "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("http://[username].github.io")]),_v(" to go straight to this portfolio, it is best to set your repository name as "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v("[username].github.io")]),_v(" Read more about "),_c('a',{attrs:{"href":"https://markbind.org/userGuide/deployingTheSite.html#deploying-to-github-pages"}},[_v("deploying the site here")])])]),_v(" "),_c('hr'),_v(" "),_m(1),_v(" "),_c('div',{staticClass:"container text-left"},[_c('div',{staticClass:"row"},[_m(2),_v(" "),_c('div',{staticClass:"col-md-9 col-md-pull-3"},[_v("\n This is where you can add a picture of yourself and a brief introduction. This can be a good place to use "),_c('tooltip',{attrs:{"placement":"top"},scopedSlots:_u([{key:"content",fn:function(){return [_v("Add more information here")]},proxy:true}])},[_v("tooltips")]),_v(", or "),_m(3)],1)])]),_v(" "),_c('hr'),_v(" "),_c('div',[_m(4),_v(" "),_m(5),_v(" "),_c('panel',{attrs:{"expanded":""},scopedSlots:_u([{key:"header",fn:function(){return [_c('p',[_v("Example using thumbnails")])]},proxy:true}])},[_v(" "),_c('box',{attrs:{"type":"info"}},[_v("These thumbnails are available as variables to use anywhere in this page!")]),_v(" "),_c('thumbnail',{attrs:{"src":"/contents/assets/JavaScript.svg","size":"50"}}),_v(" "),_c('thumbnail',{attrs:{"src":"/contents/assets/Typescript.svg","size":"50"}}),_v(" "),_c('thumbnail',{attrs:{"src":"/contents/assets/Vue.svg","size":"50"}}),_v(" "),_c('thumbnail',{attrs:{"src":"/contents/assets/java-icon.svg","size":"50"}})],1),_v(" "),_c('br'),_v(" "),_c('panel',{attrs:{"expanded":""},scopedSlots:_u([{key:"header",fn:function(){return [_c('p',[_v("Example using icons")])]},proxy:true}])},[_v(" "),_c('box',{attrs:{"type":"warning"}},[_v("\n Some icons are not available in the libraries MarkBind supports! Please ensure that \n the desired icons are available before choosing this option. For more information regarding\n icons, please refer to "),_c('a',{attrs:{"href":"https://markbind.org/userGuide/formattingContents.html#icons","target":"_blank"}},[_v("this section of our User Guide")])]),_v(" "),_c('i',{staticClass:"fa-brands fa-square-js fa-2xl"}),_v(" "),_c('i',{staticClass:"fa-brands fa-vuejs fa-2xl"}),_v(" "),_c('i',{staticClass:"fa-brands fa-java fa-2xl"})],1)],1),_v(" "),_c('hr'),_v(" "),_c('div',[_m(6),_v(" "),_c('panel',{attrs:{"type":"seamless","no-close":"","minimized":""},scopedSlots:_u([{key:"header",fn:function(){return [_c('div',[_c('span',[_c('strong',[_v("Software Engineering Intern @ "),_c('a',{attrs:{"href":"https://nus.edu.sg/"}},[_v("NUS")])]),_v(" | May 2024 - Aug 2024")])])]},proxy:true}])},[_v(" "),_c('div',{staticClass:"container"},[_v("\n Role description\n ")]),_v(" "),_c('div',{staticClass:"container"},[_c('thumbnail',{attrs:{"src":"/contents/assets/Vue.svg","size":"50"}})],1)]),_v(" "),_c('br'),_v(" "),_c('panel',{attrs:{"type":"seamless","no-close":"","minimized":""},scopedSlots:_u([{key:"header",fn:function(){return [_c('div',[_c('span',[_c('strong',[_v("Another experience @ "),_c('a',{attrs:{"href":""}},[_v("Another Company")])]),_v(" | May 2022 - Aug 2022")])])]},proxy:true}])},[_v(" "),_c('div',{staticClass:"container"},[_v("\n Role description\n ")]),_v(" "),_c('div',{staticClass:"container"},[_c('thumbnail',{attrs:{"src":"/contents/assets/JavaScript.svg","size":"50"}})],1)])],1),_v(" "),_c('hr'),_v(" "),_c('div',[_m(7),_v(" "),_c('div',[_c('div',{staticClass:"card mb-3"},[_m(8),_v(" "),_m(9),_v(" "),_m(10),_v(" "),_c('div',{staticClass:"card-body"},[_c('p',{staticClass:"card-text"},[_v("Some further elaboration of the project can be added here")]),_v(" "),_c('thumbnail',{attrs:{"src":"/contents/assets/java-icon.svg","size":"50"}})],1),_v(" "),_m(11)])]),_v(" "),_c('div',[_c('div',{staticClass:"card mb-3"},[_m(12),_v(" "),_c('div',{staticClass:"card-body"},[_v("\n This is another project. \n ")]),_v(" "),_c('svg',{staticClass:"d-block user-select-none",staticStyle:{"font-size":"1.125rem","text-anchor":"middle"},attrs:{"xmlns":"http://www.w3.org/2000/svg","width":"100%","height":"200","aria-label":"Placeholder: Image cap","focusable":"false","role":"img","preserveAspectRatio":"xMidYMid slice","viewBox":"0 0 318 180"}},[_c('rect',{attrs:{"width":"100%","height":"100%","fill":"#868e96"}}),_c('text',{attrs:{"x":"50%","y":"50%","fill":"#dee2e6","dy":".3em"}},[_v("Image cap")])]),_v(" "),_c('div',{staticClass:"card-body"},[_c('p',{staticClass:"card-text"},[_v("Some further elaboration on the project.")]),_v(" "),_c('thumbnail',{attrs:{"src":"/contents/assets/JavaScript.svg","size":"50"}}),_v(" "),_c('thumbnail',{attrs:{"src":"/contents/assets/Vue.svg","size":"50"}})],1),_v(" "),_m(13)])]),_v(" "),_m(14),_v(" "),_c('div',{staticClass:"row row-cols-1 row-cols-md-3 g-3"},[_c('div',{staticClass:"col"},[_c('div',{staticClass:"card"},[_m(15),_v(" "),_c('div',{staticClass:"card-body"},[_v("\n This is another project. \n ")]),_v(" "),_c('svg',{staticClass:"d-block user-select-none",staticStyle:{"font-size":"1.125rem","text-anchor":"middle"},attrs:{"xmlns":"http://www.w3.org/2000/svg","width":"100%","height":"200","aria-label":"Placeholder: Image cap","focusable":"false","role":"img","preserveAspectRatio":"xMidYMid slice","viewBox":"0 0 318 180"}},[_c('rect',{attrs:{"width":"100%","height":"100%","fill":"#868e96"}}),_c('text',{attrs:{"x":"50%","y":"50%","fill":"#dee2e6","dy":".3em"}},[_v("Image cap")])]),_v(" "),_c('div',{staticClass:"card-body"},[_c('p',{staticClass:"card-text"},[_v("Some further elaboration on the project.")]),_v(" "),_c('thumbnail',{attrs:{"src":"/contents/assets/JavaScript.svg","size":"50"}}),_v(" "),_c('thumbnail',{attrs:{"src":"/contents/assets/Vue.svg","size":"50"}})],1),_v(" "),_m(16)])]),_v(" "),_c('div',{staticClass:"col"},[_c('div',{staticClass:"card"},[_m(17),_v(" "),_c('div',{staticClass:"card-body"},[_v("\n This is another project. \n ")]),_v(" "),_c('svg',{staticClass:"d-block user-select-none",staticStyle:{"font-size":"1.125rem","text-anchor":"middle"},attrs:{"xmlns":"http://www.w3.org/2000/svg","width":"100%","height":"200","aria-label":"Placeholder: Image cap","focusable":"false","role":"img","preserveAspectRatio":"xMidYMid slice","viewBox":"0 0 318 180"}},[_c('rect',{attrs:{"width":"100%","height":"100%","fill":"#868e96"}}),_c('text',{attrs:{"x":"50%","y":"50%","fill":"#dee2e6","dy":".3em"}},[_v("Image cap")])]),_v(" "),_c('div',{staticClass:"card-body"},[_c('p',{staticClass:"card-text"},[_v("Some further elaboration on the project.")]),_v(" "),_c('thumbnail',{attrs:{"src":"/contents/assets/java-icon.svg","size":"50"}})],1),_v(" "),_m(18)])]),_v(" "),_c('div',{staticClass:"col"},[_c('div',{staticClass:"card"},[_m(19),_v(" "),_c('div',{staticClass:"card-body"},[_v("\n This is another project. \n ")]),_v(" "),_c('svg',{staticClass:"d-block user-select-none",staticStyle:{"font-size":"1.125rem","text-anchor":"middle"},attrs:{"xmlns":"http://www.w3.org/2000/svg","width":"100%","height":"200","aria-label":"Placeholder: Image cap","focusable":"false","role":"img","preserveAspectRatio":"xMidYMid slice","viewBox":"0 0 318 180"}},[_c('rect',{attrs:{"width":"100%","height":"100%","fill":"#868e96"}}),_c('text',{attrs:{"x":"50%","y":"50%","fill":"#dee2e6","dy":".3em"}},[_v("Image cap")])]),_v(" "),_c('div',{staticClass:"card-body"},[_c('p',{staticClass:"card-text"},[_v("Some further elaboration on the project.")]),_v(" "),_c('thumbnail',{attrs:{"src":"/contents/assets/Vue.svg","size":"50"}})],1),_v(" "),_m(20)])])])]),_v(" "),_c('hr')],1),_v(" "),_c('scroll-top-button')],1),_v(" "),_m(21)])} +}; + var pageVueStaticRenderFns = [function anonymous( +) { +with(this){return _c('div',{staticClass:"bg-light text-black px-2 py-5 mb-4"},[_c('div',{staticClass:"container"},[_c('h1',{staticClass:"display-5 no-index",attrs:{"id":"hello-i-m-name"}},[_c('span',[_v("👋")]),_v(" Hello!"),_c('br'),_v("I'm [NAME]"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#hello-i-m-name","onclick":"event.stopPropagation()"}})]),_v(" "),_c('p',{staticClass:"lead"},[_v("Welcome to my portfolio!")]),_v(" "),_c('span',{staticStyle:{"margin-right":"10px"}},[_c('a',{staticClass:"icon",attrs:{"href":"https://github.com/MarkBind/markbind","target":"_blank"}},[_c('i',{staticClass:"fa-brands fa-github fa-2xl"})])]),_v(" "),_c('span',{staticStyle:{"margin-right":"10px"}},[_c('a',{staticClass:"icon",attrs:{"href":"https://www.linkedin.com/school/national-university-of-singapore/","target":"_blank"}},[_c('i',{staticClass:"fa-brands fa-linkedin fa-2xl"})])])])])} +},function anonymous( +) { +with(this){return _c('h2',{attrs:{"id":"about-me"}},[_v("About me"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#about-me","onclick":"event.stopPropagation()"}})])} +},function anonymous( +) { +with(this){return _c('div',{staticClass:"col-md-3 col-md-push-9"},[_c('img',{staticClass:"img-fluid",attrs:{"src":"/contents/assets/default_profile_pic.png","alt":"default-profile-pic"}})])} +},function anonymous( +) { +with(this){return _c('span',[_c('a',{attrs:{"href":"https://markbind.org/userGuide/formattingContents.html#links"}},[_v("add relevant links")])])} +},function anonymous( +) { +with(this){return _c('h1',{attrs:{"id":"skills"}},[_v("Skills"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#skills","onclick":"event.stopPropagation()"}})])} +},function anonymous( +) { +with(this){return _c('p',[_v("This is where you can give a quick overview of the technologies and frameworks you know using our "),_c('a',{attrs:{"href":"https://markbind.org/userGuide/components/imagesAndDiagrams.html#thumbnails","target":"_blank"}},[_v("thumbnail feature")]),_v(" or our "),_c('a',{attrs:{"href":"https://markbind.org/userGuide/formattingContents.html#icons","target":"_blank"}},[_v("icons")]),_v(".")])} +},function anonymous( +) { +with(this){return _c('h1',{attrs:{"id":"experience"}},[_v("Experience"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#experience","onclick":"event.stopPropagation()"}})])} +},function anonymous( +) { +with(this){return _c('h1',{attrs:{"id":"projects"}},[_v("Projects"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#projects","onclick":"event.stopPropagation()"}})])} +},function anonymous( +) { +with(this){return _c('h3',{staticClass:"card-header",attrs:{"id":"example-project-ip-for-cs2103"}},[_v("Example project: iP for CS2103"),_c('a',{staticClass:"fa fa-anchor",attrs:{"href":"#example-project-ip-for-cs2103","onclick":"event.stopPropagation()"}})])} +},function anonymous( +) { +with(this){return _c('div',{staticClass:"card-body"},[_c('span',[_v("This would be a good place to add images and embeds showcasing your contributions to a project. In this case, an "),_c('code',{pre:true,attrs:{"class":"hljs inline no-lang"}},[_v(" + +
    +

    Some further elaboration of the project can be added here

    + {{ java }} +
    +
    + View on Github + View Devpost +
    + diff --git a/packages/core/template/portfolio/contents/project2.md b/packages/core/template/portfolio/contents/project2.md new file mode 100644 index 0000000000..1852c805d1 --- /dev/null +++ b/packages/core/template/portfolio/contents/project2.md @@ -0,0 +1,16 @@ +
    +

    Project 2

    +
    + This is another project. +
    + +
    +

    Some further elaboration on the project.

    + {{javascript}} + {{ vue }} +
    +
    + View on Github + View Devpost +
    +
    \ No newline at end of file diff --git a/packages/core/template/portfolio/contents/projects.md b/packages/core/template/portfolio/contents/projects.md new file mode 100644 index 0000000000..e7d8ad0740 --- /dev/null +++ b/packages/core/template/portfolio/contents/projects.md @@ -0,0 +1,61 @@ +# Projects + + + + +### Other projects + +
    +
    +
    +

    Project title

    +
    + This is another project. +
    + +
    +

    Some further elaboration on the project.

    + {{javascript}} + {{ vue }} +
    +
    + View on Github + View Devpost +
    +
    +
    +
    +
    +

    Project title

    +
    + This is another project. +
    + +
    +

    Some further elaboration on the project.

    + {{ java }} +
    +
    + View on Github + View Devpost +
    +
    +
    +
    +
    +

    Project title

    +
    + This is another project. +
    + +
    +

    Some further elaboration on the project.

    + {{ vue }} +
    +
    + View on Github + View Devpost +
    +
    +
    +
    \ No newline at end of file diff --git a/packages/core/template/portfolio/contents/skills.md b/packages/core/template/portfolio/contents/skills.md new file mode 100644 index 0000000000..4cd6b95032 --- /dev/null +++ b/packages/core/template/portfolio/contents/skills.md @@ -0,0 +1,22 @@ +# Skills + +

    This is where you can give a quick overview of the technologies and frameworks you know using our thumbnail feature or our icons.

    + + + These thumbnails are available as variables to use anywhere in this page! + {{ javascript }} + {{ typescript }} + {{ vue }} + {{ java }} + +
    + + + Some icons are not available in the libraries that MarkBind supports! Please ensure that + the desired icons are available before choosing this option. For more information regarding + icons, please refer to this section of our User Guide. + + + + + diff --git a/packages/core/template/portfolio/index.md b/packages/core/template/portfolio/index.md new file mode 100755 index 0000000000..badef0b143 --- /dev/null +++ b/packages/core/template/portfolio/index.md @@ -0,0 +1,70 @@ + + title: Portfolio + layout: default.md + + +
    + +
    +
    +

    :wave: Hello!
    I'm {{ name }}

    +

    Welcome to my portfolio!

    +
    + + + + + + + + + + + + + + + +
    + Resume +
    +
    + + + Want to change the theme? Explore more themes and other components offered by MarkBind in our user guide here. + + + + MarkBind makes it easy to deploy this site to GitHub Pages using the `markbind deploy` command. To allow `http://[username].github.io` to go straight to this portfolio, it is best to set your repository name as `[username].github.io` Read more about [deploying the site here](https://markbind.org/userGuide/deployingTheSite.html#deploying-to-github-pages) + + +--- + +## About me + +
    +
    +
    + default-profile-pic +
    +
    + This is where you can add a picture of yourself and a brief introduction. This can be a good place to use tooltips, or [add relevant links](https://markbind.org/userGuide/formattingContents.html#links). +
    +
    +
    + +--- + + + +--- + + + +--- + + + +--- + + diff --git a/packages/core/template/portfolio/site.json b/packages/core/template/portfolio/site.json new file mode 100755 index 0000000000..489af87064 --- /dev/null +++ b/packages/core/template/portfolio/site.json @@ -0,0 +1,32 @@ +{ + "baseUrl": "", + "titlePrefix": "", + "titleSuffix": "", + "ignore": [ + "_markbind/layouts/*", + "_markbind/logs/*", + "_site/*", + "site.json", + "*.md", + "*.njk", + ".git/*", + ".gitignore", + "node_modules/*" + ], + "pagesExclude": ["node_modules/*"], + "pages": [ + { + "src": "index.md", + "title": "Portfolio" + }, + { + "glob": ["**/index.md"] + } + ], + "deploy": { + "message": "Site Update." + }, + "style": { + "bootstrapTheme": "bootswatch-flatly" + } +} diff --git a/packages/core/template/portfolio/stylesheets/main.css b/packages/core/template/portfolio/stylesheets/main.css new file mode 100644 index 0000000000..a380ffd4c2 --- /dev/null +++ b/packages/core/template/portfolio/stylesheets/main.css @@ -0,0 +1,135 @@ +mark { + background-color: #ff0; + border-radius: 5px; + padding-top: 0; + padding-bottom: 0; +} + +.indented { + padding-left: 20px; +} + +.theme-card img { + width: 100%; +} + +/* Scrollbar */ + +.slim-scroll::-webkit-scrollbar { + width: 5px; +} + +.slim-scroll::-webkit-scrollbar-thumb { + background: #808080; + border-radius: 20px; +} + +.slim-scroll::-webkit-scrollbar-track { + background: transparent; + border-radius: 20px; +} + +.slim-scroll-blue::-webkit-scrollbar { + width: 5px; +} + +.slim-scroll-blue::-webkit-scrollbar-thumb { + background: #00b0ef; + border-radius: 20px; +} + +.slim-scroll-blue::-webkit-scrollbar-track { + background: transparent; + border-radius: 20px; +} + +/* Layout containers */ + +#flex-body { + display: flex; + flex: 1; + align-items: start; +} + +#content-wrapper { + flex: 1; + margin: 0 auto; + min-width: 0; + max-width: 1000px; + overflow-x: auto; + padding: 0.8rem 20px 0; + transition: 0.4s; +} + +#site-nav, +#page-nav { + display: flex; + flex-direction: column; + position: sticky; + top: var(--sticky-header-height); + flex: 0 0 auto; + max-width: 300px; + max-height: calc(100vh - var(--sticky-header-height)); + width: 300px; +} + +#site-nav { + border-right: 1px solid lightgrey; + padding-bottom: 20px; + z-index: 999; +} + +.site-nav-top { + margin: 0.8rem 0; + padding: 0 12px 12px; +} + +.nav-component { + overflow-y: auto; +} + +#page-nav { + border-left: 1px solid lightgrey; +} + +@media screen and (width <= 1299.98px) { + #page-nav { + display: none; + } +} + +/* Bootstrap medium(md) responsive breakpoint */ +@media screen and (width <= 991.98px) { + #site-nav { + display: none; + } +} + +/* Bootstrap small(sm) responsive breakpoint */ +@media (width <= 767.98px) { + .indented { + padding-left: 10px; + } + + #content-wrapper { + padding: 0 10px; + } +} + +/* Bootstrap extra small(xs) responsive breakpoint */ +@media screen and (width <= 575.98px) { + #site-nav { + display: none; + } +} + +/* Hide site navigation when printing */ +@media print { + #site-nav { + display: none; + } + + #page-nav { + display: none; + } +}