diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 0000000..a0de46f --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5504 +} \ No newline at end of file diff --git a/about.html b/about.html new file mode 100644 index 0000000..caffd5d --- /dev/null +++ b/about.html @@ -0,0 +1,57 @@ + + + + + + About Me + + + + + +
+
+
+

Distance Running

+ Distance Running +
+
+

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

+
+
+ +
+
+

Learning

+ Learning +
+
+

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

+
+
+ +
+
+

Being a Dad

+ Being A Father +
+
+

Nemo enim ipsam voluptatem quia voluptas sit aspernatur aut odit aut fugit, sed quia consequuntur magni dolores eos qui ratione voluptatem sequi nesciunt. Neque porro quisquam est, qui dolorem ipsum quia dolor sit amet.

+
+
+
+ + + \ No newline at end of file diff --git a/contact.html b/contact.html new file mode 100644 index 0000000..e5fe061 --- /dev/null +++ b/contact.html @@ -0,0 +1,58 @@ + + + + + + Contact Me + + + + + +
+
+
+
+
+
+
+

Contact Us

+
+ + +
+
+ + +
+
+ + +
+
+ + +
+ +
+
+ +
+ + + + \ No newline at end of file diff --git a/images/Amador.jpg b/images/Amador.jpg new file mode 100644 index 0000000..b078155 Binary files /dev/null and b/images/Amador.jpg differ diff --git a/images/POTrack.png b/images/POTrack.png new file mode 100644 index 0000000..32eed36 Binary files /dev/null and b/images/POTrack.png differ diff --git a/images/amadorB.JPG b/images/amadorB.JPG new file mode 100644 index 0000000..5feec57 Binary files /dev/null and b/images/amadorB.JPG differ diff --git a/images/rodama.png b/images/rodama.png new file mode 100644 index 0000000..e613990 Binary files /dev/null and b/images/rodama.png differ diff --git a/index.html b/index.html new file mode 100644 index 0000000..28af886 --- /dev/null +++ b/index.html @@ -0,0 +1,83 @@ + + + + + + My Website + + + + + +
+
+
+
+
+
+
+
+ +

Amador Baggerly Software Programmer

+
+ +
+
+
+
+

Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum is simply dummy text of the printing and typesetting industry.

+ +
+
+
+
+ + +
+
+ PHP +
+
+ +
+
+ MYSQL +
+
+ +
+
+ Javascript +
+
+
+
+ + + + + \ No newline at end of file diff --git a/index.js b/index.js new file mode 100644 index 0000000..40fc77d --- /dev/null +++ b/index.js @@ -0,0 +1,26 @@ +document.addEventListener('DOMContentLoaded', function() { + const bars = [ + { id: 'progressBar1', textId: 'progressText1', targetWidth: 100 }, + { id: 'progressBar2', textId: 'progressText2', targetWidth: 100 }, + { id: 'progressBar3', textId: 'progressText3', targetWidth: 100 } + ]; + + bars.forEach(barInfo => { + const progressBar = document.getElementById(barInfo.id); + const progressText = document.getElementById(barInfo.textId); + let currentWidth = 0; + const increment = barInfo.targetWidth / 100; + + const animateProgress = setInterval(() => { + if (currentWidth >= barInfo.targetWidth) { + clearInterval(animateProgress); + } else { + currentWidth += increment; + progressBar.style.width = currentWidth + '%'; + + } + }, 20); + }); +}); + +console.log("Amador Baggerly"); \ No newline at end of file diff --git a/portfolio.html b/portfolio.html new file mode 100644 index 0000000..3487425 --- /dev/null +++ b/portfolio.html @@ -0,0 +1,51 @@ + + + + + + Portfolio + + + + + +
+
+
+

Equipment Management System

+
+
+
+ RODAMA +
+
+ +
+
+

Inventory Management/PO System

