Skip to content

P
ProjectWeb
Commit a293191f authored by wutthichai sritonwong's avatar wutthichai sritonwong
Browse files
Options

New Home

parent 6bf09637
Show whitespace changes
Inline Side-by-side
Showing with 201 additions and 38 deletions
public/css/dropdown.css 0 → 100644
View file @ a293191f
.accordion {
width: 100%;
max-width: 360px;
margin: 30px auto 20px;
background: #bd5d38;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}
.accordion .link {
cursor: pointer;
display: block;
padding: 15px 15px 15px 42px;
color: #4D4D4D;
font-size: 3rem;
font-weight:800;
border-bottom: 1px solid #CCC;
position: relative;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.accordion li:last-child .link { border-bottom: 0; }
.accordion li i {
position: absolute;
top: 16px;
left: 12px;
font-size: 20px;
color: #595959;
-webkit-transition: all 0.4s ease;
-o-transition: all 0.4s ease;
transition: all 0.4s ease;
}
.accordion li i.fa-chevron-down {
right: 12px;
left: auto;
font-size: 16px;
}
.accordion li.open .link { color: #b63b4d; }
.accordion li.open i { color: #b63b4d; }
.accordion li.open i.fa-chevron-down {
-webkit-transform: rotate(180deg);
-ms-transform: rotate(180deg);
-o-transform: rotate(180deg);
transform: rotate(180deg);
}
/**
* Submenu
-----------------------------*/
.submenu {
display: none;
background:#bd5d38;
font-size: 16px;
}
.submenu li { border-bottom: 1px solid #bd5d38; }
.submenu a {
display: block;
text-decoration: none;
color: #d9d9d9;
padding: 12px;
padding-left: 42px;
-webkit-transition: all 0.25s ease;
-o-transition: all 0.25s ease;
transition: all 0.25s ease;
}
.submenu a:hover {
background: #b63b4d;
color: #FFF;
}
\ No newline at end of file
public/css/resume.min.css
View file @ a293191f
......@@ -2,4 +2,43 @@
* Start Bootstrap - Resume v5.0.4 (https://startbootstrap.com/template-overviews/resume)
* Copyright 2013-2019 Start Bootstrap
* Licensed under MIT (https://github.com/BlackrockDigital/startbootstrap-resume/blob/master/LICENSE)
*/body{font-family:Muli,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';padding-top:54px;color:#868e96}@media (min-width:992px){body{padding-top:0;padding-left:17rem}}h1,h2,h3,h4,h5,h6{font-family:'Saira Extra Condensed',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-weight:700;text-transform:uppercase;color:#343a40}h1{font-size:6rem;line-height:5.5rem}h2{font-size:3.5rem}h3{font-size:2rem}p.lead{font-size:1.15rem;font-weight:400}.subheading{text-transform:uppercase;font-weight:500;font-family:'Saira Extra Condensed',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';font-size:1.5rem}.social-icons a{display:inline-block;height:3.5rem;width:3.5rem;background-color:#495057;color:#fff!important;border-radius:100%;text-align:center;font-size:1.5rem;line-height:3.5rem;margin-right:1rem}.social-icons a:last-child{margin-right:0}.social-icons a:hover{background-color:#bd5d38}.dev-icons{font-size:3rem}.dev-icons .list-inline-item i:hover{color:#bd5d38}#sideNav .navbar-nav .nav-item .nav-link{font-weight:800;letter-spacing:.05rem;text-transform:uppercase}#sideNav .navbar-toggler:focus{outline-color:#d48a6e}@media (min-width:992px){#sideNav{text-align:center;position:fixed;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:17rem;height:100vh}#sideNav .navbar-brand{display:-webkit-box;display:-ms-flexbox;display:flex;margin:auto auto 0;padding:.5rem}#sideNav .navbar-brand .img-profile{max-width:10rem;max-height:10rem;border:.5rem solid rgba(255,255,255,.2)}#sideNav .navbar-collapse{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;width:100%;margin-bottom:auto}#sideNav .navbar-collapse .navbar-nav{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}#sideNav .navbar-collapse .navbar-nav .nav-item{display:block}#sideNav .navbar-collapse .navbar-nav .nav-item .nav-link{display:block}}section.resume-section{padding-top:5rem!important;padding-bottom:5rem!important;max-width:75rem}section.resume-section .resume-item .resume-date{min-width:none}@media (min-width:768px){section.resume-section{min-height:100vh}section.resume-section .resume-item .resume-date{min-width:18rem}}@media (min-width:992px){section.resume-section{padding-top:3rem!important;padding-bottom:3rem!important}}.bg-primary{background-color:#bd5d38!important}.text-primary{color:#bd5d38!important}a{color:#bd5d38}a:active,a:focus,a:hover{color:#824027}
\ No newline at end of file
*/
body{font-family:Muli,-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';
padding-top:54px;color:#868e96}@media (min-width:992px){body{padding-top:0;padding-left:17rem}}
h1,h2,h3,h4,h5,h6{font-family:'Saira Extra Condensed',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';
font-weight:700;
text-transform:uppercase;
color:#343a40}
h1{font-size:6rem;line-height:5.5rem}
h2{font-size:3.5rem}
h3{font-size:2rem}
p.lead{font-size:1.15rem;font-weight:400}
.subheading{
text-transform:uppercase;
font-weight:500;
font-family:'Saira Extra Condensed',-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,'Helvetica Neue',Arial,sans-serif,'Apple Color Emoji','Segoe UI Emoji','Segoe UI Symbol','Noto Color Emoji';
font-size:1.5rem}
.social-icons a{
display:inline-block;
height:3.5rem;
width:3.5rem;
background-color:#495057;
color:#fff!important;
border-radius:100%;
text-align:center;
font-size:1.5rem;
line-height:3.5rem;
margin-right:1rem}
.social-icons a:last-child{
margin-right:0}
.social-icons a:hover{
background-color:#bd5d38}
.dev-icons{
font-size:3rem}
.dev-icons .list-inline-item i:hover{
color:#bd5d38}
#sideNav .navbar-nav .nav-item .nav-link{
font-weight:800;
letter-spacing:.05rem;
text-transform:uppercase}
#sideNav .navbar-toggler:focus{outline-color:#d48a6e}@media (min-width:992px){#sideNav{text-align:center;position:fixed;top:0;left:0;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:17rem;height:100vh}#sideNav .navbar-brand{display:-webkit-box;display:-ms-flexbox;display:flex;margin:auto auto 0;padding:.5rem}#sideNav .navbar-brand .img-profile{max-width:10rem;max-height:10rem;border:.5rem solid rgba(255,255,255,.2)}#sideNav .navbar-collapse{display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-align:start;-ms-flex-align:start;align-items:flex-start;-webkit-box-flex:0;-ms-flex-positive:0;flex-grow:0;width:100%;margin-bottom:auto}#sideNav .navbar-collapse .navbar-nav{-webkit-box-orient:vertical;-webkit-box-direction:normal;-ms-flex-direction:column;flex-direction:column;width:100%}#sideNav .navbar-collapse .navbar-nav .nav-item{display:block}#sideNav .navbar-collapse .navbar-nav .nav-item .nav-link{display:block}}section.resume-section{padding-top:5rem!important;padding-bottom:5rem!important;max-width:75rem}section.resume-section .resume-item .resume-date{min-width:none}@media (min-width:768px){section.resume-section{min-height:100vh}section.resume-section .resume-item .resume-date{min-width:18rem}}@media (min-width:992px){section.resume-section{padding-top:3rem!important;padding-bottom:3rem!important}}.bg-primary{background-color:#bd5d38!important}.text-primary{color:#bd5d38!important}a{color:#bd5d38}a:active,a:focus,a:hover{color:#824027}
\ No newline at end of file
public/js/dropdown.js 0 → 100644
View file @ a293191f
$(function() {
var Accordion = function(el, multiple) {
this.el = el || {};
this.multiple = multiple || false;
// Variables privadas
var links = this.el.find('.link');
// Evento
links.on('click', {el: this.el, multiple: this.multiple}, this.dropdown)
}
Accordion.prototype.dropdown = function(e) {
var $el = e.data.el;
$this = $(this),
$next = $this.next();
$next.slideToggle();
$this.parent().toggleClass('open');
if (!e.data.multiple) {
$el.find('.submenu').not($next).slideUp().parent().removeClass('open');
};
}
var accordion = new Accordion($('#accordion'), false);
});
!function(t){"use strict";t('a.js-scroll-trigger[href*="#"]:not([href="#"])').click(function(){if(location.pathname.replace(/^\//,"")==this.pathname.replace(/^\//,"")&&location.hostname==this.hostname){var e=t(this.hash);if((e=e.length?e:t("[name="+this.hash.slice(1)+"]")).length)return t("html, body").animate({scrollTop:e.offset().top},1e3,"easeInOutExpo"),!1}}),t(".js-scroll-trigger").click(function(){t(".navbar-collapse").collapse("hide")}),t("body").scrollspy({target:"#sideNav"})}(jQuery);
resources/views/index.blade.php → resources/views/Home.blade.php
View file @ a293191f
......@@ -7,58 +7,61 @@
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="">
<meta name="author" content="">
<title>ร้อยทิป</title>
<link rel="shortcut icon" href="{{{ asset('img/ICON.png') }}}">
<link href="{{ asset('css\bootstrap.min.css') }}" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Saira+Extra+Condensed:500,700" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Muli:400,400i,800,800i" rel="stylesheet">
<link href="{{ asset('css/all.min.css') }}" rel="stylesheet">
<link href="{{ asset('css/resume.min.css') }}" rel="stylesheet">
<link href="{{ asset('css/dropdown.css') }}" rel="stylesheet">
</head>
<body id="page-top">
<!-- แถบข้าง -->
<nav class="navbar navbar-expand-lg navbar-dark bg-primary fixed-top" id="sideNav">
<a class="navbar-brand js-scroll-trigger" href="#page-top">
<a class="navbar js-scroll-trigger" href="#page-top">
<span class="d-block d-lg-none">Clarence Taylor</span>
<span class="d-none d-lg-block">
<img class="img-fluid img-profile rounded-circle mx-auto mb-2" src="img/akk.jpg" alt="">
<!-- <span class="d-none d-lg-block"> -->
<img class="img-fluid img-profile rounded-circle mx-auto mb-2" src="img/maxresdefault.jpg" alt="">
</span>
</a>
<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav">
<ul class="navbar-nav" id="accordion" class="accordion">
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#about">About</a>
<a class="nav-link js-scroll-trigger" href="login/">เข้าสู่ระบบ</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#experience">Experience</a>
<a class="nav-link js-scroll-trigger" href="register/">สมัครสมาชิก</a>
</li>
<br>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#education">Education</a>
<a class="nav-link js-scroll-trigger" href="#Home">หน้าแรก</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#skills">Skills</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#interests">Interests</a>
</li>
<li class="nav-item">
<a class="nav-link js-scroll-trigger" href="#awards">Awards</a>
<li>
<div class="nav-link js-scroll-trigger link js-scroll-trigge" style="font-size: 18px;" >หมวดหมู่</div>
<ul class="submenu nav-link js-scroll-trigger">
<li><a href="#interests">กีฬา</a></li>
<li><a href="#awards">การ์ตูน</a></li>
<li><a href="#experience">ความรัก</a></li>
<li><a href="#education">เพลง</a></li>
<li><a href="#it">ไอที</a></li>
<li><a href="#paryut">การเมือง</a></li>
</ul>
</li>
</ul>
</div>
</nav>
<div class="container-fluid p-0">
<section class="resume-section p-3 p-lg-5 d-flex align-items-center" id="about">
<!-- 1 -->
<section class="resume-section p-3 p-lg-5 d-flex align-items-center" id="Home">
<div class="w-100">
<h1 class="mb-0">Clarence
<h1 class="mb-0">ร้อยทิป
<span class="text-primary">Taylor</span>
</h1>
<div class="subheading mb-5">3542 Berry Street · Cheyenne Wells, CO 80810 · (317) 585-8468 ·
......@@ -83,10 +86,10 @@
</section>
<hr class="m-0">
<!-- 2 -->
<section class="resume-section p-3 p-lg-5 d-flex justify-content-center" id="experience">
<div class="w-100">
<h2 class="mb-5">Experience</h2>
<h2 class="mb-5">หมวดความรัก</h2>
<div class="resume-item d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="resume-content">
......@@ -137,10 +140,10 @@
</section>
<hr class="m-0">
<!-- 3 -->
<section class="resume-section p-3 p-lg-5 d-flex align-items-center" id="education">
<div class="w-100">
<h2 class="mb-5">Education</h2>
<h2 class="mb-5">หมวกเพลง</h2>
<div class="resume-item d-flex flex-column flex-md-row justify-content-between mb-5">
<div class="resume-content">
......@@ -169,10 +172,10 @@
</section>
<hr class="m-0">
<section class="resume-section p-3 p-lg-5 d-flex align-items-center" id="skills">
<!-- 4 -->
<section class="resume-section p-3 p-lg-5 d-flex align-items-center" id="it">
<div class="w-100">
<h2 class="mb-5">Skills</h2>
<h2 class="mb-5">หมวด IT</h2>
<div class="subheading mb-3">Programming Languages &amp; Tools</div>
<ul class="list-inline dev-icons">
......@@ -233,20 +236,20 @@
</section>
<hr class="m-0">
<!-- 5 -->
<section class="resume-section p-3 p-lg-5 d-flex align-items-center" id="interests">
<div class="w-100">
<h2 class="mb-5">Interests</h2>
<h2 class="mb-5">หมวกกีฬา</h2>
<p>Apart from being a web developer, I enjoy most of my time being outdoors. In the winter, I am an avid skier and novice ice climber. During the warmer months here in Colorado, I enjoy mountain biking, free climbing, and kayaking.</p>
<p class="mb-0">When forced indoors, I follow a number of sci-fi and fantasy genre movies and television shows, I am an aspiring chef, and I spend a large amount of my free time exploring the latest technology advancements in the front-end web development world.</p>
</div>
</section>
<hr class="m-0">
<!-- 6 -->
<section class="resume-section p-3 p-lg-5 d-flex align-items-center" id="awards">
<div class="w-100">
<h2 class="mb-5">Awards &amp; Certifications</h2>
<h2 class="mb-5">หมวดการ์ตูน</h2>
<ul class="fa-ul mb-0">
<li>
<i class="fa-li fa fa-trophy text-warning"></i>
......@@ -277,11 +280,21 @@
</ul>
</div>
</section>
<!-- การเมือง -->
<section class="resume-section p-3 p-lg-5 d-flex align-items-center" id="paryut">
<div class="w-100">
<h2 class="mb-5">หมวกการเมือง</h2>
<p>Apart from being a web developer, I enjoy most of my time being outdoors. In the winter, I am an avid skier and novice ice climber. During the warmer months here in Colorado, I enjoy mountain biking, free climbing, and kayaking.</p>
<p class="mb-0">When forced indoors, I follow a number of sci-fi and fantasy genre movies and television shows, I am an aspiring chef, and I spend a large amount of my free time exploring the latest technology advancements in the front-end web development world.</p>
</div>
</section>
<hr class="m-0">
</div>
<!-- Bootstrap core JavaScript -->
<script src="{{ asset('js/jquery.min.js') }}"></script>
<script src="{{ asset('js/dropdown.js') }}"></script>
<script src="{{ asset('js/bootstrap.bundle.min.js') }}"></script>
<script src="{{ asset('js/jquery.easing.min.js') }}"></script>
<script src="{{ asset('js/resume.min.js') }}"></script>
......
resources/views/Register.php
View file @ a293191f
......@@ -130,7 +130,7 @@
}
$conn->close();
}else{
echo 'กรุณากรอกข้อมูล';
// echo 'กรุณากรอกข้อมูล';
}
}
?>
......
resources/views/login.php
View file @ a293191f
......@@ -79,9 +79,9 @@
if (mysqli_num_rows($result) > 0) {
while($row = mysqli_fetch_array($result, MYSQLI_BOTH)) {
if($users==$row[1]){
alert("Hello World");
echo 'กรุณากรอกข้อมูล1';
}else if($Passs==$row[2]){
alert("Hello World 11");
echo 'กรุณากรอกข้อมูล2';
}
}
} else {
......
routes/web.php
View file @ a293191f
......@@ -12,7 +12,7 @@
*/
Route::get('/', function () {
return view('index');
return view('Home');
});
Route::get('/login', function () {
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment