Skip to content

Updated Works section #1

New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Merged
merged 1 commit into from
Feb 10, 2019
Merged

Updated Works section #1

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
285 changes: 147 additions & 138 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -2,156 +2,165 @@
<html lang="en">

<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bineesh's Portfolio</title>
<link href="https://fonts.googleapis.com/css?family=Roboto:400,400i,700" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="stylesheets/styles.css">
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Bineesh's Portfolio</title>
<link href="https://fonts.googleapis.com/css?family=Roboto:400,400i,700" rel="stylesheet">
<link rel="stylesheet" type="text/css" href="fonts/font-awesome-4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" type="text/css" href="stylesheets/styles.css">
</head>

<body>
<!-- Header -->
<header>
<nav class="navigation">
<a href="#home">I am&hellip;</a><!--
--><a href="#skills">I know&hellip;</a><!--
--><a href="#experience">I have&hellip;</a><!--
--><a href="#works">I did&hellip;</a><!--
--><a href="#contact">Me @</a>
</nav>
</header>
<!-- Header -->
<header>
<nav class="navigation">
<a href="#home">I am&hellip;</a><!--
--><a href="#skills">I know&hellip;</a><!--
--><a href="#experience">I have&hellip;</a><!--
--><a href="#works">I did&hellip;</a><!--
--><a href="#contact">Me @</a>
</nav>
</header>

<!-- Home -->
<section id="home" class="home-page">
<div class="container">
<h1 class="hero">Hi! I am Bineesh, Web Developer.</h1>
<h2>Lives in Chennai, India (Tamil Nadu). Loves the language of the Web.</h2>
</div>
</section>
<!-- Home -->
<section id="home" class="home-page">
<div class="container">
<h1 class="hero">Hi! I am Bineesh, Web Developer.</h1>
<h2>Lives in Chennai, India (Tamil Nadu). Loves the language of the Web.</h2>
</div>
</section>