+
+
+
+ PO System +
+
+ + +
+ + + \ No newline at end of file diff --git a/style.css b/style.css new file mode 100644 index 0000000..fc059ad --- /dev/null +++ b/style.css @@ -0,0 +1,340 @@ +html { + background-color: rgba(68, 64, 64, 0.692); + font-size: 18px; + font-family: 'Times New Roman', Times, serif; +} +body { + background-color: black; + color:rgba(255, 255, 255, 0.719); + padding: 0; + max-width: 960px; + margin: 0 auto; +} + +.bioP{ + font-size:medium; + +} + +a { + color: lightgrey; + font-size: larger; + text-decoration: none; + margin: 0 5px; +} +.nameSpan{ + color:rgb(182, 150, 6); + +} +.titleSpan{ + color:rgb(182, 150, 6); + font-size:large; + float: right; + align-items: center; +} + +nav { + display: flex; + justify-content: space-between; + position: fixed; + font-size: medium; + left: 0; + right: 0; + height: 5vh; + align-items: center; + background-color: #000000; + color: lightgray; + padding: 10px; + border-bottom: 2px solid rgb(182, 150, 6); + +} +.navLinks{ +font-size:smaller; +font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; + +} +a:hover { + color: rgb(182, 150, 6); +} +main { + border: 2px solid rgb(182, 150, 6); + min-height: 100vh; + padding: 85px 24px 96px; + font-family: 'Times New Roman', Times, serif; + font-size: 25px; +} + + +.socialIcons { + display: flex; + justify-content: center; + align-items: center; + +} + +.icon { + display: inline-block; + width: 50px; + height: 50px; + border-radius: 50%; + text-align: center; + margin: 10px; + line-height: 50px; + color: white; + background-color: #ddd; + transition: background-color 0.3s ease; + + +} + +.icon:hover { + background-color: #555; +} + +.facebook { + background-color: rgb(182, 150, 6); +} + +.twitter { + background-color: rgb(182, 150, 6); +} + +.instagram { + background-color: rgb(182, 150, 6); +} + + +footer { + background-color: #000000; + border-top: 2px solid rgb(182, 150, 6); + color: lightgray; + position: fixed; + height: 5vh; + padding: 8px; + left: 0; + right: 0; + bottom: 0; + width: 100vw; + text-align: center; +} + +footer a { + margin: 0 25px; + font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; + font-size:smaller; +} + + +.myImg { + border: 2px solid rgb(182, 150, 6); + width: 360px; + float: right; + margin: 8px 0 8px 8px; + border-radius: 20%; + +} + +.aboutImg { + border: 5px solid #555; + width: 150px; + float: right; +} + +.portfolioImg { + border: 5px solid #555; + width: 100%; + +} +.aboutTitle { + border: 2px solid rgb(182, 150, 6); + text-align: center; + + + +} + +@media screen and (max-width: 625px) { + + + main { + display: flex; + flex-direction: column; + align-items: center; + text-align: center; + } + + #form { + margin: 0; + } +} + +.progressContainer { + width: 40%; + background-color: #e9e3e3ab; + border-radius: 5px; + margin: 20px auto; + overflow: hidden; +} + +.progressBar { + height: 30px; + width: 0%; + border-radius: 5px; + display: flex; + align-items: center; + justify-content: center; + transition: width 2s ease-out; +} + +.yellow { + background-color: rgb(182, 150, 6); +} + +.progressText { + color: #ffffff; + font-weight: bold; + font-size:small; + font-family:'Franklin Gothic Medium', 'Arial Narrow', Arial, sans-serif; +} + +.quoteBox { + background-color: #f8f8f8; + border-left: 5px solid rgb(182, 150, 6); + width: 50%; + padding: 10px; + padding-left:44px; + margin: 10px 0; + border-radius: 5px; + box-shadow: 0 2px 4px rgba(0, 0, 0, 0.1); + +} + +.quoteBox blockquote { + margin: 0; + padding: 0; + font-style: italic; + font-size: small; + color: #333; + +} + +.aboutSection { + width: 100%; + min-height: 300px; + box-sizing: border-box; + border: 2px solid rgb(182, 150, 6); + margin-bottom: 20px; + padding: 20px; + background-color: #0a0a0a; +} + +.sectionHeader { + text-align: center; + margin-bottom: 15px; +} +.sectionHeader h2 { + color: #d3d1d1; + font-size: 2em; + font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; +} + +.portfolioSection { + width: 100%; + min-height: 300px; + box-sizing: border-box; + border: 2px solid rgb(182, 150, 6); + margin-bottom: 20px; + padding: 20px; + background-color: #000000; +} + +.portfolioSectionHeader { + text-align: center; + margin-bottom: 15px; +} +.portfolioSectionHeader h2 { + color: #dad5d5; + font-size: 2em; + +} + +.sectionContent { + line-height: 1.6; + color: #beb9b9; + max-width: 780px; + margin: 0 auto; + font-size:medium; + +} + +.contactFormContainer { + background-color: #050505; + padding: 20px; + padding-top:80px; + padding-bottom:80px; + padding-left:80px; + border: 2px solid rgb(182, 150, 6); + border-radius: 8px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + width: 100%; + max-width: 800px; +} + +.indexFormContainer { + background-color: #050505; + padding: 20px; + padding-top:80px; + padding-bottom:80px; + padding-left:80px; + border: 2px solid rgb(182, 150, 6); + border-radius: 8px; + box-shadow: 0 0 10px rgba(0, 0, 0, 0.1); + width: 100%; + max-width: 800px; +} + +.formH2 { + text-align: center; + color: #f3efef; + margin-bottom: 20px; +} + +.formGroup { + margin-bottom: 15px; +} + +label { + display: block; + margin-bottom: 5px; + color: #f0eaea; +} + +input[type="text"], +input[type="email"], +textarea { + width: calc(100% - 20px); + padding: 10px; + border: 1px solid #ddd; + border-radius: 4px; + box-sizing: border-box; +} + +textarea { + resize: vertical; +} + +button[type="submit"] { + background-color: rgb(182, 150, 6); + color: #ffffff; + padding: 10px 15px; + border: none; + border-radius: 4px; + cursor: pointer; + font-size: 16px; + width: 100%; + transition: background-color 0.3s ease; +} + +button[type="submit"]:hover { + background-color: rgb(104, 101, 101); +} \ No newline at end of file