From 41ddf7751ae3faaefa746ca5b05e91e48e9aef51 Mon Sep 17 00:00:00 2001 From: Swati Modi Date: Tue, 17 Mar 2020 23:01:22 +0530 Subject: [PATCH] version 1 --- README.md | 43 +++++------------------ index.html | 37 ++++++++++++++++++++ style.css | 100 +++++++++++++++++++++++++++++++++++++++++++++++++++++ 3 files changed, 146 insertions(+), 34 deletions(-) create mode 100644 index.html create mode 100644 style.css diff --git a/README.md b/README.md index 6f8beb5..ac5a52f 100644 --- a/README.md +++ b/README.md @@ -1,37 +1,12 @@ -## Welcome to GitHub Pages +# Portfolio +Personal Website -You can use the [editor on GitHub](https://github.com/SwatiModi/swatimodi.com/edit/master/README.md) to maintain and preview the content for your website in Markdown files. -Whenever you commit to this repository, GitHub Pages will run [Jekyll](https://jekyllrb.com/) to rebuild the pages in your site, from the content in your Markdown files. +--- -### Markdown - -Markdown is a lightweight and easy-to-use syntax for styling your writing. It includes conventions for - -```markdown -Syntax highlighted code block - -# Header 1 -## Header 2 -### Header 3 - -- Bulleted -- List - -1. Numbered -2. List - -**Bold** and _Italic_ and `Code` text - -[Link](url) and ![Image](src) -``` - -For more details see [GitHub Flavored Markdown](https://guides.github.com/features/mastering-markdown/). - -### Jekyll Themes - -Your Pages site will use the layout and styles from the Jekyll theme you have selected in your [repository settings](https://github.com/SwatiModi/swatimodi.com/settings). The name of this theme is saved in the Jekyll `_config.yml` configuration file. - -### Support or Contact - -Having trouble with Pages? Check out our [documentation](https://help.github.com/categories/github-pages-basics/) or [contact support](https://github.com/contact) and we’ll help you sort it out. +#### Web design todo +* Social media icon interactions +* Social media icons tooltips +* Dark light mode switch +* Logo Font - point to medium +* fetch medium post from api and display \ No newline at end of file diff --git a/index.html b/index.html new file mode 100644 index 0000000..a57e9b1 --- /dev/null +++ b/index.html @@ -0,0 +1,37 @@ + + + + Swati Modi | Machine Learning Engineer + + + + + + +
+
+ +
+
+
+

Hello, I’m Swati Modi. I solve problems with Tech

+
+
Software Engineer | Maker | Tech Enthusiast
+
+ + + + + +
+
+ +
+
+ + diff --git a/style.css b/style.css new file mode 100644 index 0000000..6bfa564 --- /dev/null +++ b/style.css @@ -0,0 +1,100 @@ +/* reset css */ +@import url('https://fonts.googleapis.com/css?family=Rubik&display=swap'); + +body{ + margin: 0; + padding: 0; + font-size: 20px; + line-height: 1.5; + font-family: 'Rubik', sans-serif; +} +*,*:before,*:after{ + box-sizing: border-box; +} +a{ + text-decoration: none; +} +img{ + max-width: 100%; + height: auto; +} +p{ + margin: 0; +} +/* structure */ +body{ + height: 100vh; + width: 100%; + background-color:#121212; +} +.full-content{ + height: 100%; + width: 100%; + padding: 10% 10% 10% 15%; + background-color:#121212; + color: #fefefe; +} +.header{ + height: 25%; + width: 100%; +} +.intro{ + font-size: 3rem; + word-spacing: -0.1rem; + margin-bottom: 0.8rem; + color:#2c5dec; +} +.sub-heading{ + font-size: 1.8rem; + margin-bottom: 4%; + /* color:#787878; */ + color:#a7a7a7; +} +.socials{ + display: flex; + flex-direction: row; + flex-wrap: nowrap; + height: 20%; + width: 30%; + color:#a9acb5; +} +.socials :hover{ + color:#2c5dec; +} +.socials a{ + margin: 2% 5%; + font-size: 2.5rem; + color: inherit; +} + +/* fancy stuff */ +/* .scroll{ + width: 5px; + height: 18%; + position: absolute; + bottom: 0; +} +.scroll-dot{ + width: 8px; + height: 8px; + border-radius: 50%; + background-color: #2c5dec; + position: relative; + right: 3.5px; + z-index: 1; +} +.scroll-line{ + background-color: #a7a7a7; + width: 15%; + height: 100%; +} */ +.fancy-box-1{ + z-index: 0; + width: 45%; + height: 60%; + border: 2px solid green; + position: absolute; + transform: rotate(50deg); + left: -32%; + bottom: -5%; +} \ No newline at end of file