<!-- Skills -->
<section id="skills" class="skills-page">
<div class="container">
<div class="target animation_elements skills-container">
<script id="skills-template" type="text/x-handlebars-template">
<div class="circle outer">
<div class="circle inner4">
<hr>
<p class="level_text">Master</p>
{{#each master}}
<p class="arrow {{position}} {{styleClass}}">{{skill}}</p>
{{/each}}
</div>
<div class="circle inner3">
<hr>
<p class="level_text">Expert</p>
{{#each expert}}
<p class="arrow {{position}} {{styleClass}}">{{skill}}</p>
{{/each}}
</div>
<div class="circle inner2">
<hr>
<p class="level_text">Proficient</p>
{{#each proficient}}
<p class="arrow {{position}} {{styleClass}}">{{skill}}</p>
{{/each}}
</div>
<div class="circle inner1">
<hr>
<p class="level_text">Familiar</p>
{{#each familiar}}
<p class="arrow {{position}} {{styleClass}}">{{skill}}</p>
{{/each}}
</div>
<hr>
<p class="level_text">Beginner</p>
{{#each beginner}}
<p class="arrow {{position}} {{styleClass}}">{{skill}}</p>
{{/each}}
</div>
</script>
<!-- Skills -->
<section id="skills" class="skills-page">
<div class="container">
<div class="target animation_elements skills-container">
<script id="skills-template" type="text/x-handlebars-template">
<div class="circle outer">
<div class="circle inner4">
<hr>
<p class="level_text">Master</p>
{{#each master}}
<p class="arrow {{position}} {{styleClass}}">{{skill}}</p>
{{/each}}
</div>
</div>
</section>
<div class="circle inner3">
<hr>
<p class="level_text">Expert</p>
{{#each expert}}
<p class="arrow {{position}} {{styleClass}}">{{skill}}</p>
{{/each}}
</div>
<div class="circle inner2">
<hr>
<p class="level_text">Proficient</p>
{{#each proficient}}
<p class="arrow {{position}} {{styleClass}}">{{skill}}</p>
{{/each}}
</div>
<div class="circle inner1">
<hr>
<p class="level_text">Familiar</p>
{{#each familiar}}
<p class="arrow {{position}} {{styleClass}}">{{skill}}</p>
{{/each}}
</div>
<hr>
<p class="level_text">Beginner</p>
{{#each beginner}}
<p class="arrow {{position}} {{styleClass}}">{{skill}}</p>
{{/each}}
</div>
</script>
</div>
</div>
</section>

<!-- Experience -->
<section id="experience" class="experience-page">
<div class="container">
<h1 class="pg-title">I have learned & worked in&hellip;</h1>
<div class="experience-container">
<script id="experience-template" type="text/x-handlebars-template">
{{#each this}}
<article class="experience">
<h4 class="duration">{{from}} - {{to}}</h4>
<h2 class="organisation">{{organisation}}</h2>
<h4 class="location">{{location}}</h4>
<div class="profile">
{{#each profile}}
<p class="role">{{role}}</p>
{{#each description}}
<p class="description">{{this}}</p>
{{/each}} {{/each}}
</div>
</article>
{{/each}}
</script>
<!-- Experience -->
<section id="experience" class="experience-page">
<div class="container">
<h1 class="pg-title">I have learned & worked in&hellip;</h1>
<div class="experience-container">
<script id="experience-template" type="text/x-handlebars-template">
{{#each this}}
<article class="experience">
<h4 class="duration">{{from}} - {{to}}</h4>
<h2 class="organisation">{{organisation}}</h2>
<h4 class="location">{{location}}</h4>
<div class="profile">
{{#each profile}}
<p class="role">{{role}}</p>
{{#each description}}
<p class="description">{{this}}</p>
{{/each}} {{/each}}
</div>
</div>
</section>
</article>
{{/each}}
</script>
</div>
</div>
</section>

<!-- My works -->
<section id="works" class="works-page">
<div class="works-container">
<script id="works-template" type="text/x-handlebars-template">
<div class="container">
<h1 class="pg-title">I did the following&hellip;</h1>
{{#each this}}
<article class="works">
<h2 class="title">{{name}}</h2>
<p class="description">{{description}}</p>
<div class="action-container">
{{#if homepage}}
<a href="{{homepage}}" target="_blank">Visit site</a>
{{/if}}
<a href="{{svn_url}}" target="_blank">View code</a>
</div>
</article>
{{/each}}
</div>
</script>
</div>
</section>
<!-- My works -->
<section id="works" class="works-page">
<div class="works-container">
<div class="container">
<div class="own-works"></div>
<div class="contributed-works"></div>
</div>
<script id="works-template" type="text/x-handlebars-template">
<h1 class="pg-title">
{{#if isOwn}}I did{{else}}and contributed in{{/if}}&hellip;
</h1>
{{#each repos}}
<article class="works lang-{{language}}">
<h2 class="title">{{name}}</h2>
<div class="description">
<p>{{description}}</p>
{{#if topics}}
<p>Using: {{#each topics}}<span class="topic">{{this}}</span>{{/each}}</p>
{{/if}}
</div>
<div class="action-container">
{{#if homepage}}
<a href="{{homepage}}" target="_blank">Visit site</a>
{{/if}}
<a href="{{repoUrl}}" target="_blank">View code</a>
</div>
</article>
{{/each}}
</script>
</div>
</section>

<!-- Contact me -->
<section id="contact" class="contact-page">
<div class="container">
<h1 class="pg-title">Me @ other networks&hellip;</h1>
<div class="cards animation_elements">
<script id="contact-template" type="text/x-handlebars-template">
{{#each this}}
<a href="{{link}}" target="_blank" class="card card_{{counter @index}}">
<i class="fa {{iconClass}}" aria-hidden="true"></i>
<span class="link-text">{{displayText}}</span>
</a>
{{/each}}
</script>
</div>
<p class="contact-email"><i class="fa fa-envelope" aria-hidden="true"></i><span>bineesh2107@gmail.com</span>
</p>
</div>
</section>
<!-- Contact me -->
<section id="contact" class="contact-page">
<div class="container">
<h1 class="pg-title">Me @ other networks&hellip;</h1>
<div class="cards animation_elements">
<script id="contact-template" type="text/x-handlebars-template">
{{#each this}}
<a href="{{link}}" target="_blank" class="card card_{{counter @index}}">
<i class="fa {{iconClass}}" aria-hidden="true"></i>
<span class="link-text">{{displayText}}</span>
</a>
{{/each}}
</script>
</div>
<p class="contact-email"><i class="fa fa-envelope" aria-hidden="true"></i><span>bineesh2107@gmail.com</span>
</p>
</div>
</section>

<!-- Footer -->
<footer>
<p>&copy; 2017 Bineesh Balasubramanian</p>
</footer>
<!-- Footer -->
<footer>
<p>&copy; 2017 Bineesh Balasubramanian</p>
</footer>

<!-- Scripts -->
<script src="scripts/libs/jquery-3.1.1.min.js"></script>
<script src="scripts/libs/handlebars-v4.0.11.js"></script>
<script src="scripts/details.js"></script>
<script src="scripts/logic.js"></script>
<!-- Scripts -->
<script src="scripts/libs/jquery-3.1.1.min.js"></script>
<script src="scripts/libs/handlebars-v4.0.11.js"></script>
<script src="scripts/details.js"></script>
<script src="scripts/logic.js"></script>
</body>

</html>
Loading