diff --git a/.DS_Store b/.DS_Store new file mode 100644 index 0000000..2c959fd Binary files /dev/null and b/.DS_Store differ diff --git a/assets/css/blog.css b/assets/css/blog.css deleted file mode 100644 index 2702b46..0000000 --- a/assets/css/blog.css +++ /dev/null @@ -1,197 +0,0 @@ -#header { - -moz-align-items: center; - -webkit-align-items: center; - -ms-align-items: center; - align-items: center; - display: -moz-flex; - display: -webkit-flex; - display: -ms-flex; - display: flex; - -moz-justify-content: space-between; - -webkit-justify-content: space-between; - -ms-justify-content: space-between; - justify-content: space-between; - background: black; - color: rgba(255, 255, 255, 0.5); - cursor: default; - height: 3.25rem; - left: 0; - line-height: 3.25rem; - position: fixed; - top: 0; - width: 100%; - z-index: 10001; } - #header > .logo { - color: #ffffff; - font-size: 1rem; - font-weight: 600; - height: inherit; - line-height: inherit; - padding: 0 1.25rem; - text-decoration: none; } - #header > nav > a { - color: inherit; - display: inline-block; - padding: 0 0.75rem; - text-decoration: none; } - #header > nav > a:hover { - color: #ffffff; } - #header > nav > a[href="#menu"] { - text-decoration: none; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } - #header > nav > a[href="#menu"]:before { - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - font-family: FontAwesome; - font-style: normal; - font-weight: normal; - text-transform: none !important; } - #header > nav > a[href="#menu"]:before { - content: '\f0c9'; - margin: 0 0.5rem 0 0; } - #header > nav > a + a[href="#menu"]:last-child { - border-left: solid 1px rgba(255, 255, 255, 0.25); - margin-left: 0.5rem; - padding-left: 1.25rem; } - #header > nav > a:last-child { - padding-right: 1.25rem; } - @media screen and (max-width: 736px) { - #header > nav > a { - padding: 0 0.5rem; } - #header > nav > a + a[href="#menu"]:last-child { - margin-left: 0.25rem; - padding-left: 1rem; } - #header > nav > a:last-child { - padding-right: 1rem; } } - -@media screen and (max-width: 980px) { - body { - padding-top: 44px; } - - #header { - height: 44px; - line-height: 44px; } } -@media screen and (max-width: 480px) { - #header { - min-width: 320px; } } - - #signature { - position: absolute; - top: 50%; - left: 50%; - margin-right: -50%; - transform: translate(-50%, -50%); - height: 80%; - width: 200px; - margin-left: 10px; - } - - -#readBlog { - margin: 2em; - padding: .5em 3em; - font-size: 2em; - color: white !important; - border: 3px solid white; - cursor: pointer; - transition: 0.7s; - -webkit-transition: 0.7s; - display: block; - z-index: 3; -} - #readBlog > p { - margin: 0; - } - #readBlog:hover { - background-color: white; - color: black !important; - box-shadow: inset 0 0 0 1px #ffffff; - } - -#blog { - position: relative; - display: flex; - flex-direction: column; - justify-content: flex-start; - align-items: center; - flex: 1; - top: 0; - z-index: 3; - transition: 1s; - -webkit-transition: 1s; - color: black; - font-family: 'Dosis', sans-serif; -} -.blogCard { - position: relative; - display: flex; - flex: 1; - flex-direction: column; - margin: 5em; - padding: 1em; - background-color: #f7f7f9; - max-width: 900px; - box-shadow: 0 1px 3px rgba(0,0,0,0.12), 0 1px 2px rgba(0,0,0,0.24); - transition: all 0.3s cubic-bezier(.25,.8,.25,1); - cursor: pointer; -} - .blogCard:hover { - box-shadow: 0 14px 28px rgba(0,0,0,0.25), 0 10px 10px rgba(0,0,0,0.22); - } - .blogCard > .title { - font-size: 1.5em; - font-weight: 500; - } - .fa { - margin-right: .5em; - } - .blogCard > .info { - display: flex; - flex-direction: row; - align-items: center; - color: grey; - font-size: 0.8em; - margin-bottom: 1em; - } - .info > p { - margin: 0 2em 0 0; - } - .blogCard > .pic { - flex: 1; - height: 100%; - width: 100%; - box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19); - } - .blogCard > .content { - margin: 0.5em 0; - color: #7f8082; - font-size: 0.9em; - } - .content > .readMore { - text-align: center; - border: 1px solid #234da0; - padding: .5em 2em; - color: #234da0; - margin: 0; - transition: .5s; - -webkit-transition: .5s; - cursor: pointer; - } - .content > .readMore:hover { - background-color: #234da0; - color: white; - } -#goToMain { - position: fixed; - top: 3.25rem; - right: 0; - padding: .5em; - color: red; - font-size: 2em; - cursor: pointer; - z-index: 5; -} - -a { - text-decoration: none !important; -} diff --git a/assets/css/blogContent.css b/assets/css/blogContent.css deleted file mode 100644 index 6ab4548..0000000 --- a/assets/css/blogContent.css +++ /dev/null @@ -1,182 +0,0 @@ -#header { - -moz-align-items: center; - -webkit-align-items: center; - -ms-align-items: center; - align-items: center; - display: -moz-flex; - display: -webkit-flex; - display: -ms-flex; - display: flex; - -moz-justify-content: space-between; - -webkit-justify-content: space-between; - -ms-justify-content: space-between; - justify-content: space-between; - background: black; - color: rgba(255, 255, 255, 0.5); - cursor: default; - height: 3.25rem; - left: 0; - line-height: 3.25rem; - position: fixed; - top: 0; - width: 100%; - z-index: 10001; } - #header > .logo { - color: #ffffff; - font-size: 1rem; - font-weight: 600; - height: inherit; - line-height: inherit; - padding: 0 1.25rem; - text-decoration: none; } - #header > nav > a { - color: inherit; - display: inline-block; - padding: 0 0.75rem; - text-decoration: none; } - #header > nav > a:hover { - color: #ffffff; } - #header > nav > a[href="#menu"] { - text-decoration: none; - -webkit-tap-highlight-color: rgba(0, 0, 0, 0); } - #header > nav > a[href="#menu"]:before { - -moz-osx-font-smoothing: grayscale; - -webkit-font-smoothing: antialiased; - font-family: FontAwesome; - font-style: normal; - font-weight: normal; - text-transform: none !important; } - #header > nav > a[href="#menu"]:before { - content: '\f0c9'; - margin: 0 0.5rem 0 0; } - #header > nav > a + a[href="#menu"]:last-child { - border-left: solid 1px rgba(255, 255, 255, 0.25); - margin-left: 0.5rem; - padding-left: 1.25rem; } - #header > nav > a:last-child { - padding-right: 1.25rem; } - @media screen and (max-width: 736px) { - #header > nav > a { - padding: 0 0.5rem; } - #header > nav > a + a[href="#menu"]:last-child { - margin-left: 0.25rem; - padding-left: 1rem; } - #header > nav > a:last-child { - padding-right: 1rem; } } - -@media screen and (max-width: 980px) { - body { - padding-top: 44px; } - - #header { - height: 44px; - line-height: 44px; } } -@media screen and (max-width: 480px) { - #header { - min-width: 320px; } } - - #signature { - position: absolute; - top: 50%; - left: 50%; - margin-right: -50%; - transform: translate(-50%, -50%); - height: 80%; - width: 200px; - margin-left: 10px; - } - -#blog { - position: relative; - display: flex; - flex-direction: column; - justify-content: flex-start; - align-items: center; - flex: 1; - top: 0; - z-index: 3; - transition: 1s; - -webkit-transition: 1s; - color: black; - font-family: 'Dosis', sans-serif; -} -.blogCard { - position: relative; - display: flex; - flex: 1; - flex-direction: column; - margin: 5em; - padding: 1em; - background-color: white; - max-width: 900px; -} - hr { - border: 0.5px solid #c2c4c6; - width: 100%; - } - .blogCard > .title { - font-size: 2.5em; - font-weight: 700; - } - .fa { - margin-right: .5em; - } - .blogCard > .info { - display: flex; - flex-direction: row; - align-items: center; - color: grey; - font-size: 0.8em; - margin: 0.5em 0 1em 0; - } - .info > p { - margin: 0 2em 0 0; - } - .blogCard > .pic { - flex: 1; - height: 100%; - width: 100%; - margin: 2em 0 0 0; - box-shadow: 0 2px 4px 0 rgba(0, 0, 0, 0.2), 0 3px 10px 0 rgba(0, 0, 0, 0.19); - } - .blogCard > .content { - display: flex; - justify-content: center; - flex-direction: column; - margin: 0.5em 0; - color: #434344; - font-size: 1.5em; - } - .content > .readMore { - text-align: center; - border: 1px solid #234da0; - padding: .5em 2em; - color: #234da0; - margin: 0; - transition: .5s; - -webkit-transition: .5s; - cursor: pointer; - } - .content > .readMore:hover { - background-color: #234da0; - color: white; - } - .blogImg { - overflow: hidden; - max-height: 400px; - display: flex; - justify-content: center; - align-items: center; - margin: 1em 0; - } - -#goToBlogs { - position: fixed; - top: 3.25rem; - right: 0; - padding: .5em; - color: red; - font-size: 2em; - cursor: pointer; - z-index: 5; -} diff --git a/assets/css/main.css b/assets/css/main.css index 868fb5d..d70cf22 100644 --- a/assets/css/main.css +++ b/assets/css/main.css @@ -268,7 +268,6 @@ button, cursor: pointer; display: inline-block; font-weight: 600; - height: 3.25rem; line-height: 3.25rem; padding: 0 1.75rem; text-align: center; @@ -1807,7 +1806,6 @@ ul.icons { display: -webkit-flex; display: -ms-flex; display: flex; - flex-direction: column; -moz-justify-content: center; -webkit-justify-content: center; -ms-justify-content: center; @@ -1818,7 +1816,7 @@ ul.icons { background-size: cover; border-top: 0; display: -ms-flexbox; - height: 50rem !important; + height: 35rem !important; min-height: 35rem; overflow: hidden; position: relative; @@ -2060,9 +2058,9 @@ ul.icons { /* CTA */ #cta { background-color: #ce1b28; - color: rgba(255, 255, 255, 0.75); + color: rgba(255, 255, 255, 0.9); background-attachment: fixed; - background-image: linear-gradient(rgba(206, 27, 40, 0.25), rgba(206, 27, 40, 0.25)), url(../../images/cta01.jpg); + background-image: linear-gradient(rgba(255, 255, 255, 0.7), rgba(255, 255, 255, 0.7)), url(../../images/cta01.jpg); background-position: bottom; background-repeat: no-repeat; background-size: cover; @@ -2359,7 +2357,7 @@ ul.icons { padding-left: 4rem; } #footer .copyright { border-top: 1px solid; - font-size: 0.5rem; + font-size: 1em; opacity: 0.5; padding: 2rem 0; text-align: center; } @@ -2422,9 +2420,7 @@ body { background: black; color: rgba(255, 255, 255, 0.5); cursor: default; - height: 3.25rem; left: 0; - line-height: 3.25rem; position: fixed; top: 0; width: 100%; @@ -2822,16 +2818,29 @@ body.is-menu-visible #menu { box-shadow: 0 0 1.5rem 0 rgba(0, 0, 0, 0.2); visibility: visible; } +#header { + display: flex !important; + flex-direction: row; + justify-content: space-between; + align-items: center; + +} #signature { - position: absolute; - top: 50%; - left: 50%; - margin-right: -50%; - transform: translate(-50%, -50%); - height: 80%; width: 200px; + margin-right: 10px; + max-height: 50px; +} +#logo-text-container { + margin: 5px; margin-left: 10px; } +#logo-text { + color: white !important; + margin: 0px !important; +} +#logo-text-container span { + color: #ced1d6; +} .emailHandle { font-size: 1.2em; diff --git a/assets/js/main.js b/assets/js/main.js index 5cf1cb4..f15bd16 100644 --- a/assets/js/main.js +++ b/assets/js/main.js @@ -42,22 +42,4 @@ side: 'right' }); - $('#readBlog').on("click", function() { - window.location = "http://arjunpatel.me/blog.html"; - }); - - // $('.readMore').on("click", function() { - // var whichBlog = $(this).attr('id'); - // console.log("Loading vlog: " + whichBlog); - // window.location = "http://arjunpatel.me/blogs/" + whichBlog + ".html"; - // }); - // - // $('#goToMain').on("click", function() { - // window.location = "http://arjunpatel.me/index.html"; - // }); - // - // $('#goToBlogs').on("click", function() { - // window.location = "http://arjunpatel.me/blog.html"; - // }); - -})(jQuery); +})(jQuery); \ No newline at end of file diff --git a/blog.html b/blog.html deleted file mode 100644 index eec3bf4..0000000 --- a/blog.html +++ /dev/null @@ -1,64 +0,0 @@ - - - - - Arjun - - - - - - - - - - - - - - -
- -
- - - -
- -
-
- The College Programming Tutorial Article Blog Thingy? -
-
- -

