aboutsummaryrefslogtreecommitdiff
path: root/assets/css
diff options
context:
space:
mode:
authoro5pxels <o5pxels@gmail.com>2021-03-29 22:47:44 -0500
committero5pxels <o5pxels@gmail.com>2021-03-29 22:47:44 -0500
commitdae18c7cbef53fa538771a7c54b7f768f07c5c50 (patch)
tree339598df5f12355f7bc845844b7ac25bd6a1006d /assets/css
parent1e492506561ed0c46bcc89ad136cc6608023fb51 (diff)
downloadpersonal-website-dae18c7cbef53fa538771a7c54b7f768f07c5c50.tar.xz
personal-website-dae18c7cbef53fa538771a7c54b7f768f07c5c50.zip
Website overhaul v1
Diffstat (limited to 'assets/css')
-rw-r--r--assets/css/main.css184
1 files changed, 148 insertions, 36 deletions
diff --git a/assets/css/main.css b/assets/css/main.css
index d246fde..5d8594d 100644
--- a/assets/css/main.css
+++ b/assets/css/main.css
@@ -1,61 +1,173 @@
@charset "utf-8";
+/* source-code-pro-regular - latin */
@font-face {
- font-family: Basis;
- src: url('../fonts/BasisGrotesquePro-Regular.ttf') format('truetype');
- font-weight: normal;
- }
- @font-face {
- font-family: Basis;
- src: url('../fonts/BasisGrotesquePro-Light.ttf') format('truetype');
- font-weight: 100;
- }
- @font-face {
- font-family: Basis;
- src: url('../fonts/BasisGrotesquePro-Bold.ttf') format('truetype');
- font-weight: bold;
- }
-
-* {
- font-family: Basis;
- color: black;
+ font-family: 'Source Code Pro';
+ font-style: normal;
+ font-weight: 400;
+ src: url('../fonts/source-code-pro-v14-latin-regular.eot'); /* IE9 Compact Modes */
+ src: local(''),
+ url('../fonts/source-code-pro-v14-latin-regular.eot?#iefix')
+ format('embedded-opentype'),
+ /* IE6-IE8 */ url('../fonts/source-code-pro-v14-latin-regular.woff2')
+ format('woff2'),
+ /* Super Modern Browsers */
+ url('../fonts/source-code-pro-v14-latin-regular.woff') format('woff'),
+ /* Modern Browsers */ url('../fonts/source-code-pro-v14-latin-regular.ttf')
+ format('truetype'),
+ /* Safari, Android, iOS */
+ url('../fonts/source-code-pro-v14-latin-regular.svg#SourceCodePro')
+ format('svg'); /* Legacy iOS */
+}
+
+/* source-sans-pro-regular - latin */
+@font-face {
+ font-family: 'Source Sans Pro';
+ font-style: normal;
+ font-weight: 400;
+ src: url('../fonts/source-sans-pro-v14-latin-regular.eot'); /* IE9 Compact Modes */
+ src: local(''),
+ url('../fonts/source-sans-pro-v14-latin-regular.eot?#iefix')
+ format('embedded-opentype'),
+ /* IE6-IE8 */ url('../fonts/source-sans-pro-v14-latin-regular.woff2')
+ format('woff2'),
+ /* Super Modern Browsers */
+ url('../fonts/source-sans-pro-v14-latin-regular.woff') format('woff'),
+ /* Modern Browsers */ url('../fonts/source-sans-pro-v14-latin-regular.ttf')
+ format('truetype'),
+ /* Safari, Android, iOS */
+ url('../fonts/source-sans-pro-v14-latin-regular.svg#SourceSansPro')
+ format('svg'); /* Legacy iOS */
+}
+
+ul#nav {
+ list-style-type: none;
+ padding: 0;
+ margin: 0;
+ display: flex;
+}
+
+body#home header ul#nav {
+ width: 436px;
+}
+
+body#about header ul#nav {
+ width: 403.2px;
+}
+ul#nav li {
+ font-size: 12px;
+ margin: 1.5em;
+ width: 20%; /* Four equal-width links. If you have two links, use 50%, and 33.33% for three links, etc.. */
+ text-align: center; /* If you want the text to be centered */
+}
+
+body#home {
+ max-width: 570px;
+}
+
+body#about {
+ max-width: 570px;
+}
+
+body {
+ font-family: 'Source Sans Pro';
+ font-size: 14px;
+ margin: 0 auto;
+}
+
+section#intro h1:after {
+ content: ' // Dylan Bolger';
+ color: #d3d3d3;
+}
+
+section#webthings h2:after {
+ content: ' // <3';
+ color: #d3d3d3;
+}
+
+section#projects h1:after {
+ content: ' // :)';
+ color: #d3d3d3;
+}
+
+div.project.js h2:after {
+ font-style: normal;
+ content: ' // JavaScript';
+ color: #d3d3d3;
+}
+
+div.project.css h2:after {
+ font-style: normal;
+ content: ' // CSS';
+ color: #d3d3d3;
+}
+
+div.project.swift h2:after {
+ font-style: normal;
+ content: ' // Swift';
+ color: #d3d3d3;
+}
+
+div.project.objc h2:after {
+ font-style: normal;
+ content: ' // Objective-C';
+ color: #d3d3d3;
+}
+
+h1,
+h2,
+h3,
+h4,
+h5,
+h6 {
+ font-family: 'Source Code Pro';
}
a {
- color: blue;
+ color: blue;
}
a:hover {
- color: black;
+ color: black;
}
a:active {
- color:gray;
+ color: gray;
}
section {
- padding-left: 125px;
- padding-bottom: 50px;
- line-height: 20px;
+ padding-bottom: 50px;
+ line-height: 20px;
}
-header {
- padding-top: 100px;
- padding-left: 125px;
+div.project {
+ margin-bottom: 2em;
}
-section ul {
- padding-left: 0px;
- list-style-type: none;
- line-height:20px;
+div.project h2 {
+ font-style: italic;
}
+section#projects p#description {
+ margin-bottom: 1.5em;
+}
-section h1 {
- font-size: 28px;
+header {
+ padding-left: 0px;
+ margin: auto;
+}
+/*make uls clean*/
+section ul {
+ padding-left: 0px;
+ list-style-type: none;
+ line-height: 20px;
}
-p {
- font-weight: lighter;
- size: 14px;
+div.project h1 {
+ margin-bottom: 200px;
+}
+
+section h1 {
+ font-weight: bold;
+ font-size: 28px;
}