forked from miguel456/rbrecruiter
195 lines
12 KiB
PHP
195 lines
12 KiB
PHP
|
@extends('adminlte::page')
|
||
|
|
|
||
|
|
@section('title', 'Raspberry Network | Profile')
|
||
|
|
|
||
|
|
@section('content_header')
|
||
|
|
|
||
|
|
<h4>My Profile / Settings</h4>
|
||
|
|
|
||
|
|
@stop
|
||
|
|
|
||
|
|
@section('css')
|
||
|
|
|
||
|
|
<link rel="stylesheet" href="/css/profile.css">
|
||
|
|
|
||
|
|
@stop
|
||
|
|
|
||
|
|
@section('content')
|
||
|
|
|
||
|
|
|
||
|
|
<div class="row">
|
||
|
|
|
||
|
|
<div class="col">
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="col">
|
||
|
|
|
||
|
|
<div class="card card-primary card-outline">
|
||
|
|
<div class="card-body box-profile">
|
||
|
|
<div class="text-center">
|
||
|
|
<img class="profile-user-img img-fluid img-circle" src="https://gravatar.com/avatar/{{md5(Auth::user()->email)}}" alt="User profile picture">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<h3 class="profile-username text-center">{{Auth::user()->name}}</h3>
|
||
|
|
|
||
|
|
<p class="text-muted text-center">[short bio]</p>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="card-footer text-center">
|
||
|
|
|
||
|
|
<a href="#" class="pr-2 pl-2"><i class="fab fa-github fa-2x"></i></a>
|
||
|
|
<a href="#" class="pr-2 pl-2"><i class="fab fa-discord fa-2x"></i></a>
|
||
|
|
<a href="#" class="pr-2 pl-2"><i class="fab fa-twitter fa-2x"></i></a>
|
||
|
|
<a href="#" class="pr-2 pl-2"><i class="fab fa-instagram fa-2x"></i></a>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<!-- /.card-body -->
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<div class="col">
|
||
|
|
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
|
||
|
|
<form>
|
||
|
|
|
||
|
|
<div class="row mt-3">
|
||
|
|
|
||
|
|
<div class="col">
|
||
|
|
|
||
|
|
<div class="card">
|
||
|
|
|
||
|
|
<div class="card-header">
|
||
|
|
|
||
|
|
<div class="card-title"><h3>Basic Information</h3></div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="card-body">
|
||
|
|
|
||
|
|
<div class="row">
|
||
|
|
|
||
|
|
<div class="col">
|
||
|
|
|
||
|
|
<label for="firstName">First Name</label>
|
||
|
|
<input type="text" class="form-control" name="firstName" id="firstName">
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="col">
|
||
|
|
|
||
|
|
<label for="lastName">Last Name</label>
|
||
|
|
<input type="text" class="form-control" name="lastName" id="lastName">
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="form-group mt-3">
|
||
|
|
|
||
|
|
<label for="shortBio">Short Bio</label>
|
||
|
|
<input type="text" name="shortBio" id="shortBio" class="form-control">
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="form-group mt-3">
|
||
|
|
|
||
|
|
<label for="aboutMe">About Me</label>
|
||
|
|
<textarea name="aboutMe" id="aboutMe" rows="8" class="form-control">
|
||
|
|
</textarea>
|
||
|
|
<p class="text-muted"><a href="https://github.com/adam-p/markdown-here/wiki/Markdown-Cheatsheet">Github-flavored Markdown</a> supported</p>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="col">
|
||
|
|
|
||
|
|
<div class="card">
|
||
|
|
|
||
|
|
<div class="card-header">
|
||
|
|
<div class="card-title"><h3>Preferences & Media</h3></div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="card-body">
|
||
|
|
|
||
|
|
<label>Retrieve avatar from: </label>
|
||
|
|
|
||
|
|
<div class="form-group mb-3">
|
||
|
|
|
||
|
|
<label>
|
||
|
|
<input type="radio" name="avatarPref" value="MOJANG" checked>
|
||
|
|
<img alt="Mojang Logo (Minecraft)" height="150px" width="150px" src="data:image/svg+xml;utf8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiIHN0YW5kYWxvbmU9Im5vIj8+CjxzdmcgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB3aWR0aD0iMjUwMCIgaGVpZ2h0PSIzODQiIHZpZXdCb3g9IjAgMCAzNzggNTgiPjxwYXRoIGQ9Ik0wIDBoMTUuNjZDNy44MyAxLjA0LjgxIDcuMDkgMCAxNS4xOVYweiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0xNS42NiAwaDQyLjYxYy4wNSAxNCAuMTEgMjgtLjAxIDQyLS4wMjEgOC4wNC02LjcxIDE0LjgyLTE0LjQ4IDE2SDBWMTUuMTlDLjgxIDcuMDkgNy44MyAxLjA0IDE1LjY2IDB6IiBmaWxsPSIjZGIyMzMxIi8+PHBhdGggZD0iTTU4LjI3IDBoOTEuMDZjLTcuMzEgMS0xNC40MiA0LjM3LTE5LjIgMTAuMDktNi40MiA3LjM1LTguNzMgMTguMDMtNS43OCAyNy4zNCAzLjI1IDExLjA4IDEzLjUyIDE5LjQ0IDI0Ljk5IDIwLjU3SDQzLjc4YzcuNzcxLTEuMTggMTQuNDYtNy45NiAxNC40OC0xNiAuMTItMTQgLjA2LTI4IC4wMS00MnoiIGZpbGw9IiNmZmYiLz48cGF0aCBkPSJNMTQ5LjMzIDBoNS40M2M5LjU4Ljk4IDE4LjYyIDYuNjkgMjMuMTEgMTUuMyA1Ljc4IDEwLjMxIDQuMTUgMjQuMDMtMy43NCAzMi44MS00LjY2IDUuNTMxLTExLjUzIDguNzUtMTguNTkgOS44OTFoLTYuMmMtMTEuNDctMS4xMy0yMS43NC05LjQ5LTI0Ljk5LTIwLjU3LTIuOTUtOS4zMS0uNjQtMTkuOTkgNS43OC0yNy4zNEMxMzQuOTEgNC4zNyAxNDIuMDIgMSAxNDkuMzMgMHoiIGZpbGw9IiMwNDA3MDciLz48cGF0aCBkPSJNMTU0Ljc2IDBoMTkxLjU0MWMtOS41NyAxLTE4LjYwMiA2LjctMjMuMDcgMTUuMzEtNS42MzEgMTAuMDctNC4yNCAyMy40MTEgMy4yMjkgMzIuMTkgNC42NCA1Ljg1OSAxMS42OSA5LjM0IDE4Ljk4OSAxMC41SDE1NS41NGM3LjA2LTEuMTQxIDEzLjkzLTQuMzU5IDE4LjU5LTkuODkxIDcuODktOC43NzkgOS41Mi0yMi41IDMuNzQtMzIuODFDMTczLjM4IDYuNjkgMTY0LjM0Ljk4IDE1NC43NiAweiIgZmlsbD0iI2ZmZiIvPjxwYXRoIGQ9Ik0zNDYuMzAxIDBoNS4zNEMzNjEuODcgMS4wNiAzNzEgNy42NSAzNzUuNSAxNi44NWMtNC4wMS4wNC04LjAxLjA0LTEyLjAxIDAtMy4zMDEtMy4zNy03LjUtNi4xMS0xMi4zMDEtNi41OC02LjkxLTEtMTMuOTkgMi40NS0xNy44ODkgOC4xMy00LjcwMSA2LjU2LTQuMzQxIDE2LjIyLjg4OSAyMi4zNyA0Ljc1IDYuMDUxIDEzLjMyIDguNzMgMjAuNjIxIDYuMTUgNi4xNDktMS45MiAxMC42MDktNy4xOTkgMTIuNTY5LTEzLjE5OS03LjE3LS4wNjEtMTQuMzI5LS4wMjEtMjEuNDg5LS4wMzEtLjAxMS0zLjM3OS0uMDExLTYuNzUtLjAyMS0xMC4xMjkgMTAuNTc5IDAgMjEuMTU5LS4wMSAzMS43NS4wMS4wOS43My4yOCAyLjE4LjM4IDIuOTF2NS4yMmMtMS4yNzkgMTMuNTUtMTIuNzMgMjUuMDY5LTI2LjMyIDI2LjNoLTYuMjNjLTcuMjk5LTEuMTYtMTQuMzUtNC42NDEtMTguOTg5LTEwLjUtNy40Ny04Ljc3OS04Ljg2LTIyLjEyLTMuMjI5LTMyLjE5QzMyNy42OTkgNi43IDMzNi43MyAxIDM0Ni4zMDEgMHoiIGZpbGw9IiMwNDA3MDciLz48cGF0aCBkPSJNMzUxLjY0MSAwSDM3OHYyNi40OGMtLjEtLjczLS4yOS0yLjE4LS4zOC0yLjkxLTEwLjU5MS0uMDItMjEuMTcxLS4wMS0zMS43NS0uMDEuMDEgMy4zOC4wMSA2Ljc1LjAyMSAxMC4xMjkgNy4xNi4wMTEgMTQuMzE5LS4wMjkgMjEuNDg5LjAzMS0xLjk2IDYtNi40MiAxMS4yNzktMTIuNTY5IDEzLjE5OS03LjMwMSAyLjU4LTE1Ljg3MS0uMS0yMC42MjEtNi4xNS01LjIyOS02LjE0OS01LjU5LTE1LjgxLS44ODktMjIuMzcgMy44OTgtNS42OCAxMC45NzktOS4xMyAxNy44ODktOC4xMyA0LjgwMS40NyA5IDMuMjEgMTIuMzAxIDYuNTggNCAuMDQgOCAuMDQgMTIuMDEgMEMzNzEgNy42NSAzNjEuODcgMS4wNiAzNTEuNjQxIDB6IiBmaWxsPSIjZmZmIi8+PHBhdGggZD0iTTY2LjY5Ljk0YzIuNyAwIDUuNDEuMDEgOC4xMS4wNSA1Ljc5IDguNCAxMS40MzkgMTYuODkgMTcuMzggMjUuMTggNS42OS04LjM5IDExLjU0LTE2LjY2IDE3LjE1LTI1LjEgMi43LS4xIDUuNC0uMTUgOC4xMS0uMTl2NTYuMTljLTMuMzUuMDUtNi43LS4wMy0xMC4wNS0uMTQxLjA3LTExLjY4OS4wOS0yMy4zOC0uMDEtMzUuMDctNC4zMiA1Ljk0LTguMjkgMTIuMTIxLTEyLjQ3IDE4LjE1QzkzLjAxIDQwIDkxLjEgNDAgODkuMiAzOS45OWMtNC4xLTYuMDQtOC4xMDktMTIuMTQtMTIuMzctMTguMDctLjE3IDExLjY4OS0uMDQgMjMuMzgtLjA2IDM1LjA2MS0zLjM2LjA4LTYuNzIuMS0xMC4wOC4wNDktLjAxLTE4LjcgMC0zNy4zOSAwLTU2LjA5ek0xODMuMTIgMS4wNmgzMWMtLjAxMSAxMC42NC4wMyAyMS4yOS0uMDExIDMxLjkzLS4wMzkgNS42OC0xLjExOSAxMS43Mi00LjkxIDE2LjE2LTYuNDc5IDcuMjI5LTE3LjAyOSA3LjgxLTI2LjA3OSA3Ljg5IDAtMy4xNyAwLTYuMzQuMDItOS41MTEgNS42OC0uMTI5IDExLjk2OS0uMTA5IDE2Ljc0LTMuNjU5IDMuMzE5LTIuNTMgNC4xNi02Ljk2IDQuMTYtMTAuODk5LjAyMS03LjU2MS4wOS0xNS4xMjEtLjA2LTIyLjY4MS02Ljk2MS4wNC0xMy45MS4wMi0yMC44Ni4wMlYxLjA2ek0yMzcuNzkgMS40NWMyLjEwMS0xLjM5IDUuMzctLjQyIDcuOTItLjU3IDcuNDQgMTguNzIgMTQuOTc5IDM3LjQxIDIyLjQ1IDU2LjEyLTMuNjMxLjEyLTcuMjcuMDktMTAuOS0uMDYxLTEuNjE5LTQuNTEtMy40Mi04Ljk0OS01LjA1LTEzLjQ1OS02Ljg3LS4wOS0xMy43MjktLjAyMS0yMC42MDEtLjA1MS0xLjkzIDQuNDUtMy4yMDkgOS4yNi01LjUxIDEzLjQ5LTMuNTQ5LjMxMS03LjExOS4xNDEtMTAuNjguMTNDMjIyLjkxIDM4LjUyOSAyMzAuMTUgMTkuOSAyMzcuNzkgMS40NXpNMjcxLjgxMS45NWMyLjYyOS4wMSA1LjI2LjA0IDcuODk5LjA5IDguMTQgMTEuNzMgMTYuMjI5IDIzLjUyIDI0LjYwMSAzNS4wOS4xMTktMTEuNjkuMDYtMjMuMzkuMDI5LTM1LjA5IDMuMzQtLjA3IDYuNjg5LS4xMSAxMC4wMy0uMDk
|
||
|
|
</label>
|
||
|
|
|
||
|
|
<label>
|
||
|
|
<input type="radio" name="avatarPref" value="GRAVATAR">
|
||
|
|
<img alt="Gravatar logo" src="/img/gravatar.png">
|
||
|
|
</label>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<label>Social Media</label>
|
||
|
|
|
||
|
|
<div class="input-group mb-3">
|
||
|
|
<div class="input-group-prepend">
|
||
|
|
<span class="input-group-text"><i class="fab fa-github"></i></span>
|
||
|
|
</div>
|
||
|
|
<input name="social[]" type="text" class="form-control" placeholder="Github Username">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="input-group mb-3">
|
||
|
|
<div class="input-group-prepend">
|
||
|
|
<span class="input-group-text"><i class="fab fa-discord"></i></span>
|
||
|
|
</div>
|
||
|
|
<input name="social[]" type="text" class="form-control" placeholder="Discord Handle">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="input-group mb-3">
|
||
|
|
<div class="input-group-prepend">
|
||
|
|
<span class="input-group-text"><i class="fab fa-twitter"></i></span>
|
||
|
|
</div>
|
||
|
|
<input name="social[]" type="text" class="form-control" placeholder="Twitter Username">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="input-group mb-3">
|
||
|
|
<div class="input-group-prepend">
|
||
|
|
<span class="input-group-text"><i class="fab fa-instagram"></i></span>
|
||
|
|
</div>
|
||
|
|
<input name="social[]" type="text" class="form-control" placeholder="Instagram Username">
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="row mt-3">
|
||
|
|
|
||
|
|
<div class="col text-center">
|
||
|
|
|
||
|
|
<button type="button" class="btn btn-success">Update Profile</button>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</div>
|
||
|
|
|
||
|
|
</form>
|
||
|
|
|
||
|
|
@stop
|