gitadmin
/
profile-studio
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Title change and HTML structure.

This commit is contained in:
Jason Snelders 2019-11-16 15:32:56 +11:00
parent 66214579fc
commit ba975e7967
1 changed files with 77 additions and 86 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

163
index.html
View File

@ -1,6 +1,6 @@
<html> <html>
<head> <head>
<title>JSON Resume Editor</title> <title>Profile Studio</title>
<link rel="stylesheet" href="vendor/w3.4.13.css"> <link rel="stylesheet" href="vendor/w3.4.13.css">
<link rel="stylesheet" href="vendor/fontawesome-free-5.11.2-web/css/all.min.css" type="text/css" media="all" /> <link rel="stylesheet" href="vendor/fontawesome-free-5.11.2-web/css/all.min.css" type="text/css" media="all" />
@ -14,100 +14,91 @@
<div id="app"> <div id="app">
<!-- Top container --> <!-- Top container -->
<div class="w3-bar w3-top w3-black w3-large" style="z-index:4"> <div class="w3-bar w3-top w3-black w3-large" style="z-index:4">
<button class="w3-bar-item w3-button w3-hide-large w3-hover-none w3-hover-text-light-grey" v-on:click="w3_open"><i class="fa fa-bars"></i> &nbsp;Menu</button> <button class="w3-bar-item w3-button w3-hide-large w3-hover-none w3-hover-text-light-grey" v-on:click="w3_open"><i class="fa fa-bars"></i> &nbsp;Menu</button>
<span class="w3-bar-item"><i class="far fa-user"></i> Profile Studio</span> <span class="w3-bar-item"><i class="far fa-user"></i> Profile Studio</span>
</div> </div>
<!-- Sidebar/menu --> <!-- Sidebar/menu -->
<nav class="w3-sidebar w3-collapse w3-white w3-animate-left" style="z-index:3;width:300px;" id="mySidebar"> <nav class="w3-sidebar w3-collapse w3-white w3-animate-left" style="z-index:3;width:300px;" id="mySidebar">
<!-- <div class="w3-container w3-row"> <!-- <div class="w3-container w3-row">
<div class="w3-col s4"> <div class="w3-col s4">
<img src="/w3images/avatar2.png" class="w3-circle w3-margin-right" style="width:46px"> <img src="/w3images/avatar2.png" class="w3-circle w3-margin-right" style="width:46px">
</div>
<div class="w3-col s8 w3-bar">
<span>Welcome, <strong>Mike</strong></span><br>
<a href="#" class="w3-bar-item w3-button"><i class="fa fa-envelope"></i></a>
<a href="#" class="w3-bar-item w3-button"><i class="fa fa-user"></i></a>
<a href="#" class="w3-bar-item w3-button"><i class="fa fa-cog"></i></a>
</div>
</div> </div>
<div class="w3-col s8 w3-bar"> <hr> -->
<span>Welcome, <strong>Mike</strong></span><br> <div class="w3-bar-block">
<a href="#" class="w3-bar-item w3-button"><i class="fa fa-envelope"></i></a> <a href="#/" class="w3-bar-item w3-button w3-padding w3-blue"><i class="fas fa-home"></i>&nbsp; Home</a>
<a href="#" class="w3-bar-item w3-button"><i class="fa fa-user"></i></a>
<a href="#" class="w3-bar-item w3-button"><i class="fa fa-cog"></i></a>
</div> </div>
</div> <div class="w3-container">
<hr> --> <h5>Resume Sections</h5>
<div class="w3-bar-block"> </div>
<a href="#/" class="w3-bar-item w3-button w3-padding w3-blue"><i class="fas fa-home"></i>&nbsp; Home</a> <div class="w3-bar-block">
</div> <a href="#/" class="w3-bar-item w3-button w3-padding-16 w3-hide-large w3-dark-grey w3-hover-black" v-on:click="w3_close" title="close menu"><i class="fas fa-times"></i>&nbsp; Close Menu</a>
<div class="w3-container"> <a href="#/section/basics" class="w3-bar-item w3-button w3-padding"><i class="far fa-address-card"></i>&nbsp; Basics</a>
<h5>Resume Sections</h5> <a href="#/section/work" class="w3-bar-item w3-button w3-padding"><i class="fas fa-building"></i>&nbsp; Work</a>
</div> <a href="#/section/volunteer" class="w3-bar-item w3-button w3-padding"><i class="fas fa-hands-helping"></i>&nbsp; Volunteer</a>
<div class="w3-bar-block"> <a href="#/section/education" class="w3-bar-item w3-button w3-padding"><i class="fas fa-graduation-cap"></i>&nbsp; Education</a>
<a href="#/" class="w3-bar-item w3-button w3-padding-16 w3-hide-large w3-dark-grey w3-hover-black" v-on:click="w3_close" title="close menu"><i class="fas fa-times"></i>&nbsp; Close Menu</a> <a href="#/section/awards" class="w3-bar-item w3-button w3-padding"><i class="fas fa-award"></i>&nbsp; Awards</a>
<a href="#/section/basics" class="w3-bar-item w3-button w3-padding"><i class="far fa-address-card"></i>&nbsp; Basics</a> <a href="#/section/publications" class="w3-bar-item w3-button w3-padding"><i class="fas fa-book"></i>&nbsp; Publications</a>
<a href="#/section/work" class="w3-bar-item w3-button w3-padding"><i class="fas fa-building"></i>&nbsp; Work</a> <a href="#/section/skills" class="w3-bar-item w3-button w3-padding"><i class="fas fa-tools"></i>&nbsp; Skills</a>
<a href="#/section/volunteer" class="w3-bar-item w3-button w3-padding"><i class="fas fa-hands-helping"></i>&nbsp; Volunteer</a> <a href="#/section/languages" class="w3-bar-item w3-button w3-padding"><i class="fas fa-heart"></i>&nbsp; Languages</a>
<a href="#/section/education" class="w3-bar-item w3-button w3-padding"><i class="fas fa-graduation-cap"></i>&nbsp; Education</a> <a href="#/section/interests" class="w3-bar-item w3-button w3-padding"><i class="fas fa-map"></i>&nbsp; Interests</a>
<a href="#/section/awards" class="w3-bar-item w3-button w3-padding"><i class="fas fa-award"></i>&nbsp; Awards</a> <a href="#/section/references" class="w3-bar-item w3-button w3-padding"><i class="fas fa-list"></i>&nbsp; References</a>
<a href="#/section/publications" class="w3-bar-item w3-button w3-padding"><i class="fas fa-book"></i>&nbsp; Publications</a> </div>
<a href="#/section/skills" class="w3-bar-item w3-button w3-padding"><i class="fas fa-tools"></i>&nbsp; Skills</a> <hr>
<a href="#/section/languages" class="w3-bar-item w3-button w3-padding"><i class="fas fa-heart"></i>&nbsp; Languages</a> <div class="w3-bar-block">
<a href="#/section/interests" class="w3-bar-item w3-button w3-padding"><i class="fas fa-map"></i>&nbsp; Interests</a> <a href="#/preview" class="w3-bar-item w3-button w3-padding"><i class="fas fa-print"></i>&nbsp; Preview</a>
<a href="#/section/references" class="w3-bar-item w3-button w3-padding"><i class="fas fa-list"></i>&nbsp; References</a> </div>
</div> <hr>
<hr> <div class="w3-bar-block">
<div class="w3-bar-block"> <a href="#/import" class="w3-bar-item w3-button w3-padding"><i class="fas fa-file-upload"></i>&nbsp; Import</a>
<a href="#/preview" class="w3-bar-item w3-button w3-padding"><i class="fas fa-print"></i>&nbsp; Preview</a> <a href="#/export" class="w3-bar-item w3-button w3-padding"><i class="fas fa-file-download"></i>&nbsp; Export</a>
</div> <span class="w3-bar-item w3-button w3-padding" v-on:click="saveResume"><i class="fas fa-sync-alt"></i>&nbsp; Save</span>
<hr> <span class="w3-bar-item w3-button w3-padding" v-on:click="resetResume"><i class="fas fa-sync-alt"></i>&nbsp; Reset Resume</span>
<div class="w3-bar-block"> </div>
<a href="#/import" class="w3-bar-item w3-button w3-padding"><i class="fas fa-file-upload"></i>&nbsp; Import</a> <hr>
<a href="#/export" class="w3-bar-item w3-button w3-padding"><i class="fas fa-file-download"></i>&nbsp; Export</a> <div class="w3-bar-block">
<span class="w3-bar-item w3-button w3-padding" v-on:click="saveResume"><i class="fas fa-sync-alt"></i>&nbsp; Save</span> <a href="#/about" class="w3-bar-item w3-button w3-padding"><i class="fas fa-info-circle"></i>&nbsp; About</a>
<span class="w3-bar-item w3-button w3-padding" v-on:click="resetResume"><i class="fas fa-sync-alt"></i>&nbsp; Reset Resume</span> </div>
</div> <br><br>
<hr> </nav>
<div class="w3-bar-block">
<a href="#/about" class="w3-bar-item w3-button w3-padding"><i class="fas fa-info-circle"></i>&nbsp; About</a>
</div>
<br><br>
</nav>
<!-- Overlay effect when opening sidebar on small screens -->
<div class="w3-overlay w3-hide-large w3-animate-opacity" v-on:click="w3_close" style="cursor:pointer" title="close side menu" id="myOverlay"></div>
<!-- End Page Content -->
<div class="w3-main w3-padding-16">
<div id="full-page-overlay">
<div id="full-page-overlay-text">Please wait while we load the goodness.</div>
</div>
<!-- Header -->
<header class="w3-container">
<h5 v-if="activePage.title != ''"><b><i class='page-title' style="margin-right: 20px;" v-if="activePage.fontAwesomeIconCss != ''" v-bind:class="activePage.fontAwesomeIconCss"></i> {{activePage.title}}</b></h5>
</header>
<div class="w3-container">
<router-view>Loading...</router-view>
</div>
<!-- Overlay effect when opening sidebar on small screens -->
<div class="w3-overlay w3-hide-large w3-animate-opacity" v-on:click="w3_close" style="cursor:pointer" title="close side menu" id="myOverlay"></div>
<!-- End Page Content -->
<div class="w3-main w3-padding-16">
<div id="full-page-overlay">
<!-- Footer --> <div id="full-page-overlay-text">Please wait while we load the goodness.</div>
<!-- <footer class="w3-container w3-padding-16 w3-dark-grey w3-margin-top"> </div>
</footer> --> <!-- Header -->
<header class="w3-container">
<h5 v-if="activePage.title != ''"><b><i class='page-title' style="margin-right: 20px;" v-if="activePage.fontAwesomeIconCss != ''" v-bind:class="activePage.fontAwesomeIconCss"></i> {{activePage.title}}</b></h5>
</header>
<div class="w3-container">
<router-view>Loading...</router-view>
</div>
</footer> -->
</div>
<!-- /End Page Content -->
</div> </div>
<!-- /End Page Content --> <!-- /VueJS App -->
</div>
<!-- /VueJS App -->
<!-- Component Templates --> <!-- Component Templates -->
<template type="text/x-template" id="home-template" lang="html"> <template type="text/x-template" id="home-template" lang="html">