Skip to content

Commit 10b8ff4

Browse files
author
username
committed
Ok
1 parent 45ed93e commit 10b8ff4

12 files changed

+111
-84
lines changed

‎css/_fonts.less

+10-11
Original file line numberDiff line numberDiff line change
@@ -4,11 +4,11 @@
44
@icon-volume-medium: "\ea27";
55
@icon-volume-mute: "\ea29";
66
@icon-volume-mute2: "\ea2a";
7-
@icon-share: "\e900";
7+
@icon-share: "\e94a";
88
@icon-google-plus: "\ea8b";
9-
@icon-facebook: "\ea90";
10-
@icon-twitter: "\ea96";
11-
@icon-linkedin: "\eaca";
9+
@icon-facebook: "\e971";
10+
@icon-twitter: "\e9eb";
11+
@icon-linkedin: "\e9ca";
1212
@icon-pinterest: "\ead1";
1313

1414
@font-face {
@@ -18,6 +18,7 @@
1818
url('@{icomoon-font-path}/kv.ttf?6qtwia') format('truetype'),
1919
url('@{icomoon-font-path}/kv.woff?6qtwia') format('woff'),
2020
url('@{icomoon-font-path}/kv.svg?6qtwia#kv') format('svg');
21+
2122
font-weight: normal;
2223
font-style: normal;
2324
}
@@ -60,10 +61,8 @@
6061
}
6162
}
6263

63-
.icon-share {
64-
&:before {
65-
content: @icon-share;
66-
}
64+
.icon-compass2:before {
65+
content: "\e94a";
6766
}
6867

6968
.icon-google-plus {
@@ -72,19 +71,19 @@
7271
}
7372
}
7473

75-
.icon-facebook {
74+
.icon-user {
7675
&:before {
7776
content: @icon-facebook;
7877
}
7978
}
8079

81-
.icon-twitter {
80+
.icon-cool {
8281
&:before {
8382
content: @icon-twitter;
8483
}
8584
}
8685

87-
.icon-linkedin {
86+
.icon-earth {
8887
&:before {
8988
content: @icon-linkedin;
9089
}

‎css/app.dev.css

+61-10
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎css/app.less

+1-23
Original file line numberDiff line numberDiff line change
@@ -175,29 +175,7 @@ a {
175175
width: 24px;
176176
opacity: 1;
177177
}
178-
#facebook {
179-
.icon-facebook;
180-
}
181-
#twitter {
182-
.icon-twitter;
183-
}
184-
#linkedin {
185-
.icon-linkedin;
186-
}
187-
#google-plus {
188-
.icon-google-plus;
189-
}
190-
#pinterest {
191-
.icon-pinterest;
192-
}
193-
#volume {
194-
margin-left: 10px;
195-
.icon-volume-high;
196-
&.stopped {
197-
.icon-volume-mute;
198-
}
199-
}
200-
}
178+
201179

