Skip to content
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

Solve Fixes : #21 Add Terminal typing to role #38

Merged
merged 8 commits into from
Oct 1, 2023
Merged

Solve Fixes : #21 Add Terminal typing to role #38

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
8 commits
Select commit Hold shift + click to select a range
428af89
Add Terminal typing to role
mathanraj0601 Oct 1, 2023
04ee750
Merge branch 'main' into feature/terminal-typing
mathanraj0601 Oct 1, 2023
0f01372
Update Terminal typing color
mathanraj0601 Oct 1, 2023
3ed9afc
resolve conflict
mathanraj0601 Oct 1, 2023
ad41a6c
Updated typing text color
mathanraj0601 Oct 1, 2023
3bea320
Updated typinp text roles
mathanraj0601 Oct 1, 2023
6c20518
Updated js file location
mathanraj0601 Oct 1, 2023
2cde2b6
Added typingAnimation JS file
mathanraj0601 Oct 1, 2023
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
13 changes: 12 additions & 1 deletion css/style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -117,6 +117,17 @@ a:visited {
color: #01b3af;
}

.home .container #role
{
color: #272341;
}

.home .container .typed-cursor
{
color: #272341 ;
}


.home .container a.button {
position: relative;
display: flex;
Expand Down Expand Up @@ -651,4 +662,4 @@ a:visited {
.footer{
font-size: 12.5px;
}
}
}
19 changes: 12 additions & 7 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -4,16 +4,17 @@
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Minifolio</title>
<link rel="shortcut icon" href="Minifolio.png" type="image/x-icon">
<link rel="shortcut icon" href="Minifolio.png" type="image/x-icon" />
<link rel="stylesheet" href="css/style.css" />
<script src="https://unpkg.com/ionicons@latest/dist/ionicons.js"></script>
<link rel="stylesheet" href="css/button.css" />
<script src="https://unpkg.com/[email protected]/dist/typed.umd.js"></script>
<link rel="stylesheet" href="button.css" />
</head>
<body>
<div class="home">
<div class="container">
Hi, my name is <span>Your Name</span> <br />I'm the Unknown Developer
<br />
Hi, my name is <span>Your Name</span> <br />I'm <span id="role"> </span>
<a class="button" href="#about">Know more</a>
</div>
</div>
Expand Down Expand Up @@ -99,16 +100,20 @@

<div class="footer">
<!--since 'span' is an inline element so all the spans are displayed in one line one after the other, if we use 'div' then all the elements will apper in different boxes (try it out )-->
<span>Copyright ©<span id="copyright-year"></span> All Rights Reserved | </span>
<span>&nbsp;Template Developed With
<span
>Copyright ©<span id="copyright-year"></span> All Rights Reserved |
</span>
<span
>&nbsp;Template Developed With
<span class="icon-heart">❤️</span>
By
</span>
<span>
<a href="https://github.com/divyanshudhruv">&nbsp;Divyanshu Dhruv</a>
</span>
</div>
<script src="/js/script.js"></script>
<script src="/js/copyRight.js"></script>
<script src="js/script.js"></script>
<script src="js/typingAnimation.js"></script>
<script src="js/copyRight.js"></script>
</body>
</html>
7 changes: 7 additions & 0 deletions js/typingAnimation.js
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -0,0 +1,7 @@
// Custom the typed strings array based on your roles
var typed = new Typed("#role", {
strings: ["the Unknown Developer", "a UI/UX Designer", "a Youtuber"],
typeSpeed: 210,
backSpeed: 40,
loop: true,
});