update the rest of the projects and remove the view dir
This commit is contained in:
|
Before Width: | Height: | Size: 1.2 MiB After Width: | Height: | Size: 1.2 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 187 KiB After Width: | Height: | Size: 203 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 3.8 MiB After Width: | Height: | Size: 3.1 MiB |
BIN
public/portfolio/projects/psychotherapist.png
Normal file
BIN
public/portfolio/projects/psychotherapist.png
Normal file
Binary file not shown.
|
After Width: | Height: | Size: 4.0 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 18 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 73 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 28 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 29 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 102 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 40 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 51 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 1.5 MiB |
Binary file not shown.
|
Before Width: | Height: | Size: 31 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 46 KiB |
Binary file not shown.
|
Before Width: | Height: | Size: 5.6 KiB |
@@ -1,561 +0,0 @@
|
||||
<html data-scroll="0">
|
||||
|
||||
<head lang="en">
|
||||
<meta charset="utf-8">
|
||||
<meta name="viewport" content="width=device-width, initial-scale=1">
|
||||
<title>Patryk Kuchta</title>
|
||||
<link rel="stylesheet" href="stylesheets/reset.css" type="text/css" />
|
||||
<link rel="stylesheet" href="stylesheets/style.css" type="text/css" />
|
||||
<!-- Bootstrap CSS -->
|
||||
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/css/bootstrap.min.css"
|
||||
integrity="sha384-MCw98/SFnGE8fJT3GXwEOngsV7Zt27NXFoaoApmYm81iuXoPkFOJwJ8ERdknLPMO" crossorigin="anonymous">
|
||||
|
||||
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js"
|
||||
integrity="sha384-q8i/X+965DzO0rT7abK41JStQIAqVgRVzpbzo5smXKp4YfRvH+8abtTE1Pi6jizo"
|
||||
crossorigin="anonymous"></script>
|
||||
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.3/umd/popper.min.js"
|
||||
integrity="sha384-ZMP7rVo3mIykV+2+9J3UJ46jBk0WLaUAdn689aCwoqbBJiSnjAK/l8WvCWPIPm49"
|
||||
crossorigin="anonymous"></script>
|
||||
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.1.3/js/bootstrap.min.js"
|
||||
integrity="sha384-ChfqqxuZUCnJSK3+MXmPNIyE6ZbWh2IMqE241rYiqJxyMiZ6OW/JmZQ5stwEULTy"
|
||||
crossorigin="anonymous"></script>
|
||||
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@100&display=swap" rel="stylesheet">
|
||||
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link rel="preconnect" href="https://fonts.googleapis.com">
|
||||
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
|
||||
<link href="https://fonts.googleapis.com/css2?family=PT+Serif:ital@1&display=swap" rel="stylesheet">
|
||||
<link
|
||||
href="https://fonts.googleapis.com/css2?family=Gemunu+Libre:wght@200;300&family=Mulish:wght@300;500&display=swap"
|
||||
rel="stylesheet">
|
||||
</head>
|
||||
|
||||
<body>
|
||||
<div id="floatingmenu">
|
||||
<div class="triangle">
|
||||
<a href="#intro"> <img class="totop" src="images/top.png"> </a>
|
||||
</div>
|
||||
</div>
|
||||
<div class="floatingwarning">
|
||||
Please be aware that this website is only a preview of my previous work!
|
||||
Most information here has not been updated since I have created my newest website:
|
||||
If you are visiting to read about me please click <a href="/">here</a> to go to the newest website.
|
||||
</div>
|
||||
<div class="container-fluid p-0 m-0 w-100 d-inline">
|
||||
<div class="row pt-1 m-0" id="intro">
|
||||
<div class="col-md-5">
|
||||
<img src="images/profile.png" alt="picture of me" class="profile" />
|
||||
</div>
|
||||
<div class="col-md-5" id="intro_text">
|
||||
<h1>Hello! My name is <b>Patryk Kuchta</b>. I'm a Computer Science Student at Queen Mary University in
|
||||
London. I'm looking forward to becoming a <b>Software Engineer</b>.</h1>
|
||||
<p>
|
||||
<br>
|
||||
Growing up in the era of rapid digitalization, by the time I was in high school, I was sure where I
|
||||
was heading for my career, and it was computer science. Why? Because computers are my hobby and I
|
||||
love solving logical-mathematical problems, furthermore there are plenty of ways to apply IT to
|
||||
regular Engineering, which always was something that I was interested in. Getting a place at a very
|
||||
reputable Queen Mary University in London and a job at Queen Mary University as a Demonstrator
|
||||
(Teaching Assistant)
|
||||
put me on the right track to achieve success in my life.
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
<br>
|
||||
</p>
|
||||
<a class="jumpto" href="#education">Education</a>
|
||||
<a class="jumpto" href="#experience">Experience</a>
|
||||
<a class="jumpto" href="#certification">Certificates</a>
|
||||
<a class="jumpto" href="#skills">Skills</a>
|
||||
<a class="jumpto" href="#projects">Projects</a>
|
||||
<a class="jumpto" href="#contact">Contact</a>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row m-0" id="education">
|
||||
<div class="col-md-2">
|
||||
</div>
|
||||
<div class="col-md-3 white_text">
|
||||
<h1>
|
||||
<b>"An investment in knowledge pays the best interest."</b><br> <i>Benjamin Franklin</i>
|
||||
</h1>
|
||||
</div>
|
||||
<div class="col-md-5 white_text">
|
||||
<p style="text-align:left;">
|
||||
Second year student at Queen Mary University, London
|
||||
<span class="date">
|
||||
Since September 2020
|
||||
</span><br>
|
||||
Course: (BSc) Computer Science <br>
|
||||
• First year’s average mark at 89% <br>
|
||||
• 1st in all eight modules
|
||||
</p>
|
||||
<hr>
|
||||
<p style="text-align:left;">
|
||||
Jan Zamoyski High School, Warsaw
|
||||
<span class="date">
|
||||
2017 - 2020
|
||||
</span><br>
|
||||
• Class with extended Mathematics, IT and Physics
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-2">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row p-0 m-0" id="experience">
|
||||
<div class="col-md-1"></div>
|
||||
<div class="col-md-10">
|
||||
<h1 class="colour_head">
|
||||
My professional experience
|
||||
</h1>
|
||||
<p id="exp_text">
|
||||
Although I am only 20 years old, I have already worked in 7 different companies. This of course gave
|
||||
me a lot of insight into how companies work, both those big and startups. My early jobs
|
||||
centred around hospitality and retail, which gave me knowledge about problems that could be solved
|
||||
using IT in those areas. Lately, I'm mostly involved in positions about teaching and supporting
|
||||
students, which are stimulating my skills that are important in IT workplaces, for example, the
|
||||
ability to explain concepts to a 'non-IT' crowd, and leading a team. In February, in keeping with my
|
||||
passion for teaching I have decided to start working as a freelance private tutor.
|
||||
</p>
|
||||
<div class="row pt-4 m-0">
|
||||
<div class="col-md-3 p-2">
|
||||
</div>
|
||||
<div class="col-md-6 p-2">
|
||||
<div class="binner">
|
||||
<p style="text-align:left;">
|
||||
<b>Freelance private Tutoring @ Kuchta Tutoring</b>
|
||||
<span class="date">
|
||||
<b>Since February 2022</b>
|
||||
</span><br>
|
||||
<hr>
|
||||
<b>
|
||||
• Find out more <a href="tutor.html">here</a><br />
|
||||
• Further improved my tutoring skills<br />
|
||||
• Gained a lot of knowledge into how businesses are run
|
||||
</b>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-3 p-2">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row pt-4 m-0">
|
||||
<div class="col-md-6 p-2">
|
||||
<div class="binner">
|
||||
<p style="text-align:left; ">
|
||||
<b>Demonstrator at Queen Mary University in London</b>
|
||||
<span class="date">
|
||||
<b>Since September 2021</b>
|
||||
</span><br>
|
||||
<hr>
|
||||
<b>
|
||||
• Improved my interpersonal skills<br>
|
||||
• Gained further professionalism in a remote working environment<br>
|
||||
• Gained knowledge in explaining IT concepts in a professional manner<br>
|
||||
• Tailored resources for individual needs
|
||||
</b>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 p-2">
|
||||
<div class="binner">
|
||||
<p style="text-align:left;">
|
||||
<b>Tutor at FireTechCamp in London</b>
|
||||
<span class="date">
|
||||
<b>Since January 2022</b>
|
||||
</span><br>
|
||||
<hr>
|
||||
<b>
|
||||
• Improved my interpersonal skills<br />
|
||||
• Gained further professionalism in remote working environments<br />
|
||||
• Gained knowledge in explaining IT concepts in a professional manner<br />
|
||||
• Refined my experience with tailoring resources for individual needs<br />
|
||||
</b>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="row pt-4 m-0">
|
||||
<div class="col-md-6 p-2">
|
||||
<div class="binner">
|
||||
<p style="text-align:left; ">
|
||||
<b>Tutor at MyTutor in London</b>
|
||||
<span class="date">
|
||||
<b>Since December 2021</b>
|
||||
</span><br>
|
||||
<hr>
|
||||
<b>
|
||||
• Acquired experience tutoring “one to one”<br />
|
||||
• Gained further professionalism in remote working environments<br />
|
||||
• Gained knowledge in explaining computer science concepts<br />
|
||||
• Refined my experience with tailoring resources for individual needs<br />
|
||||
</b>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-6 p-2">
|
||||
<div class="binner">
|
||||
<p style="text-align:left;">
|
||||
<b>Coding Tutor at Kodland in London</b>
|
||||
<span class="date">
|
||||
<b>May - August 2021</b>
|
||||
</span><br>
|
||||
<hr>
|
||||
<b>
|
||||
• Improved my presentational skills<br />
|
||||
• Gained experience in a remote working environment<br />
|
||||
• Gained skills in explaining programming principles<br /><br />
|
||||
</b>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
<br />
|
||||
</div>
|
||||
<div class="col-md-1"></div>
|
||||
</div>
|
||||
<div class="row pt-5 pb-5 m-0" id="certification">
|
||||
<div class="col-md-1">
|
||||
</div>
|
||||
<div class="col-md-2 white_text">
|
||||
<h1>
|
||||
<b>Acquired certification</b>
|
||||
</h1>
|
||||
</div>
|
||||
<div class="col-md-4 white_text">
|
||||
<p style="text-align:left;">
|
||||
IELTS Academic C1
|
||||
<span class="date">
|
||||
2020
|
||||
</span><br>
|
||||
Listening: 9.0, Reading: 8.0, Writing: 6.5, Speaking: 7.0, Overall: 7.5
|
||||
</p>
|
||||
<hr>
|
||||
<p style="text-align:left;">
|
||||
Project Management Principles
|
||||
<span class="date">
|
||||
2019
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-4 white_text">
|
||||
<p style="text-align:left;">
|
||||
Full EU Driver’s License
|
||||
<span class="date">
|
||||
2015 and 2019
|
||||
</span><br>
|
||||
AM and B Categories.
|
||||
</p>
|
||||
<hr>
|
||||
<p style="text-align:left;">
|
||||
Project Management Fundamentals
|
||||
<span class="date">
|
||||
2019
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-1">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row m-0 p-0" id="skills">
|
||||
<div class="col-md-1">
|
||||
|
||||
</div>
|
||||
<div class="col-md-10">
|
||||
<h1 class="colour_head">
|
||||
Some of the skills, that I have gained throught my life.
|
||||
</h1>
|
||||
<p>
|
||||
Programming languages
|
||||
</p>
|
||||
<div class="row p-0 m-0 binner">
|
||||
<div class="col-md-3">
|
||||
<img src="images/java.png" class="skillico" alt="java">
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<img src="images/python.png" class="skillico" alt="python">
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<img src="images/cpp.png" class="skillico" alt="cpp">
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<img src="images/sql.png" class="skillico" alt="sql">
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<img src="images/javascript.png" class="skillico" alt="javascript">
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<img src="images/php.png" class="skillico" alt="php">
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<img src="images/html.png" class="skillico" alt="html">
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
<img src="images/css.png" class="skillico" alt="css">
|
||||
</div>
|
||||
</div>
|
||||
<p class="smallhead">
|
||||
Languages
|
||||
</p>
|
||||
<div class="row p-0 m-0 languages">
|
||||
<div class="col-md-4">
|
||||
<div class="binner">
|
||||
<p style="font-size: 170%; text-align:left;">
|
||||
<b>
|
||||
Polish
|
||||
<hr>
|
||||
Native
|
||||
</b>
|
||||
<span style="float:right;">
|
||||
<b>C2</b>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="binner">
|
||||
<p style="font-size: 170%; text-align:left;">
|
||||
<b>
|
||||
English
|
||||
<hr>
|
||||
Advanced
|
||||
</b>
|
||||
<span style="float:right;">
|
||||
<b>C1</b>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-4">
|
||||
<div class="binner">
|
||||
<p style="font-size: 170%; text-align:left;">
|
||||
<b>
|
||||
German
|
||||
<hr>
|
||||
Intermediate
|
||||
</b>
|
||||
<span style="float:right;">
|
||||
<b>B2</b>
|
||||
</span>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<p class="smallhead">
|
||||
Other Skills
|
||||
</p>
|
||||
<div id="minorskills">
|
||||
<div class="smallcont">
|
||||
<b>
|
||||
Ability to work in fast-paced environments
|
||||
</b>
|
||||
</div>
|
||||
<div class="smallcont">
|
||||
<b>
|
||||
Extensive knowledge in consumer electronics, motorbikes and cars
|
||||
</b>
|
||||
</div>
|
||||
<div class="smallcont">
|
||||
<b>
|
||||
Expertise in photo and video editing
|
||||
</b>
|
||||
</div>
|
||||
<div class="smallcont">
|
||||
<b>
|
||||
Proficiency in using Microsoft Office and Linux
|
||||
</b>
|
||||
</div>
|
||||
<div class="smallcont">
|
||||
<b>
|
||||
Ability to solder, build, diagnose and repair computers
|
||||
</b>
|
||||
</div>
|
||||
|
||||
<div class="smallcont">
|
||||
<b>
|
||||
Great communication skills and ability to work in team
|
||||
</b>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-1">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row p-0 m-0" id="projects">
|
||||
<div class="col-md-1">
|
||||
</div>
|
||||
<div class="col-md-10 white_text">
|
||||
<h2>Some of my most intresting projects</h2>
|
||||
<div class="col-md-12">
|
||||
<div class="project">
|
||||
<h1>This portfolio website</h1>
|
||||
<div class="row p-0 m-0">
|
||||
<div class="col-md-6">
|
||||
<img src="../projects/port1.png" class="imgproject">
|
||||
</div>
|
||||
<div class="col-md-6 projecttext">
|
||||
<p>
|
||||
This website was created with a clear and elegant design in mind. This meant
|
||||
reducing flamboyant animations and effects to the minimum as that would make it
|
||||
harder the convey the message. To create this website I have used HTML, CSS and
|
||||
Bootstrap. The absence of javascript is to ensure maximum optimisation and
|
||||
compatibility. Furthermore, this will mean that this website will be very
|
||||
responsive no matter what device is being used. Use of Bootstrap only adds to
|
||||
the compatibility argument.
|
||||
<br>
|
||||
<br>
|
||||
<a href="">Go back to the top</a><br>
|
||||
<a href="https://github.com/KuchtaVR6/porfolio">Github repository</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="project">
|
||||
<h1>A portfolio website for an Architect</h1>
|
||||
<div class="row p-0 m-0">
|
||||
<div class="col-md-6">
|
||||
<img src="../projects/port2.png" class="imgproject">
|
||||
</div>
|
||||
<div class="col-md-6 projecttext">
|
||||
<p>
|
||||
Another professional website, that I have created is a portfolio website for an
|
||||
Architect. The design was a vital part of the whole experience as an Architect
|
||||
needs to exhibit their design language. The creation of this website involved
|
||||
using HTML, CSS and Javascript. Javascript is mainly used for the integrated
|
||||
gallery view of each project. Whilst I didn't come up with the design, I was tasked
|
||||
with translating sketches into code. Furthermore, Bootstrap was used to
|
||||
ensure that the website still looks stunning on a mobile device or a vertical
|
||||
screen.
|
||||
|
||||
<br><br>
|
||||
<a href="https://aleksandrakuchta.co.uk">Link to the website</a><br>
|
||||
|
||||
<a href="https://github.com/KuchtaVR6/kuchtavr6.github.io">Github repository</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="project">
|
||||
<h1>A discord bot</h1>
|
||||
<div class="row p-0 m-0">
|
||||
<div class="col-md-6">
|
||||
<img src="../projects/proj2.png" class="imgproject">
|
||||
</div>
|
||||
<div class="col-md-6 projecttext">
|
||||
<p>
|
||||
To further expand my knowledge in python and APIs, I developed a fully
|
||||
functional bot that creates embedded messages. Although the task might seem not
|
||||
that hard, I gave myself a requirement that the system must have
|
||||
professional-grade exception catching and an interface that will make it very
|
||||
easy to use by someone less fluent in command based interaction. This made it a much
|
||||
bigger project with extensive testing and a steep learning curve.
|
||||
Even though it was my third discord bot this one was the most challenging and I
|
||||
have learned a lot from writing it.
|
||||
<br>
|
||||
<br>
|
||||
<a
|
||||
href="https://discord.com/api/oauth2/authorize?client_id=819208892834644008&permissions=0&scope=bot">Link
|
||||
for inviting the bot</a>
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-12">
|
||||
<div class="project">
|
||||
<h1>DIY AndroidAuto Car Infotainment</h1>
|
||||
<div class="row p-0 m-0">
|
||||
<div class="col-md-6">
|
||||
<img src="../projects/proj1.png" class="imgproject">
|
||||
</div>
|
||||
<div class="col-md-6 projecttext">
|
||||
<p>
|
||||
A project that I did during the first lockdown, was creating an AndroidAuto
|
||||
based infotainment system for my Dads car. This project gave me a chance to work
|
||||
with Linux, Python, RaspberryPi, 3D printing and design (in Blender), soldering,
|
||||
relays and electronics in general. It had all features of a full AndroidAuto
|
||||
experience including wake on Ignition, separate volume adjustment and a
|
||||
touchscreen. Because I was only using the most basic electronic components
|
||||
possible this allowed me to design and create electrical circuits.
|
||||
Furthermore, a lot of parts were 3D printed and I had to ensure that components
|
||||
that I created were shake and heat resistant so they can survive in a car
|
||||
environment.
|
||||
</p>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div class="col-md-1">
|
||||
</div>
|
||||
</div>
|
||||
<div class="row pb-5 m-0" id="contact">
|
||||
<div class="col-md-3">
|
||||
|
||||
</div>
|
||||
<div class="col-md-6">
|
||||
<p style="text-align:center">
|
||||
Patryk Kuchta
|
||||
</p>
|
||||
<hr>
|
||||
<p style="text-align:left;">
|
||||
Phone number:
|
||||
<span style="float:right;">
|
||||
07467 174589
|
||||
</span><br>
|
||||
</p>
|
||||
<hr>
|
||||
<p style="text-align:left;">
|
||||
Email:
|
||||
<span style="float:right;">
|
||||
<a href="mailto: patrick@kuchta.uk">patrick@kuchta.uk</a>
|
||||
</span>
|
||||
</p>
|
||||
<hr>
|
||||
<p style="text-align:left;">
|
||||
Discord:
|
||||
<span style="float:right;">
|
||||
Kuchta#1111
|
||||
</span><br>
|
||||
</p>
|
||||
<hr>
|
||||
<p style="text-align:left;">
|
||||
Github:
|
||||
<span style="float:right;">
|
||||
<a href="https://github.com/KuchtaVR6">https://github.com/KuchtaVR6</a>
|
||||
</span><br>
|
||||
</p>
|
||||
<hr>
|
||||
<p style="text-align:left;">
|
||||
Linkedin:
|
||||
<span style="float:right;">
|
||||
<a
|
||||
href="https://www.linkedin.com/in/kuchtap/">https://www.linkedin.com/in/kuchtap/</a>
|
||||
</span><br>
|
||||
</p>
|
||||
</div>
|
||||
<div class="col-md-3">
|
||||
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
</body>
|
||||
|
||||
</html>
|
||||
@@ -1,7 +0,0 @@
|
||||
html, body, div, span, h1, h2, h3, h4, h5, h6, p, table, hgroup, section, a, img, caption, figcaption {
|
||||
margin: 0;
|
||||
padding: 0;
|
||||
border: 0;
|
||||
font-size: 100%;
|
||||
vertical-align: baseline;
|
||||
}
|
||||
@@ -1,240 +0,0 @@
|
||||
@media screen and (prefers-reduced-motion: no-preference) {
|
||||
html {
|
||||
scroll-behavior: smooth;
|
||||
}
|
||||
}
|
||||
@media (orientation: landscape) {
|
||||
#intro{
|
||||
min-height: 100vh;
|
||||
background: rgb(59,86,166);
|
||||
background: linear-gradient(139deg, rgba(59,86,166,1) 0%, rgba(169,60,81,1) 29%, rgba(59,86,166,1) 64%);
|
||||
background-size: auto 100%;
|
||||
background-repeat: no-repeat;
|
||||
color: rgb(255, 255, 255);
|
||||
font-family: 'Montserrat', sans-serif;
|
||||
}
|
||||
.profile{
|
||||
margin-top: 30vh;
|
||||
height: 70vh;
|
||||
}
|
||||
.triangle
|
||||
{
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-bottom: 5vw solid rgba(136, 136, 136, 0.747);
|
||||
border-left: 5vw solid transparent;
|
||||
margin: 0%;
|
||||
}
|
||||
.floatingwarning{
|
||||
position: fixed;
|
||||
padding: 2%;
|
||||
bottom: 10%;
|
||||
left: 10%;
|
||||
z-index: 2;
|
||||
background-color: rgba(0, 0, 0, 0.68);
|
||||
color: white;
|
||||
font-size: 1.5em;
|
||||
width: 40%;
|
||||
}
|
||||
}
|
||||
@media (orientation: portrait) {
|
||||
#intro{
|
||||
min-height: 100vh;
|
||||
background: rgb(59,86,166);
|
||||
background: linear-gradient(139deg, rgba(59,86,166,1) 0%, rgba(169,60,81,1) 29%, rgba(59,86,166,1) 64%);
|
||||
background-size: 100% auto;
|
||||
background-repeat: no-repeat;
|
||||
color: rgb(255, 255, 255);
|
||||
font-family: 'Montserrat', sans-serif;
|
||||
}
|
||||
.profile{
|
||||
display: none;
|
||||
}
|
||||
.triangle
|
||||
{
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
width: 0;
|
||||
height: 0;
|
||||
border-bottom: 20vw solid rgba(136, 136, 136, 0.747);
|
||||
border-left: 20vw solid transparent;
|
||||
margin: 0%;
|
||||
}
|
||||
.floatingwarning{
|
||||
position: fixed;
|
||||
padding: 1%;
|
||||
bottom: 2%;
|
||||
left: 2%;
|
||||
z-index: 2;
|
||||
background-color: rgba(0, 0, 0, 0.68);
|
||||
color: white;
|
||||
font-size: 1.125em;
|
||||
width: 60%;
|
||||
}
|
||||
}
|
||||
|
||||
#floatingmenu{
|
||||
position: fixed;
|
||||
z-index: 2;
|
||||
bottom: 0;
|
||||
right: 0;
|
||||
}
|
||||
|
||||
#intro p{
|
||||
line-height: 1.5;
|
||||
}
|
||||
.jumpto{
|
||||
font-weight: bold;
|
||||
/*background-color: rgba(255, 255, 255, 0.171);
|
||||
border: 1px solid #4d4d4d;
|
||||
border-radius: 10px;
|
||||
box-shadow: rgba(213, 217, 217, .5) 0 2px 5px 0;
|
||||
*/
|
||||
box-sizing: border-box;
|
||||
color: #fdfdfd;
|
||||
cursor: pointer;
|
||||
display: inline-block;
|
||||
font-family: "Montserrat",sans-serif;
|
||||
font-size: 100%;
|
||||
margin: 4 px;
|
||||
padding: 5px;
|
||||
text-decoration: none;
|
||||
text-align: center;
|
||||
vertical-align: middle;
|
||||
font-weight: bold;
|
||||
}
|
||||
.jumpto:hover {
|
||||
background-color: rgba(255, 255, 255, 0.9);
|
||||
text-decoration: none;
|
||||
}
|
||||
.jumpto img{
|
||||
width: 3vw;
|
||||
}
|
||||
#intro h1{
|
||||
font-size: 230%;
|
||||
padding-top: 15%;
|
||||
padding-bottom: 2%;
|
||||
}
|
||||
#intro_text{
|
||||
font-size: 120%;
|
||||
padding-right: 2%;
|
||||
padding-bottom: 3%;
|
||||
}
|
||||
#education .white_text{
|
||||
margin-top: 7%;
|
||||
margin-bottom: 6%;
|
||||
}
|
||||
.white_text{
|
||||
font-family: 'Mulish', sans-serif;
|
||||
padding: 4% 2% 4% 2%;
|
||||
font-size: 120%;
|
||||
}
|
||||
#certification .white_text{
|
||||
padding: 10% 5% 10% 5%;
|
||||
}
|
||||
.white_text h2{
|
||||
font-size: 400%;
|
||||
}
|
||||
#experience{
|
||||
background: rgb(125,59,166);
|
||||
background: linear-gradient(30deg, rgba(125,59,166,1) 0%, rgba(59,86,166,1) 43%, rgba(125,59,166,1) 100%);
|
||||
color: white;
|
||||
}
|
||||
.colour_head{
|
||||
text-align: center;
|
||||
padding: 10% 0% 1% 0%;
|
||||
font-family: 'Montserrat', sans-serif;
|
||||
font-size: 370%;
|
||||
}
|
||||
#skills p{
|
||||
text-align: center;
|
||||
padding: 3% 0% 3% 0%;
|
||||
font-size: 200%;
|
||||
font-family: 'Montserrat', sans-serif;
|
||||
}
|
||||
#exp_text{
|
||||
padding: 3% 20% 3% 20%;
|
||||
line-height: 2;
|
||||
font-weight: 600;
|
||||
font-family: 'Montserrat', serif;
|
||||
}
|
||||
.binner{
|
||||
color: rgb(0, 0, 0);
|
||||
padding: 6% 3% 6% 3%;
|
||||
font-size: 110%;
|
||||
line-height: 2;
|
||||
font-family: 'Montserrat', sans-serif;
|
||||
border-radius: 3%;
|
||||
margin: 3%;
|
||||
background-color: rgba(255, 255, 255, 0.8);
|
||||
box-shadow: 20px 20px rgba(0, 0, 0, 0.288);
|
||||
}
|
||||
#skills{
|
||||
background: rgb(59,156,166);
|
||||
background: linear-gradient(30deg, rgba(59,156,166,1) 0%, rgba(59,86,166,1) 61%, rgba(59,156,166,1) 100%);
|
||||
color: rgb(255, 255, 255);
|
||||
}
|
||||
.skillico{
|
||||
width: 100%;
|
||||
padding: 20%;
|
||||
}
|
||||
#minorskills{
|
||||
padding: 0% auto;
|
||||
margin-left: 5%;
|
||||
margin-bottom: 10%;
|
||||
}
|
||||
.smallcont{
|
||||
display: inline-block;
|
||||
margin: 1%;
|
||||
padding: 2%;
|
||||
color: rgb(0, 0, 0);
|
||||
font-size: 130%;
|
||||
font-family: 'Montserrat', sans-serif;
|
||||
border-radius: 3%;
|
||||
background-color: rgba(255, 255, 255, 0.459);
|
||||
box-shadow: 5px 10px rgba(0, 0, 0, 0.432);
|
||||
}
|
||||
.smallhead{
|
||||
padding-top: 4% !important;
|
||||
}
|
||||
.languages .binner{
|
||||
padding: 8% 20% 8% 20%;
|
||||
}
|
||||
#projects{
|
||||
text-align: center;
|
||||
}
|
||||
.project{
|
||||
margin-top: 4%;
|
||||
margin-bottom: 4%;
|
||||
padding: 1%;
|
||||
}
|
||||
.project h1{
|
||||
padding: 3% 0% 3% 0%;
|
||||
font-size: 350%;
|
||||
}
|
||||
.imgproject{
|
||||
width: 100%;
|
||||
padding-bottom: 5%;
|
||||
}
|
||||
.projecttext{
|
||||
font-size: 100%;
|
||||
text-align:justify;
|
||||
}
|
||||
.totop{
|
||||
position: absolute;
|
||||
top: 50%;
|
||||
left: 50%;
|
||||
width: 40%;
|
||||
padding: 0%;
|
||||
opacity: 10%;
|
||||
}
|
||||
.triangle:hover .totop{
|
||||
opacity: 100%;
|
||||
}
|
||||
.date{
|
||||
font-style: italic;
|
||||
float: right;
|
||||
font-size: 80%;
|
||||
}
|
||||
Reference in New Issue
Block a user