Add files via upload

csctd · Oct 23, 2023 · e892388 · e892388
1 parent 53cad9e
commit e892388
Show file tree

Hide file tree

Showing 14 changed files with 249 additions and 0 deletions.
diff --git a/Super.otf b/Super.otf
diff --git a/about.html b/about.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>Devin's Programming Portfolio - About Me</title>
+        <link rel="stylesheet" href="style.css">
+    </head>
+    <body id="aboutbody">
+        <div id="nav">
+            <img src="mybanner.jpg" id="banner">
+            <table id="buttontable">
+                <tr>
+                    <td>
+                        <a href="index.html"><img src="homebutton.jpg" class="buttons"></a>
+                    </td>
+                    <td>
+                        <a href="javascripts.html"><img src="jsbutton.jpg" class="buttons"></a>
+                    </td>
+                    <td>
+                        <a href="about.html"><img src="aboutbutton.jpg" class="buttons"></a>
+                    </td>
+                </tr>
+            </table>
+        </div>
+        <hr>
+        <div>
+            <h1 id="heading">About Me</h1>
+            <div id="aboutcontent">
+                <div id="abouttext">
+                    <p>
+                        My name is Devin Castillo. I am a student at the University of Rhode Island majoring in Computer Science. <br>
+                        I have wanted to learn about Compter Science ever since I was in 6th grade. In highschool, I started learnign about Web Design and I had so much fun creating my website.
+                    </p>
+                    <p>
+                        I am a huge football fan. My favorite team is the Los Angeles Rams. Though I knew about it before, I really got into football in 2019. It did not take long for me to choose my favorite team. Now, the football season is one of my favorite times of the year.
+                    </p>
+                    <p> 
+                        Something else about me is that I am a video editor. One summer in highschool, I really wanted to learn how to edit videos. I watch a lot of tutorials about how to edit on Davinci Resolve.I took long streams from streamers I used to watch, and turn them in to 20 minute edited videos. My videos were good enough for me to get a job for one of these streamers.
+                    </p>
+                </div>
+                <div id="aboutimages">
+                    <img src="devin.jpg" class="devin">
+                    <img src="ad.png" alt="Picture of Aaron Donald" id="AD">
+                    <img src="davinci.jpg" alt="Davinci Resolve Logo" id="davinci">
+                    <img src="devin2.png" class="devin">
+                </div>
+            </div>
+        </div>
+        <hr>
+    </body>
+</html>
diff --git a/aboutbutton.jpg b/aboutbutton.jpg
diff --git a/ad.png b/ad.png
diff --git a/background.jpg b/background.jpg
diff --git a/davinci.jpg b/davinci.jpg
diff --git a/devin.jpg b/devin.jpg
diff --git a/devin2.png b/devin2.png
diff --git a/homebutton.jpg b/homebutton.jpg
diff --git a/index.html b/index.html
@@ -0,0 +1,34 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>Devin's Programming Portfolio - Home</title>
+        <link rel="stylesheet" href="style.css">
+    </head>
+    <body>
+        <div id="nav">
+            <img src="mybanner.jpg" id="banner">
+            <table id="buttontable">
+                <tr>
+                    <td>
+                        <a href="index.html"><img src="homebutton.jpg" class="buttons"></a>
+                    </td>
+                    <td>
+                        <a href="javascripts.html"><img src="jsbutton.jpg" class="buttons"></a>
+                    </td>
+                    <td>
+                        <a href="about.html"><img src="aboutbutton.jpg" class="buttons"></a>
+                    </td>
+                </tr>
+            </table>
+        </div>
+        <hr>
+        <div id="homecontent">
+        <h1 id="heading">Welcome to Devin's Programming Portfolio</h1>
+            <p>This is my Portfolio website that I programmed in HTML and CSS.
+            The programs that I create will be showcased on this here.</p>
+            <p>Click <a href="about.html">here</a> to learn about me</p>
+        </div>
+    </body>
+</html>
diff --git a/javascripts.html b/javascripts.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <title>Devin's Programming Portfolio - Java Scripts</title>
+        <link rel="stylesheet" href="style.css">
+    </head>
+    <body>
+        <div id="nav">
+            <img src="mybanner.jpg" id="banner">
+            <table id="buttontable">
+                <tr>
+                    <td>
+                        <a href="index.html"><img src="homebutton.jpg" class="buttons"></a>
+                    </td>
+                    <td>
+                        <a href="javascripts.html"><img src="jsbutton.jpg" class="buttons"></a>
+                    </td>
+                    <td>
+                        <a href="about.html"><img src="aboutbutton.jpg" class="buttons"></a>
+                    </td>
+                </tr>
+            </table>
+        </div>
+        <hr>
+        <h1 id="heading">My Javascripts Page</h1>
+        <div id="jscontent">
+            <p>
+                This is my Javascripts Page. Everything that is here is what I created using Javascript.
+            </p>
+            <h2><a href="https://www.khanacademy.org/computer-programming/castillo_bitmoji/6176497234395136" class="khanlinks">castillo_bitmoji</a></h2><script src="https://www.khanacademy.org/computer-programming/castillo_bitmoji/6176497234395136/embed.js?editor=no&buttons=no&author=no&embed=yes"></script>
+            <h2><a href="https://www.khanacademy.org/computer-programming/castillo_dancingbitmoji/6630672896409600" class="khanlinks">castillo_dancingbitmoji</a></h2><script src="https://www.khanacademy.org/computer-programming/castillo_dancingbitmoji/6630672896409600/embed.js?editor=no&buttons=no&author=no&embed=yes"></script>
+            <h2><a href="https://www.khanacademy.org/computer-programming/castillo_racingbitmojifun/6179383515332608" class="khanlinks">castillo_racingBitmojiFun</a></h2><script src="https://www.khanacademy.org/computer-programming/castillo_racingbitmojifun/6179383515332608/embed.js?editor=no&buttons=no&author=no&embed=yes"></script>
+            <h2><a href="https://www.khanacademy.org/computer-programming/castillo_decisiontree/6158351723184128" class="khanlinks">Castillo_DecisionTree</a></h2><script src="https://www.khanacademy.org/computer-programming/castillo_decisiontree/6158351723184128/embed.js?editor=no&buttons=no&author=no&embed=yes"></script>
+            <h2><a href="https://www.khanacademy.org/computer-programming/castillo_dancefloor/5499625330753536" class="khanlinks">Castillo_dancefloor</a></h2><script src="https://www.khanacademy.org/computer-programming/castillo_dancefloor/5499625330753536/embed.js?editor=no&buttons=no&author=no&embed=yes"></script>
+            <h2><a href="https://www.khanacademy.org/computer-programming/castillo_bitmojitagging/5248063853346816" class="khanlinks">Castillo_BitmojiTagging</a></h2><script src="https://www.khanacademy.org/computer-programming/castillo_bitmojitagging/5248063853346816/embed.js?editor=no&buttons=no&author=no&embed=yes"></script>
+        </div>
+    </body>
+</html>
diff --git a/jsbutton.jpg b/jsbutton.jpg
diff --git a/mybanner.jpg b/mybanner.jpg
diff --git a/style.css b/style.css
@@ -0,0 +1,123 @@
+body {
+    background-color: #c7e3ff;
+    font-family: Verdana, Geneva, Tahoma, sans-serif;
+}
+
+#banner {
+    margin-top: 15px;
+    border-color: white;
+    border-style: solid;
+    border-width: 5%;
+    border-radius: 15px;
+    border-width: 5px;
+    filter: drop-shadow(0px 0px 4px black);
+}
+
+#nav {
+    text-align: left;
+}
+
+#buttontable {
+    margin-right: auto;
+    width: 800px;
+    margin-top: 20px;
+}
+
+.buttons {
+    border-radius: 100px;
+    border-style: solid;
+    border-color: white;
+    border-width: 3px;
+    filter: drop-shadow(0px 0px 7px black);
+}
+
+hr {
+    margin-top: 30px;
+    height: 5px;
+    background-color: white;
+    border-color:white;
+    border-width: 0px;
+    border-style: solid;
+    filter: drop-shadow(0px 0px 2px black);
+}
+
+#heading {
+    text-align: left;
+    font-size: 40px;
+    font-family: Super;
+    letter-spacing: 4px;
+    color: white;
+    filter: drop-shadow(0px 0px 7px black);
+}
+
+@font-face {
+    font-family: 'Super';
+    src: url(Super.otf);
+}
+
+#aboutbody {
+    background-image: url(background.jpg);
+    background-size: 2000px 1500px;
+    background-position: center;
+    background-repeat: no-repeat;
+}
+
+#homecontent {
+    width: 800px;
+    clear: both;
+}
+
+#jscontent {
+    width: 800px;
+    clear: both;
+    text-align: center;
+}
+
+#aboutcontent {
+    width: 800px;
+    clear: both;
+}
+
+#abouttext {
+    text-align: left;
+}
+
+#AD {
+    height: 185px;
+    float: right;
+    position: absolute;
+    margin-left: 75px;
+    border-style: solid;
+    border-color: white;
+    border-width: 4px;
+    border-radius: 20px;
+}
+
+#davinci {
+    height: 200px;
+    margin-left: 20px;
+    margin-right: 20px;
+    border-style: solid;
+    border-color: white;
+    border-width: 4px;
+    border-radius: 20px;
+}
+
+.devin {
+    height: 400px;
+    border-style: solid;
+    border-color: white;
+    border-width: 4px;
+    border-radius: 20px;
+}
+
+#aboutimages {
+    margin-left: 50px;
+    margin-top: 30px;
+    margin-bottom: 30px;
+}
+
+.khanlinks {
+    color: #8fff75;
+    filter: drop-shadow(0px 0px 2px black);
+}