202180
.message {
203181
position: fixed;

‎fonts/icomoon.eot

2.88 KB
Binary file not shown.

‎fonts/icomoon.svg

+16
Loading

‎fonts/icomoon.ttf

2.72 KB
Binary file not shown.

‎fonts/icomoon.woff

2.79 KB
Binary file not shown.

‎index.html

+14-20
Original file line numberDiff line numberDiff line change
@@ -40,41 +40,35 @@
4040
</div>
4141
<div id=testing></div>
4242
<div id=btns>
43-
<div id=sns><a onclick="setString(this)" class="sns-icon sharer1" id=facebook title="Share to Facebook"
43+
<div id=sns><a onclick="setString(this)" class="sns-icon sharer1 icon-user" data-icon="&#xe971" title="About Me"
4444
data-url=https://agitated-stonebraker-b659c6.netlify.com> </a> <a onclick="setString1(this)"
45-
class="sns-icon sharer2" id=twitter title="Share to Twitter"
45+
class="sns-icon sharer2 icon-cool" title="Expertise"
4646
data-url=https://agitated-stonebraker-b659c6.netlify.com data-title="PhucPham's portfolio site"></a> <a
47-
onclick="setString2(this)" class="sns-icon sharer3" id=linkedin title="Share to LinkedIn"
47+
onclick="setString2(this)" class="sns-icon sharer3 icon-earth" title="Contact ! Toggle On/Off"
4848
data-url=https://agitated-stonebraker-b659c6.netlify.com </a> <a onclick="setString3(this)"
49-
class="sns-icon sharer4" id=google-plus title="Share to Google Plus"
50-
data-url=https://agitated-stonebraker-b659c6.netlify.com> </a> <a id=share></a></div><a id=volume
49+
class="sns-icon sharer4 icon-grin" title="Fun Stuff"
50+
data-url=https://agitated-stonebraker-b659c6.netlify.com> </a> <a class="icon-compass2"></a></div><a class="icon-volume-medium"
5151
title="Music On/Off"></a>
5252
</div>
5353
<section class="quote">
5454
<blockquote class="electric bubble"></blockquote>
5555
</section>
5656
<section class="quote">
5757
<blockquote class="whisper bubble">
58+
<a class="social-link" href="https://www.facebook.com/dioxittdn.phucprobb"><i class="fa fa-facebook"
59+
aria-hidden="true"></i></a>
60+
<a class="social-link" href="https://github.com/php1301"><i class="fa fa-github" aria-hidden="true"></i></a>
61+
<a class="social-link" href="mailto:[email protected]"><i class="fa fa-google"></i></a>
62+
<a class="social-link"
63+
href="https://join.slack.com/t/ordinary-world/shared_invite/enQtNzk4NzYwNjk3MjE5LTVkNzAwNjRkMjQ5ZDM3NTVlZmY4MDk2MDJmYzFjZTg2ZTYyOTBiNmM5MTYyN2JhMTExOWVjOTU2ZjllYWUwMTk"><i
64+
class="fa fa-slack" aria-hidden="true"></i></a>
5865
</blockquote>
5966
</section>
60-
<!-- <div class="sub-menu" id="dropDownMenu" style="background-color: red">
61-
<ul id="navbar">
62-
<li style="color: white;"> First</li>
63-
<li style="color: white;"> First</li>
64-
<li style="color: white;"> First</li>
65-
<li style="color: white;"> First</li>
66-
<li style="color: white;"> First</li>
67-
</ul>
68-
</div>
69-
<button id="circleMenuBtn">click</button> -->
70-
<!-- <section class="icon">
71-
<a href="https://www.facebook.com/dioxittdn.phucprobb"><i class="fa fa-facebook" aria-hidden="true"></i></a>
72-
</section> -->
7367
<div id=msg-slow class=message>
7468
<article>
7569
<p>Maybe a little laggy base on your fps<span id=fps></span>
76-
<p>Check the arrow button to find out more about me :)
77-
<p>Also, please avoid using IE due to its terrible performance.
70+
<p>Check the arrow button to find out more about me :) or call <i class="fa fa-phone" aria-hidden="true"></i> 0888700140
71+
<p>You can toggle On/Off social-link by clicking again. Also, please avoid using IE due to its terrible performance.
7872
</article><a class=message-close>Close</a>
7973
</div>
8074

‎js/app.dev.js

+1-1
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

‎js/text.js