Arjun Patel

- -

7/7/18

-
- -
-

I probably should have started this earlier, but here we go! This is my super official blog. Alright let's get a little serious. I want to discuss development insight I have on my current projects and work, explain key technical findings, and also talk about cool tech.

-

Read More

-
-
- -
- - - - - - - - - - diff --git a/blogs/1.html b/blogs/1.html deleted file mode 100644 index c529769..0000000 --- a/blogs/1.html +++ /dev/null @@ -1,72 +0,0 @@ - - - - - Arjun - - - - - - - - - - - - - - -
- -
- - - -
-
-
-
- The college programming tutorial article blog thingy? -
-
- -

Arjun Patel

- -

7/7/18

-
-
- -
-

I probably should have started this earlier, but here we go! This is my super official blog. Alright let's get a little serious. I want to discuss development insight I have on my current projects and work, explain key technical findings, and also talk about cool tech.

-

Now, obviously the type of content throughout my blogs is going to change overtime. But for right now, I am considering to keep it quite open ended. For those of you looking for more niche topics, do not worry as I will be writing on specific software engineering/web/app development experiences. To give yourself a better picture of myself:

-
-
- -
-
-

Currently, I am a software engineering intern at Intel in an internal tools team/test automation. Our department within Intel manages the production and deliverance of Solid State drives. To get to the point, I work with visualizing test data and optimizing running of tests. In addition, my brother and I run a software service company called Lotus. We have one client currently and are building customized Customer Relations Tools for mid-sized companies. We also are expanding to include more development such as mobile apps.

