Skip to content

Commit

Permalink
Add files via upload
Browse files Browse the repository at this point in the history
  • Loading branch information
lakshyatyagi24 authored Jan 15, 2021
0 parents commit 867a1a3
Show file tree
Hide file tree
Showing 18 changed files with 2,112 additions and 0 deletions.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
770 changes: 770 additions & 0 deletions css/main.css

Large diffs are not rendered by default.

Binary file added img/1.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/2.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/3.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/Ottawa_1920x1080.jpg
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/about-me.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
Binary file added img/favicon.ico
Binary file not shown.
Binary file added img/test-oct-6.png
Loading
Sorry, something went wrong. Reload?
Sorry, we cannot display this file.
Sorry, this file is invalid so it cannot be displayed.
339 changes: 339 additions & 0 deletions index.html
Original file line number Diff line number Diff line change
@@ -0,0 +1,339 @@
<!DOCTYPE html>
<html>

<head>
<title>Gourav Sharma</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- bootstrap 4.0.0-beta.2 -->
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/css/bootstrap.min.css"
integrity="sha384-PsH8R72JQ3SOdhVi3uxftmaW6Vc51MKb0q5P2rRUpPvrszuE4W1povHYgTpBfshb" crossorigin="anonymous">
<link href="https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css" rel="stylesheet" integrity="sha384-wvfXpqpZZVQGK6TAh5PVlGOfQNHSoD2xbE+QkPxCAFlNEevoEH3Sl0sibVcOQVnN"
crossorigin="anonymous">
<!-- main style -->
<link rel="stylesheet" type="text/css" href="css/main.css?v=2018.09.20">
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<link rel="icon" href="img/favicon.ico" type="image/x-icon">
</head>

<body>
<header>
<div class='slider-navigation'>
<div class='nav-pointer draggable'>
0/0
</div>
</div>
</header>
<div class='site-container'>
<!-- select style button -->
<div class="btn-group" id="changestyle">
<button type="button" class="btn btn-primary dropdown-toggle" data-toggle="dropdown" aria-haspopup="true"
aria-expanded="false">
<span id="selstyle">Style Space</span>
</button>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#" data-val="default">Style Block</a></li>
<li><a class="dropdown-item" href="#" data-val="space">Style Space</a></li>
<li><a class="dropdown-item" href="#" data-val="snow">Style Snow</a></li>
</ul>
</div>
<section class='intro'>
<div id='particles-js'></div>
<div class='wrap'>
<div class='content'>
<div class="profile-card">
<header>
<!-- avatar -->
<a><img src="./img/2.jpg" class="unselectable"></a>
<!-- name -->
<h1 class="unselectable">Gourav Sharma</h1>
<!-- role -->
<h2 class="unselectable">Associate Solution Architect</h2>
</header>
<div class="profile-bio">
<p class="unselectable">
Passionate about delivering solutions and training based on open source technologies.
</p>
</div>
<!-- social links -->
<ul class="profile-social-links">
<li><a target="_blank" href="https://www.linkedin.com/in/rhcasharma/">
<i class="fa fa-lg fa-linkedin"></i>
</a>
</li>
<li><a target="_blank" href="https://www.youtube.com/c/CheersWithGourav">
<i class="fa fa-lg fa-youtube"></i>
</a>
</li>
<li><a target="_blank" href="https://www.instagram.com/rhcasharma/">
<i class="fa fa-lg fa-instagram"></i>
</a>
</li>
<li><a target="_blank" href="https://twitter.com/rhcasharma">
<i class="fa fa-lg fa-twitter"></i>
</a>
</li>
</ul>
</div>
</div>
</div>
</section>
<div class="parallax-window" data-parallax="scroll" data-image-src="img/Ottawa_1920x1080.jpg"></div>
<section>
<div class="about-me">
<div class="text-center">
<img class="unselectable" src="img/about-me.png" height="100" width="550">
<br><br>
</div>
<div class="clearfix"></div>
<div class="about-me__content" id="terminal-start">
<p></p>
<pre style="border: none;"></pre>
<br><br>
<div class="command">
<!-- email -->
<p>echo $email</p>
<span class="hideme">email: [email protected]</span>
<!-- phone -->
<p>echo $phone</p>
<span class="hideme">phone: 0091.946.248.1892 </span>
<!-- address -->
<p>echo $address</p>
<span class="hideme">address: 1/2 Rajput Colony, Near Good Shepherd Public School, Sri Ganganagar, Rajasthan, 335001</span>
<!-- education -->
<p>echo $education</p>
<span class="hideme">B Tech, CSE - Govt. College of Engineering and Technology, Bikaner</span>
<!-- eligible_to_work -->
<p>echo $eligible_to_work</p>
<span class="hideme">Resident of India</span>
</div>
</div>
</div>
</section>
<div class="parallax-window-half" data-parallax="scroll"></div>
<section class="flx-center">
<div class="text-center">

<!-- Block 5 -->
<div class="one-block latest-block">
<p class="h4 text-center">Block #: 001</p>
<div class="block-data">
<p>
<label>Title:</label><b>My Road to SysAdmin</b></p>
<p>
<label>Project Link:</label><a href="https://www.redhat.com/sysadmin/my-road-sysadmin">https://www.redhat.com/sysadmin/my-road-sysadmin</a></p>
</div>
</div>

<!-- Block 4 -->
<div class="one-block">
<p class="h4 text-center">Block #: 002</p>
<div class="block-data">
<p>
<label>Title:</label><b>RedHat Certification Verification Link</b></p>
<p>
<label>Certificate link:</label><a href="https://rhtapps.redhat.com/verify?certId=140-149-584">https://rhtapps.redhat.com/verify?certId=140-149-584</a></p>
</div>
</div>