+5-17
Original file line numberDiff line numberDiff line change
@@ -1,18 +1,6 @@
1-
var icon = `<a class="social-link" href="https://www.facebook.com/dioxittdn.phucprobb"><i class="fa fa-facebook" aria-hidden="true"></i></a>
2-
<a class="social-link" href="https://www.facebook.com/dioxittdn.phucprobb"><i class="fa fa-github" aria-hidden="true"></i></a>
3-
<a class="social-link" href="https://www.facebook.com/dioxittdn.phucprobb"><i class="fa fa-google"></i></a>
4-
<a class="social-link" href="https://www.facebook.com/dioxittdn.phucprobb"><i class="fa fa-slack" aria-hidden="true"></i></a>`
5-
$(document).ready(function () {
6-
$(".sharer3").click(function () {
7-
console.log("ok jque");
8-
$(`.whisper`).append(icon);
9-
// $(this).delay(100 * i).fadeIn(500);
10-
$(`.social-link`).each(function (i) {
11-
$(this).delay(300 * i).animate({ opacity: 1 }, 700)
12-
console.log(this);
13-
})
14-
})
1+
2+
$(document).ready(function(){
3+
$(".sharer3").click(function(){
4+
$(".whisper").toggle(2000);
5+
});
156
});
16-
// $("#dropDownMenu li").each(function(i) {
17-
// $(this).delay(100 * i).fadeIn(500);
18-
// });

‎js/text2.js

+2-2
Original file line numberDiff line numberDiff line change
@@ -18,15 +18,15 @@ function setString2(arg){
1818
console.log("ok");
1919
var a=arg.innerHTML;
2020
Typed.new(".electric", {
21-
strings: [ "Amsterdam.", "Full Service.", "Webdevelopment.", "Wij zijn Occhio!"],
21+
strings: [ "Interested in working with me and check out my Projects? Check below! Details call 0888700140"],
2222
typeSpeed: 2
2323
});
2424
}
2525
function setString3(arg){
2626
console.log("ok");
2727
var a=arg.innerHTML;
2828
Typed.new(".electric", {
29-
strings: [ "Amsterdam.", "Full Service.", "Webdevelopment.", "Wij zijn Occhio!"],
29+
strings: [ "I hope for the fact that you would be satified", "After checking out all above informations", "I also want to hang out often, too :)", "Let me an opportunity to join your companion"],
3030
typeSpeed: 2
3131
});
3232
}

‎selection.json

+1
Original file line numberDiff line numberDiff line change
@@ -0,0 +1 @@
1+
{"IcoMoonType":"selection","icons":[{"icon":{"paths":["M512 0c-282.77 0-512 229.23-512 512s229.23 512 512 512 512-229.23 512-512-229.23-512-512-512zM96 512c0-229.75 186.25-416 416-416 109.574 0 209.232 42.386 283.534 111.628l-411.534 176.372-176.372 411.534c-69.242-74.302-111.628-173.96-111.628-283.534zM585.166 585.166l-256.082 109.75 109.75-256.082 146.332 146.332zM512 928c-109.574 0-209.234-42.386-283.532-111.628l411.532-176.372 176.372-411.532c69.242 74.298 111.628 173.958 111.628 283.532 0 229.75-186.25 416-416 416z"],"tags":["compass","direction","location"],"defaultCode":59722,"grid":16,"attrs":[]},"attrs":[],"properties":{"ligatures":"compass2, direction2","name":"compass2","order":13,"id":75,"prevSize":32,"code":59722},"setIdx":0,"setId":1,"iconIdx":74},{"icon":{"paths":["M576 706.612v-52.78c70.498-39.728 128-138.772 128-237.832 0-159.058 0-288-192-288s-192 128.942-192 288c0 99.060 57.502 198.104 128 237.832v52.78c-217.102 17.748-384 124.42-384 253.388h896c0-128.968-166.898-235.64-384-253.388z"],"tags":["user","profile","avatar","person","member"],"defaultCode":59761,"grid":16,"attrs":[]},"attrs":[],"properties":{"ligatures":"user, profile2","name":"user","order":7,"id":114,"prevSize":32,"code":59761},"setIdx":0,"setId":1,"iconIdx":113},{"icon":{"paths":["M512 0c-282.77 0-512 229.23-512 512s229.23 512 512 512 512-229.23 512-512-229.23-512-512-512zM512 960.002c-62.958 0-122.872-13.012-177.23-36.452l233.148-262.29c5.206-5.858 8.082-13.422 8.082-21.26v-96c0-17.674-14.326-32-32-32-112.99 0-232.204-117.462-233.374-118.626-6-6.002-14.14-9.374-22.626-9.374h-128c-17.672 0-32 14.328-32 32v192c0 12.122 6.848 23.202 17.69 28.622l110.31 55.156v187.886c-116.052-80.956-192-215.432-192-367.664 0-68.714 15.49-133.806 43.138-192h116.862c8.488 0 16.626-3.372 22.628-9.372l128-128c6-6.002 9.372-14.14 9.372-22.628v-77.412c40.562-12.074 83.518-18.588 128-18.588 70.406 0 137.004 16.26 196.282 45.2-4.144 3.502-8.176 7.164-12.046 11.036-36.266 36.264-56.236 84.478-56.236 135.764s19.97 99.5 56.236 135.764c36.434 36.432 85.218 56.264 135.634 56.26 3.166 0 6.342-0.080 9.518-0.236 13.814 51.802 38.752 186.656-8.404 372.334-0.444 1.744-0.696 3.488-0.842 5.224-81.324 83.080-194.7 134.656-320.142 134.656z"],"tags":["earth","globe","language","web","internet","sphere","planet"],"defaultCode":59850,"grid":16,"attrs":[]},"attrs":[],"properties":{"ligatures":"earth, globe2","name":"earth","order":10,"id":203,"prevSize":32,"code":59850},"setIdx":0,"setId":1,"iconIdx":202},{"icon":{"paths":["M512 1024c282.77 0 512-229.23 512-512s-229.23-512-512-512-512 229.23-512 512 229.23 512 512 512zM512 96c229.75 0 416 186.25 416 416s-186.25 416-416 416-416-186.25-416-416 186.25-416 416-416zM192 512v64c0 140.8 115.2 256 256 256h128c140.8 0 256-115.2 256-256v-64h-640zM384 756.988c-26.538-9.458-50.924-24.822-71.544-45.446-36.406-36.402-56.456-84.54-56.456-135.542h128v180.988zM576 768h-128v-192h128v192zM711.544 711.542c-20.624 20.624-45.010 35.988-71.544 45.446v-180.988h128c0 51.002-20.048 99.14-56.456 135.542zM225.352 384c0.002 0 0 0 0 0 9.768 0 18.108-7.056 19.724-16.69 6.158-36.684 37.668-63.31 74.924-63.31s68.766 26.626 74.924 63.31c1.616 9.632 9.956 16.69 19.722 16.69 9.768 0 18.108-7.056 19.724-16.688 1.082-6.436 1.628-12.934 1.628-19.312 0-63.962-52.038-116-116-116s-116 52.038-116 116c0 6.378 0.548 12.876 1.628 19.312 1.62 9.632 9.96 16.688 19.726 16.688zM609.352 384c0.002 0 0 0 0 0 9.77 0 18.112-7.056 19.724-16.69 6.158-36.684 37.668-63.31 74.924-63.31s68.766 26.626 74.924 63.31c1.616 9.632 9.958 16.69 19.722 16.69s18.108-7.056 19.722-16.688c1.082-6.436 1.628-12.934 1.628-19.312 0-63.962-52.038-116-116-116s-116 52.038-116 116c0 6.378 0.544 12.876 1.626 19.312 1.624 9.632 9.964 16.688 19.73 16.688z"],"tags":["grin","emoticon","smiley","face"],"defaultCode":59881,"grid":16,"attrs":[]},"attrs":[],"properties":{"ligatures":"grin, emoticon11","name":"grin","order":11,"id":234,"prevSize":32,"code":59881},"setIdx":0,"setId":1,"iconIdx":233},{"icon":{"paths":["M512 1024c282.77 0 512-229.23 512-512s-229.23-512-512-512-512 229.23-512 512 229.23 512 512 512zM512 96c229.75 0 416 186.25 416 416s-186.25 416-416 416-416-186.25-416-416 186.25-416 416-416zM800 256c17.6 0 32 14.4 32 32v96c0 35.2-28.8 64-64 64h-128c-35.2 0-64-28.8-64-64h-128c0 35.2-28.8 64-64 64h-128c-35.2 0-64-28.8-64-64v-96c0-17.6 14.4-32 32-32h192c17.6 0 32 14.4 32 32v32h128v-32c0-17.6 14.4-32 32-32h192zM512 768c93.208 0 174.772-49.818 219.546-124.278l54.88 32.934c-55.966 93.070-157.916 155.344-274.426 155.344-48.458 0-94.384-10.796-135.54-30.082l33.162-55.278c31.354 13.714 65.964 21.36 102.378 21.36z"],"tags":["cool","emoticon","smiley","face"],"defaultCode":59883,"grid":16,"attrs":[]},"attrs":[],"properties":{"ligatures":"cool, emoticon13","name":"cool","order":12,"id":236,"prevSize":32,"code":59883},"setIdx":0,"setId":1,"iconIdx":235},{"icon":{"paths":["M719.53 831.53c-12.286 0-24.566-4.686-33.942-14.056-18.744-18.744-18.744-49.136 0-67.882 131.006-131.006 131.006-344.17 0-475.176-18.744-18.746-18.744-49.138 0-67.882 18.744-18.742 49.138-18.744 67.882 0 81.594 81.59 126.53 190.074 126.53 305.466 0 115.39-44.936 223.876-126.53 305.47-9.372 9.374-21.656 14.060-33.94 14.060v0zM549.020 741.020c-12.286 0-24.566-4.686-33.942-14.058-18.746-18.746-18.746-49.134 0-67.88 81.1-81.1 81.1-213.058 0-294.156-18.746-18.746-18.746-49.138 0-67.882s49.136-18.744 67.882 0c118.53 118.53 118.53 311.392 0 429.922-9.372 9.368-21.656 14.054-33.94 14.054z","M416.006 960c-8.328 0-16.512-3.25-22.634-9.374l-246.626-246.626h-114.746c-17.672 0-32-14.326-32-32v-320c0-17.672 14.328-32 32-32h114.746l246.626-246.628c9.154-9.154 22.916-11.89 34.874-6.936 11.958 4.952 19.754 16.622 19.754 29.564v832c0 12.944-7.796 24.612-19.754 29.564-3.958 1.64-8.118 2.436-12.24 2.436z"],"tags":["volume-medium","volume","audio","speaker","player"],"defaultCode":59943,"grid":16,"attrs":[]},"attrs":[],"properties":{"ligatures":"volume-medium, volume2","name":"volume-medium","order":14,"id":296,"prevSize":32,"code":59943},"setIdx":0,"setId":1,"iconIdx":295}],"height":1024,"metadata":{"name":"icomoon"},"preferences":{"showGlyphs":true,"showQuickUse":true,"showQuickUse2":true,"showSVGs":true,"fontPref":{"prefix":"icon-","metadata":{"fontFamily":"icomoon"},"metrics":{"emSize":1024,"baseline":6.25,"whitespace":50},"embed":false},"imagePref":{"prefix":"icon-","png":true,"useClassSelector":true,"color":0,"bgColor":16777215,"classSelector":".icon"},"historySize":50,"showCodes":true,"gridSize":16}}

0 commit comments

Comments
 (0)