-

As with many college computer science students, I am really into hackathon competitions, as my team won top 6 at Cal Hacks and best web hack. Many of my interests lie in the idea of a startup and growing your own business using cool technologies. I am currently ideating and building out various applications to continue to learn and monetize at a later time.

-

Thanks for tuning in to my first blog. I will be uploading more content as I get a better idea where I am going with this in terms of topics. If you would like to suggest topics according to my programming expertise, please find my contact info on the main page. -

-
-
- - - - - - - - - - diff --git a/images/aziz.jpeg b/images/aziz.jpeg deleted file mode 100644 index 887f37b..0000000 Binary files a/images/aziz.jpeg and /dev/null differ diff --git a/images/blogs/1/me.jpg b/images/blogs/1/me.jpg deleted file mode 100644 index 42fc26c..0000000 Binary files a/images/blogs/1/me.jpg and /dev/null differ diff --git a/images/blogs/1/pic.jpg b/images/blogs/1/pic.jpg deleted file mode 100644 index fb6914b..0000000 Binary files a/images/blogs/1/pic.jpg and /dev/null differ diff --git a/images/c-char-logo.png b/images/c-char-logo.png new file mode 100644 index 0000000..7d7505b Binary files /dev/null and b/images/c-char-logo.png differ diff --git a/images/heran.jpg b/images/heran.jpg deleted file mode 100644 index 638c52a..0000000 Binary files a/images/heran.jpg and /dev/null differ diff --git a/images/joel.jpg b/images/joel.jpg deleted file mode 100644 index cefd2b6..0000000 Binary files a/images/joel.jpg and /dev/null differ diff --git a/index.html b/index.html index 9883491..c666710 100644 --- a/index.html +++ b/index.html @@ -1,144 +1,219 @@ - + - - Arjun - - - - - - - + + Zothing | Home + + + + + - - - + + + + + + + - - + + - - + +
+
+ + +
+
+
+ + + + +
+ +
+
+
+
+
+
- -
+ + -
-
-

Work with me

- -
-
- - -
-
-
-

Important People

- +

Faucibus consequat lorem

+

In arcu accumsan arcu adipiscing accumsan orci ac. Felis id enim aliquet. Accumsan ac integer lobortis commodo ornare aliquet accumsan erat tempus amet porttitor.

@@ -148,9 +223,9 @@
- +
-

- Heran Patel CEO - Lotus

+

- Jane Doe CEO - ABC Inc.

@@ -161,9 +236,9 @@
- +
-

- Joel Simonoff Founder - Predictim

+

- John Doe CEO - ABC Inc.

@@ -174,55 +249,100 @@
- +
-

- Aziz Bandeli Product Owner - NSG | Intel

+

- Janet Smith CEO - ABC Inc.

- + --> - - + + - + + + + + + +