<!-- Block 3 -->
<div class="one-block">
<p class="h4 text-center">Block #: 003</p>
<div class="block-data">
<p>
<label>Title:</label><b>Skills v/s Will</b></p>
<p>
<label>Youtube Link:</label><a href="https://youtu.be/TQMWcotQAi8">https://youtu.be/TQMWcotQAi8</a></p>
</div>
</div>

<br>

<div class="text-center h5"><br>#youtuber</div>
</div>
</section>
<div class="parallax-window" data-parallax="scroll" data-image-src="img/test-oct-6.png"></div>
<!-- =================== script =================== -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jqueryui/1.11.2/jquery-ui.min.js"></script>
<script src="lib/parallax.js-1.4.2/parallax.min.js"></script>
<!-- Latest compiled and minified JavaScript -->

<!-- particles js -->
<script src="https://cdn.jsdelivr.net/particles.js/2.0.0/particles.min.js"></script>

<!-- bootstrap 4.0.0-beta.2 -->
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.12.3/umd/popper.min.js" integrity="sha384-vFJXuSJphROIrBnz7yo7oB41mKfc8JzQZiCq4NCceLEaO4IHwicKwpJf9c9IpFgh"
crossorigin="anonymous"></script>
<script src="https://maxcdn.bootstrapcdn.com/bootstrap/4.0.0-beta.2/js/bootstrap.min.js" integrity="sha384-alpBpkh1PFOepccYVYDB4do5UnbKysX5WZXm3XxPqe5iKTfUKjNkCk9SaVuEZflJ"
crossorigin="anonymous"></script>

<!-- main js file -->
<script src="js/main.js"></script>

<script>
$(document).ready(function () {

// random style on page load
let display_text = ''
switch (Math.round(Math.random() * 2 + 1)) {
case 1:
styleDefault();
display_text = 'Style Block'
break;
case 2:
styleSpace();
display_text = 'Style Space'
break;
case 3:
styleSnow();
display_text = 'Style Snow'
break;
default:
styleSpace();
display_text = 'Style Block'
}
$('#selstyle').text(display_text);

$('#changestyle .dropdown-menu a').click(function () {
var style = $(this).data('val');
switch (style) {
case 'default':
styleDefault();
break;
case 'space':
styleSpace();
break;
case 'snow':
styleSnow();
break;
default:
styleSpace();
}
$('#selstyle').text($(this).text());
});

/*-------------------------------
terminal linux style
-------------------------------*/
var about_me_content_displayed = false;
var $lines = $('.command p');
$lines.hide();

var lineContents = [];
var output = [];

var terminal = function () {
var skip = 0;
typeLine = function (idx) {
idx == null && (idx = 0);
var element = $lines.eq(idx);
var content = lineContents[idx];
if (typeof content == "undefined") {
$('.skip').hide();
return;
}
var charIdx = 0;
var typeChar = function () {
var rand = Math.round(Math.random() * 150) + 20;

setTimeout(function () {
var char = content[charIdx++];
element.append(char);
if (typeof char !== "undefined")
typeChar();
else {
element.append('<br/><span class="output">' + output[idx] + '</span>');
element.removeClass('active');
typeLine(++idx);
}
}, skip ? 0 : rand);
}
element.append('[user@ip-127-0-0-1 ~]$ ').addClass('active');
typeChar();
}

$lines.each(function (i) {
lineContents[i] = $(this).text();
output[i] = $(this).next('span').html();
$(this).text('').show();
});
typeLine();
}

$(window).scroll(function () {
var hT = $('#terminal-start').offset().top,
hH = $('#terminal-start').outerHeight(),
wH = $(window).height(),
wS = $(this).scrollTop() - 250;
if (wS > (hT + hH - wH) && !about_me_content_displayed) {
about_me_content_displayed = true;
terminal();
}
});// end terminal style -------

$('section').each(function () {
$('.slider-navigation').prepend('<div class="tick"></div>');
});

$('.tick').on('click', function () {
var tickIndex = $(this).index();
$('body').scrollTop($(window).height() * tickIndex);
});

updatePos();
}); // end document ready -------

var isDragging = false;
var sliderTop, pointerPos, currentSection;

var bodyHeight = $('body').height();
var sliderHeight = $('.slider-navigation').height();
var elementHeight = $('section').height();
var sectionAmount = $('section').length;
var scale = (bodyHeight - (elementHeight)) / (sliderHeight - $('.nav-pointer').outerHeight());

var waitForFinalEvent = (function () {
var timers = {};
return function (callback, ms, uniqueId) {
if (!uniqueId) {
uniqueId = "resize";
}
if (timers[uniqueId]) {
clearTimeout(timers[uniqueId]);
}
timers[uniqueId] = setTimeout(callback, ms);
};
})();

function updatePos() {
currentSection = $(window).scrollTop() / elementHeight;
currentSectionNum = Math.ceil(currentSection + 0.01);
sliderTop = $(window).scrollTop() / scale;
$('.nav-pointer').css('top', sliderTop).text(currentSectionNum + '/' + sectionAmount);
}

function sliderMove(e) {
$('body').scrollTop(parseInt(e) * scale);
}

$(window).scroll(function () {
if (!isDragging) {
updatePos();
}
});

$(window).resize(function () {
waitForFinalEvent(function () {
bodyHeight = $('body').height();
sliderHeight = $('.slider-navigation').height();
elementHeight = $('section').height();
sectionAmount = $('section').length;
scale = (bodyHeight - (elementHeight)) / (sliderHeight - $('.nav-pointer').outerHeight());

updatePos();
}, 500, "resizing");
});
</script>
</body>

</html>
Loading

0 comments on commit 867a1a3

Please sign in to comment.