From c4d22495927f92d2e0ad52eac1c70c37d40222bc Mon Sep 17 00:00:00 2001 From: darkicewolf50 <95242911+darkicewolf50@users.noreply.github.com> Date: Fri, 18 Apr 2025 20:51:51 -0600 Subject: [PATCH] feat(README): copied profile README --- README.md | 139 ++++++++++++++++++++++++++++++++++++++---------------- 1 file changed, 99 insertions(+), 40 deletions(-) diff --git a/README.md b/README.md index f5bb28d..b2fbb66 100644 --- a/README.md +++ b/README.md @@ -1,51 +1,110 @@ -# CSS -In this assignment, you will add styling to the webpages you created in the HTML assignment, and will **publish** the website using GitHub pages. +

Hi! My name is Brock and I'm a Full-stack web developer, I am passionate about bringing the backend to low-cost high availably self-hosted servers

---- +### -## :foot: Steps -1. Add the HTML you wrote for the About page to the `index.html` file -1. Add the HTML you wrote for the Skills page to the `skills.html` file -1. Add the HTML you wrote for the Experience page to the `experience.html` file -1. Add the HTML you wrote for the Education page to the `education.html` file -1. Add the HTML you wrote for the Interests page to the `interests.html` file -1. Use Flexbox and other CSS properties to the `style.css` file so that your pages look like these: +
+ stats graph + languages graph +
- `index.html` - ![index-page](https://res.cloudinary.com/mkf/image/upload/v1674680283/ENSF-381/labs/flexbox/about_paafuq.png) +### - `skills.html` - ![skills-page](https://res.cloudinary.com/mkf/image/upload/v1674680283/ENSF-381/labs/flexbox/skills_kudlfj.png) + - `education.html` - ![education-page](https://res.cloudinary.com/mkf/image/upload/v1674680283/ENSF-381/labs/flexbox/education_d9hixu.png) +### - `experience.html` - ![experience-page](https://res.cloudinary.com/mkf/image/upload/v1674680283/ENSF-381/labs/flexbox/experience_zjyrux.png) +
+ rust logo + + actix logo + + python logo + + fastapi logo + + react logo + + html5 logo + + css3 logo + + javascript logo + + c logo + + cplusplus logo + + git logo + + github logo + + githubactions logo + + gitea logo + + amazonwebservices logo + + terraform logo + + kubernetes logo + + docker logo + + raspberrypi logo + + nginx logo + + vscode logo + + firefox logo + + markdown logo - `interests.html` - ![interests-page](https://res.cloudinary.com/mkf/image/upload/v1674680283/ENSF-381/labs/flexbox/interests_oa1rhh.png) + ![Prettier](https://img.shields.io/badge/prettier-%23F7B93E.svg?style=for-the-badge&logo=prettier&logoColor=black) + ![React Router](https://img.shields.io/badge/React_Router-CA4245?style=for-the-badge&logo=react-router&logoColor=white) + ![AmazonDynamoDB](https://img.shields.io/badge/Amazon%20DynamoDB-4053D6?style=for-the-badge&logo=Amazon%20DynamoDB&logoColor=white) + ![Cloudflare](https://img.shields.io/badge/Cloudflare-F38020?style=for-the-badge&logo=Cloudflare&logoColor=white) + ![Netlify](https://img.shields.io/badge/netlify-%23000000.svg?style=for-the-badge&logo=netlify&logoColor=#00C7B7) + ![Vercel](https://img.shields.io/badge/vercel-%23000000.svg?style=for-the-badge&logo=vercel&logoColor=white) + ![Pandas](https://img.shields.io/badge/pandas-%23150458.svg?style=for-the-badge&logo=pandas&logoColor=white) + ![ESLint](https://img.shields.io/badge/ESLint-4B3263?style=for-the-badge&logo=eslint&logoColor=white) -1. Change the content so they represent you (your picture, your education, your experince, etc.) -1. Make sure all the links are working if applicable (for instance, you don't have to add a Pinterest page if you don't have one, but the link to your resume should work) -1. Make sure the website is responsive at least on Desktop and Tablet devices (use `@media` queries for this). Here's an example of how it should react to screen size changes: - ![responsive](https://res.cloudinary.com/mkf/image/upload/v1674681793/ENSF-381/labs/flexbox/responsive-small_nakjwj.gif) +
-1. It doesn't matter what threshold you're using for the `@media` query (`800px`, `600px`, etc.) -1. Commit all the changes to the `main` branch and push to the remote repo (here) -1. Create a **public** repo under your **personal** GitHub account with this name: `.github.io` -1. Clone the repo to your local system; add all the files you have here to the project; commit to the `main` branch and push to the remote repo (your repo under your GitHub username) -1. Open up a browser and go to `https://.github.io`. You should be able to see the website (it may take a few minutes) -1. Add the address to your webpage to the [`PAGE-ADDRESS.md`](./PAGE-ADDRESS.md) file -1. Commit to the `main` branch and push to the remote repo (here) +### ---- +
+ + youtube logo + + + instagram logo + + + twitch logo + + + discord logo + + + gmail logo + + + linkedin logo + +
+ +### + + + + github-snake + + +### + + +![](https://github-profile-trophy.vercel.app/?username=darkicewolf50&theme=radical&no-frame=false&no-bg=false&margin-w=4) + +![](https://quotes-github-readme.vercel.app/api?type=horizontal&theme=radical) -### :page_with_curl: Notes -- Make sure you save what you had for the About page in the `index.html` page. That's the default page that the browser shows when someone visits your website -- Make sure you alter the data on the examples so that the website represents you, not Rick -- Don't use any CSS frameworks for this assignment. You need to write all the CSS yourself -- Use Flexbox for the layout -- Feel free to make minor changes, such as changing colors and font-sizes -- Feel free to add new elements, data, etc. -- You may need to change some of the HTML elements you used in the HTML assignment. One example is the navigation menu. You probably choose a paragraph to do that. For this assignment, it makes more sense to use `