Sci-fi/Space Theme Portfolio Template Site
Here is a Portfolio Template Site, made in
JS! But it's not like any other template that you just fork (though you can fork this if you wish); but you can edit it on the site itself, download the edited copy, and that's all!
This was first made as just a template for @Vandesm14's Jam on their server here, where we had to create a sci-fi interface, but with the great help of a friend (@itsvyle), we managed to make the template editable on the actual website.
This template, as like many other portfolio sites, has a home page, an about page, projects page, and finally a contact page.
- Your name
- Your profile picture
- Links to different pages
- About yourself
- More about yourself
- More about yourself
- 6 projects
- Project title
- Image of project
- Project description
- Concluding words
- Social media icons
- Footer with year and name for copyright (not seen in image below)
To start using your template, first go to this link.
Next, click the pencil icon to edit the template.
- You'll have this banner on the top to let you know that you're currently editing:
- Now, you can click almost anywhere on the text to edit things!
Editing the about section:
Editing the projects section:
Editing the contact section:
If you don't want a certain icon (for example YouTube), you can just leave the field empty which will remove that icon.
- When you're done, scroll back to the top and click the download icon to download your portfolio site.
Next open it up, and you'll find your site with the changes you made!
If you want to edit your site again, in the URL, add
#edit at the end, and reload the page, and you'll be able to edit your site again. Remember to download it using the same method, and you'll have the most recent one.
If you have any questions or comments feel free to let me know.
Also if you check the repl you'll see all these images (
DownloadButtonImage.png, etc. – it's because I'm using them in the markdown for the
README.md file. For some reason I can't get them to work if I add them in a folder =/)
Disclaimer: adding images for the projects in Firefox/Safari doesn't seem to work, try Chrome or Edge..