Initial commit
Prithu Goswami prithugoswami524@gmail.com
Sun, 05 Jan 2020 09:36:43 +0530
21 files changed,
990 insertions(+),
0 deletions(-)
jump to
A
blog.html
@@ -0,0 +1,67 @@
+<!DOCTYPE html> +<html lang="en"> +<head> + + <meta charset="utf-8"> + <title>Prithu Goswami</title> + <meta name="description" content="Prithu Goswami's personal website"> + <meta name="author" content="Prithu Goswami"> + <meta name="viewport" content="width=device-width, initial-scale=1"> + + <link href="https://fonts.googleapis.com/css?family=Roboto+Mono:300,400,700" rel="stylesheet"> + <link rel="stylesheet" href="/css/main.css"> + <link rel="stylesheet" href="/css/blog.css"> + <link rel="icon" type="img/png" href="/img/favicon.png"> + +</head> + +<body> + <p class="wip">WIP</p> + <nav> + <ul> + <li><a href="/">About me</a></li> + <li><a href="/projects">Projects</a></li> + <li><a href="/blog">Blog</a></li> + <li><a href="/links">Links</a></li> + </ul> + </nav> + + <div class="bcontainer"> + <aside class="blog-menu"> + <ul> + <li>Latest</li> + <li>Tags</li> + <ul> + <li>linux</li> + <li>web</li> + <li>security</li> + <li>ui-design</li> + <li>misc</li> + </ul> + <li>Month</li> + <ul> + <li>January</li> + <li>February</li> + <li>March</li> + <li>April</li> + </ul> + </ul> + </aside> + <div class="bcontent"> + <h1>Latest Posts</h1> + <ul class="posts"> + <li><a href="/post.html">Designing this blog from scratch</a></li> + <li>Utilitarian design principles</li> + <li>Using figma for quick prototype design</li> + <li>Learning x86 Assembly</li> + <li>Learning from CTFs about IT security</li> + <li>The web is cluttered</li> + <li>The simplicity of IRC</li> + <li>Simple static site generator</li> + </ul> + </div> + </div> + +</body> + +</html>
A
css/.listing
@@ -0,0 +1,5 @@
+drwxr-x--x 2 u235475644 o41975424 4096 Jan 19 2019 . +drwxr-xr-x 6 u235475644 o41975424 4096 May 19 05:26 .. +-rw-r--r-- 1 u235475644 o41975424 1523 Jan 19 2019 blog.css +-rw-r--r-- 1 u235475644 o41975424 3262 Jan 19 2019 main.css +-rw-r--r-- 1 u235475644 o41975424 7797 Jan 12 2019 normalize.css
A
css/blog.css
@@ -0,0 +1,101 @@
+.bcontainer{ + margin-top: 40px; + display: flex; + flex-flow: row +} + +.blog-menu{ + /* background-color: pink; */ + border-right: 1px solid #BCBCBC; + margin-left: 30px; + min-width: 170px; + max-width: 220px; +} + +.blog-menu ul{ + list-style: none; +} + +.blog-menu > ul > li{ + font-weight: 700; + line-height: 2.5; +} +.blog-menu > ul > ul > li{ + text-indent: 1.5rem; + line-height: 1.4; + font-weight: 200; +} + +.bcontent{ + /* background-color: lightgreen; */ + padding-left: 30px; + margin-right: 200px; + flex-grow: 1; +} +.bcontent h1{ + font-size: 36px; +} + +ul.posts{ + list-style: none; + margin-top: 10px; + font-size: 18px; + line-height: 35px; + min-width: 500px; +} + +ul.posts > li:nth-child(odd){ + background-color: #E5E5E5; +} +.date{ + border-bottom: 2px solid #BCBCBC; + padding-bottom: 5px +} + +.post-text{ + margin-top: 20px; + font-family: Roboto, Sans-serif; + font-size: 18px; +} + +.post-text p{ + padding-bottom: 15px; + line-height: 1.4; +} +.post-text h1{ + font-size:1.7rem; + font-weight: 500; + margin-bottom: 10px; +} + +.post-text h2{ + font-size:1.5rem; + font-weight: 500; + margin-bottom: 10px; +} + +.post-text h3{ + font-size:1.3rem; + font-weight: 500; + margin-bottom: 10px; +} + +.post-text ul{ + list-style-position: inside; +} + +.post-text > ul > ul{ + text-indent: 2.5rem; +} + +.post-text > ul{ + text-indent: 1rem; +} + +.post-text > ul > ul{ + text-indent: 2.5rem; +} + +.post-text > ul > ul > ul{ + text-indent: 4.5rem; +}
A
css/main.css
@@ -0,0 +1,226 @@
+*, +*::before, +*::after { + margin: 0; + padding: 0; + box-sizing: border-box; +} +a, +a:active, +a:focus{ + outline: none; + text-decoration: none; + color: black; +} +a:hover{ + color: #B554E3; +} + +html{ + font-family: "Roboto Mono",sans-serif; +} + +body{ + background-color: #f3f3f3; +} + +nav { + background-color: white; + height: 64px; + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-between; + box-shadow: 0 5px 20px rgba(0,0,0,0.1); +} + +.wip{ + background-color: rgba(255,224,0,1); + font-size: 20px; + text-align: center; + +} + +nav ul{ + list-style: none; + padding-left: 30px; +} + +nav li{ + display: inline; +} + +nav li:not(:last-child){ + padding-right: 40px; +} + +nav a{ + text-decoration: none; + text-transform: uppercase; + font-weight: 700; + color: black; +} +#intro{ + width: 900px; + margin: 0 auto; + position: relative; + margin-top: 100px; +} + +.container{ + width: auto; + margin: 0 auto; + position: relative; +} + +.shadow-box{ + background-color: white; + border-radius: 24px; + width: 650px; + height: 411px; + box-shadow: 0 10px 30px 3px rgba(0,0,0,0.15); + margin: 0 auto; + position: relative; +} + +.shadow-box-error{ + background-color: white; + border-radius: 24px; + width: 516px; + height: 239px; + box-shadow: 0 10px 30px 3px rgba(0,0,0,0.15); + margin: 0 auto; + position: relative; + display: flex; + align-items: center; + justify-content: center; + margin-top:150px; +} + +.error{ + font-weight: 700px; + font-size: 120px; + color: #BCBCBC; +} + + +.head-text { + position: absolute; + top: -40px; + right: -130px; + color: #414141; + line-height: 1; +} + +.sub-head{ + font-weight:700; + font-size: 48px; + position: absolute; + top: -35px; + left: -50px; + color: #242424; + text-shadow: 0 4px 7px rgba(0,0,0,0.2); +} + +.head-text h1{ + font-size: 64px; + font-weight: 700; + text-shadow: 0 4px 7px rgba(0,0,0,0.2); +} + +.head-text h2{ + font-size: 20px; + font-weight: 500; + padding-left: 3px; +} + +.intro-text{ + padding: 80px 105px; + font-weight: 300; + font-size: 18px; + text-align: justify; +} + +#profile-pic { + width: 190px; + border-radius: 50%; + position: absolute; + top: 40px; + left: -130px; + box-shadow: 0 7px 10px rgba(0,0,0,0.25); +} + +#triangle { + fill: #B554E3; + width: 128px; + position: absolute; + right: -80px; + bottom: 200px; + filter: drop-shadow(0px 7px 7px rgba(0,0,0,0.15)); +} + +#circle { + fill:#8BEF89; + width: 74px; + position: absolute; + left: 100px; + filter: drop-shadow(0px -7px 7px rgba(0,0,0,0.15)); +} + +#stripes-green{ + width: 237px; + position: absolute; + top: -60px; + right: 0px; +} + +#stripes-purp{ + width: 204px; + position: absolute; + bottom: -75px; + left: 40px; +} + +#socials{ + display: flex; + position: absolute; + right: -100px; + bottom: 40px; +} + +#socials a{ + margin-left: 10px +} + +.sb{ + padding: 15px; + display: flex; + box-shadow: 0px 7px 7px rgba(0,0,0,0.15); +} + +.sb img{ + width: 30px; + height: 30px; +} + +.mail{ + background: #4ED44C ; +} + +.github{ + background: #333 +} + +.dribbble{ + background: #ea4c89 +} + +.twitter{ + background: #1da1f2 +} + +.joke { + font-size: 10px; + color: rgba(0,0,0,0.2); + text-shadow: none; +}
A
css/normalize.css
@@ -0,0 +1,427 @@
+/*! normalize.css v3.0.2 | MIT License | git.io/normalize */ + +/** + * 1. Set default font family to sans-serif. + * 2. Prevent iOS text size adjust after orientation change, without disabling + * user zoom. + */ + +html { + font-family: sans-serif; /* 1 */ + -ms-text-size-adjust: 100%; /* 2 */ + -webkit-text-size-adjust: 100%; /* 2 */ +} + +/** + * Remove default margin. + */ + +body { + margin: 0; +} + +/* HTML5 display definitions + ========================================================================== */ + +/** + * Correct `block` display not defined for any HTML5 element in IE 8/9. + * Correct `block` display not defined for `details` or `summary` in IE 10/11 + * and Firefox. + * Correct `block` display not defined for `main` in IE 11. + */ + +article, +aside, +details, +figcaption, +figure, +footer, +header, +hgroup, +main, +menu, +nav, +section, +summary { + display: block; +} + +/** + * 1. Correct `inline-block` display not defined in IE 8/9. + * 2. Normalize vertical alignment of `progress` in Chrome, Firefox, and Opera. + */ + +audio, +canvas, +progress, +video { + display: inline-block; /* 1 */ + vertical-align: baseline; /* 2 */ +} + +/** + * Prevent modern browsers from displaying `audio` without controls. + * Remove excess height in iOS 5 devices. + */ + +audio:not([controls]) { + display: none; + height: 0; +} + +/** + * Address `[hidden]` styling not present in IE 8/9/10. + * Hide the `template` element in IE 8/9/11, Safari, and Firefox < 22. + */ + +[hidden], +template { + display: none; +} + +/* Links + ========================================================================== */ + +/** + * Remove the gray background color from active links in IE 10. + */ + +a { + background-color: transparent; +} + +/** + * Improve readability when focused and also mouse hovered in all browsers. + */ + +a:active, +a:hover { + outline: 0; +} + +/* Text-level semantics + ========================================================================== */ + +/** + * Address styling not present in IE 8/9/10/11, Safari, and Chrome. + */ + +abbr[title] { + border-bottom: 1px dotted; +} + +/** + * Address style set to `bolder` in Firefox 4+, Safari, and Chrome. + */ + +b, +strong { + font-weight: bold; +} + +/** + * Address styling not present in Safari and Chrome. + */ + +dfn { + font-style: italic; +} + +/** + * Address variable `h1` font-size and margin within `section` and `article` + * contexts in Firefox 4+, Safari, and Chrome. + */ + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +/** + * Address styling not present in IE 8/9. + */ + +mark { + background: #ff0; + color: #000; +} + +/** + * Address inconsistent and variable font size in all browsers. + */ + +small { + font-size: 80%; +} + +/** + * Prevent `sub` and `sup` affecting `line-height` in all browsers. + */ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sup { + top: -0.5em; +} + +sub { + bottom: -0.25em; +} + +/* Embedded content + ========================================================================== */ + +/** + * Remove border when inside `a` element in IE 8/9/10. + */ + +img { + border: 0; +} + +/** + * Correct overflow not hidden in IE 9/10/11. + */ + +svg:not(:root) { + overflow: hidden; +} + +/* Grouping content + ========================================================================== */ + +/** + * Address margin not present in IE 8/9 and Safari. + */ + +figure { + margin: 1em 40px; +} + +/** + * Address differences between Firefox and other browsers. + */ + +hr { + -moz-box-sizing: content-box; + box-sizing: content-box; + height: 0; +} + +/** + * Contain overflow in all browsers. + */ + +pre { + overflow: auto; +} + +/** + * Address odd `em`-unit font size rendering in all browsers. + */ + +code, +kbd, +pre, +samp { + font-family: monospace, monospace; + font-size: 1em; +} + +/* Forms + ========================================================================== */ + +/** + * Known limitation: by default, Chrome and Safari on OS X allow very limited + * styling of `select`, unless a `border` property is set. + */ + +/** + * 1. Correct color not being inherited. + * Known issue: affects color of disabled elements. + * 2. Correct font properties not being inherited. + * 3. Address margins set differently in Firefox 4+, Safari, and Chrome. + */ + +button, +input, +optgroup, +select, +textarea { + color: inherit; /* 1 */ + font: inherit; /* 2 */ + margin: 0; /* 3 */ +} + +/** + * Address `overflow` set to `hidden` in IE 8/9/10/11. + */ + +button { + overflow: visible; +} + +/** + * Address inconsistent `text-transform` inheritance for `button` and `select`. + * All other form control elements do not inherit `text-transform` values. + * Correct `button` style inheritance in Firefox, IE 8/9/10/11, and Opera. + * Correct `select` style inheritance in Firefox. + */ + +button, +select { + text-transform: none; +} + +/** + * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` + * and `video` controls. + * 2. Correct inability to style clickable `input` types in iOS. + * 3. Improve usability and consistency of cursor style between image-type + * `input` and others. + */ + +button, +html input[type="button"], /* 1 */ +input[type="reset"], +input[type="submit"] { + -webkit-appearance: button; /* 2 */ + cursor: pointer; /* 3 */ +} + +/** + * Re-set default cursor for disabled elements. + */ + +button[disabled], +html input[disabled] { + cursor: default; +} + +/** + * Remove inner padding and border in Firefox 4+. + */ + +button::-moz-focus-inner, +input::-moz-focus-inner { + border: 0; + padding: 0; +} + +/** + * Address Firefox 4+ setting `line-height` on `input` using `!important` in + * the UA stylesheet. + */ + +input { + line-height: normal; +} + +/** + * It's recommended that you don't attempt to style these elements. + * Firefox's implementation doesn't respect box-sizing, padding, or width. + * + * 1. Address box sizing set to `content-box` in IE 8/9/10. + * 2. Remove excess padding in IE 8/9/10. + */ + +input[type="checkbox"], +input[type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * Fix the cursor style for Chrome's increment/decrement buttons. For certain + * `font-size` values of the `input`, it causes the cursor style of the + * decrement button to change from `default` to `text`. + */ + +input[type="number"]::-webkit-inner-spin-button, +input[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +/** + * 1. Address `appearance` set to `searchfield` in Safari and Chrome. + * 2. Address `box-sizing` set to `border-box` in Safari and Chrome + * (include `-moz` to future-proof). + */ + +input[type="search"] { + -webkit-appearance: textfield; /* 1 */ + -moz-box-sizing: content-box; + -webkit-box-sizing: content-box; /* 2 */ + box-sizing: content-box; +} + +/** + * Remove inner padding and search cancel button in Safari and Chrome on OS X. + * Safari (but not Chrome) clips the cancel button when the search input has + * padding (and `textfield` appearance). + */ + +input[type="search"]::-webkit-search-cancel-button, +input[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * Define consistent border, margin, and padding. + */ + +fieldset { + border: 1px solid #c0c0c0; + margin: 0 2px; + padding: 0.35em 0.625em 0.75em; +} + +/** + * 1. Correct `color` not being inherited in IE 8/9/10/11. + * 2. Remove padding so people aren't caught out if they zero out fieldsets. + */ + +legend { + border: 0; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * Remove default vertical scrollbar in IE 8/9/10/11. + */ + +textarea { + overflow: auto; +} + +/** + * Don't inherit the `font-weight` (applied by a rule above). + * NOTE: the default cannot safely be changed in Chrome and Safari on OS X. + */ + +optgroup { + font-weight: bold; +} + +/* Tables + ========================================================================== */ + +/** + * Remove most spacing between table cells. + */ + +table { + border-collapse: collapse; + border-spacing: 0; +} + +td, +th { + padding: 0; +}
A
img/.listing
@@ -0,0 +1,19 @@
+drwxr-xr-x 2 u235475644 o41975424 4096 May 19 05:25 . +drwxr-xr-x 6 u235475644 o41975424 4096 May 19 05:26 .. +-rw-r--r-- 1 u235475644 o41975424 1177 Jan 12 2019 archlinux.svg +-rw-r--r-- 1 u235475644 o41975424 183 Jan 12 2019 baseline-menu-24px.svg +-rw-r--r-- 1 u235475644 o41975424 44241 Jan 13 2019 blog.png +-rw-r--r-- 1 u235475644 o41975424 4694 Jan 12 2019 by.svg +-rw-r--r-- 1 u235475644 o41975424 313 Jan 12 2019 cancel.svg +-rw-r--r-- 1 u235475644 o41975424 1180 Jan 12 2019 cc.svg +-rw-r--r-- 1 u235475644 o41975424 1003 Jan 19 2019 dribbble.svg +-rw-r--r-- 1 u235475644 o41975424 7894 Jan 12 2019 favicon.png +-rw-r--r-- 1 u235475644 o41975424 841 Jan 19 2019 github.svg +-rw-r--r-- 1 u235475644 o41975424 294 Jan 12 2019 key.svg +-rw-r--r-- 1 u235475644 o41975424 261 Jan 19 2019 mail.svg +-rw-r--r-- 1 u235475644 o41975424 34051 May 19 05:25 profile2_sq500.jpg +-rw-r--r-- 1 u235475644 o41975424 91028 May 17 05:56 profile2_sq.jpg +-rw-r--r-- 1 u235475644 o41975424 23541 Jan 12 2019 profile.jpg +-rw-r--r-- 1 u235475644 o41975424 771 Jan 19 2019 twitter.svg +-rw-r--r-- 1 u235475644 o41975424 264 Jan 12 2019 uc.svg +-rw-r--r-- 1 u235475644 o41975424 1550 Jan 12 2019 youtube.png
A
img/archlinux.svg
@@ -0,0 +1,1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><title>Arch Linux icon</title><path d="M11.390232.60509C10.375655 3.09168 9.764285 4.7185 8.63513 7.13162c.692712.734695 1.542857 1.589214 2.923032 2.553937-1.484256-.610496-2.49621-1.223615-3.25277-1.859475-1.444897 3.015743-3.710204 7.311953-8.30554 15.568513 3.612246-2.08513 6.411955-3.36997 9.020993-3.861516-.111954-.48105-.175802-1.003208-.17143-1.54723l.0035-.115453c.057725-2.314286 1.261224-4.09417 2.68688-3.972595 1.425656.119825 2.53382 2.095627 2.477843 4.409038-.010496.43557-.06035.85452-.146064 1.242857 2.58105.504665 5.351895 1.78688 8.914286 3.844024-.702333-1.29271-1.329447-2.4586-1.928572-3.569387-.943732-.731196-1.926822-1.6828-3.933236-2.71312 1.3793.3586 2.366764.77143 3.136443 1.23411C13.970407 7.010922 13.478862 5.503924 11.390232.60509zM22.897813 21.360193v-.623615h-.233528v-.083965h.561516v.083965h-.2344v.623615h-.093587M23.322886 21.360193v-.70758h.14169l.167056.501166c.015744.04723.027114.082215.03411.10583.007873-.025365.020118-.06385.038485-.113703l.168805-.493294h.126822v.70758h-.090962v-.593003l-.206414.593003h-.083965l-.204665-.602624v.602623h-.090962"/></svg>
A
img/by.svg
@@ -0,0 +1,16 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?> +<!-- Created with Inkscape (http://www.inkscape.org/) --> +<svg xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://web.resource.org/cc/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:svg="http://www.w3.org/2000/svg" xmlns="http://www.w3.org/2000/svg" xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd" xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape" id="svg1325" sodipodi:version="0.32" inkscape:version="0.43" width="64" height="64" sodipodi:docbase="D:\" sodipodi:docname="Cc-by.svg" version="1.0"> + <metadata id="metadata1330"> + <rdf:RDF> + <cc:Work rdf:about="Creative Commons Attribution icon (written By): Creative Commons: CC-By 2.0. The original yellow GIF image used in Commons Deeds was edited by Rafal Pocztarski using The GIMP on November 30, 2004."> + <dc:format>image/svg+xml</dc:format> + <dc:type rdf:resource="http://purl.org/dc/dcmitype/StillImage"/> + </cc:Work> + </rdf:RDF> + </metadata> + <defs id="defs1328"/> + <sodipodi:namedview inkscape:window-height="540" inkscape:window-width="813" inkscape:pageshadow="2" inkscape:pageopacity="0.0" borderopacity="1.0" bordercolor="#666666" pagecolor="#ffffff" id="base" fill="#000000" inkscape:zoom="5.828125" inkscape:cx="32" inkscape:cy="32" inkscape:window-x="20" inkscape:window-y="114" inkscape:current-layer="svg1325"/> + <path style="opacity:1;fill:#000000;fill-opacity:1;fill-rule:nonzero;stroke:none;stroke-width:259.50698853;stroke-linecap:butt;stroke-linejoin:round;stroke-miterlimit:4;stroke-dasharray:none;stroke-dashoffset:0;stroke-opacity:1" d="M 31.1875 0 C 13.904525 0.43835438 3.7379722e-013 14.612004 0 32 C 2.3684758e-015 49.663996 14.336004 64 32 64 C 49.663996 64 64 49.663996 64 32 C 64 14.336004 49.663996 1.3812956e-013 32 0 C 31.724 3.7007434e-017 31.461833 -0.0069580061 31.1875 0 z M 31.15625 5.5 C 31.439783 5.4910103 31.714297 5.5 32 5.5 C 46.628003 5.4999998 58.5 17.371998 58.5 32 C 58.499998 46.628001 46.628002 58.5 32 58.5 C 17.371999 58.499999 5.5 46.628002 5.5 32 C 5.4999999 17.657701 16.922915 5.9512829 31.15625 5.5 z " id="path1334"/> + <path id="text2251" style="font-size:23.87030983px;font-style:normal;font-variant:normal;font-weight:bold;font-stretch:normal;text-align:start;line-height:100%;writing-mode:lr-tb;text-anchor:start;fill:#000000;fill-opacity:1;stroke:none;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;font-family:Arial" d="M 15.688151,23.047989 L 22.234168,23.047989 C 23.529956,23.048007 24.494357,23.108813 25.127372,23.230407 C 25.767813,23.343929 26.337517,23.587153 26.836486,23.96008 C 27.342876,24.333039 27.763638,24.831649 28.098772,25.455909 C 28.433878,26.072091 28.601438,26.76528 28.601453,27.535475 C 28.601438,28.370559 28.392919,29.136713 27.975894,29.833945 C 27.56629,30.531198 27.007757,31.05413 26.300294,31.402741 C 27.298194,31.718941 28.065246,32.258088 28.601453,33.020182 C 29.13763,33.782291 29.405726,34.678167 29.405742,35.70781 C 29.405726,36.518562 29.230719,37.30904 28.88072,38.079247 C 28.538138,38.841351 28.065246,39.453465 27.462044,39.91559 C 26.866262,40.369608 26.128997,40.649317 25.25025,40.754713 C 24.699153,40.819572 23.369843,40.86011 21.262319,40.876325 L 15.688151,40.876325 L 15.688151,23.047989 M 18.994672,26.015324 L 18.994672,30.137974 L 21.161782,30.137974 C 22.450125,30.137985 23.25069,30.117717 23.563478,30.077168 C 24.129449,30.004213 24.572552,29.793419 24.892788,29.444786 C 25.22045,29.088069 25.384287,28.621889 25.384298,28.046245 C 25.384287,27.494951 25.242792,27.049041 24.959813,26.708514 C 24.684258,26.359906 24.270944,26.149112 23.719868,26.07613 C 23.392185,26.035608 22.450125,26.01534 20.893686,26.015324 L 18.994672,26.015324 M 18.994672,33.105311 L 18.994672,37.872504 L 22.055436,37.872504 C 23.246966,37.872509 24.002848,37.836025 24.323083,37.763055 C 24.814583,37.665768 25.213004,37.430652 25.518346,37.057705 C 25.831113,36.676658 25.987502,36.169939 25.987515,35.537553 C 25.987502,35.002466 25.868349,34.548447 25.630053,34.175497 C 25.391734,33.80256 25.045443,33.53096 24.59118,33.360695 C 24.144343,33.190447 23.168772,33.105317 21.664463,33.105311 L 18.994672,33.105311 M 36.510289,40.876325 L 36.510289,33.372857 L 30.511638,23.047989 L 34.387863,23.047989 L 38.241749,30.101491 L 42.017429,23.047989 L 45.826629,23.047989 L 39.805639,33.39718 L 39.805639,40.876325 L 36.510289,40.876325 M 44.482509,40.952012 L 44.482509,37.080588 L 48.302659,37.080588 L 48.302659,40.952012 L 44.482509,40.952012 M 44.491699,31.985163 L 44.491699,28.11374 L 48.311849,28.11374 L 48.311849,31.985163 L 44.491699,31.985163"/> +</svg>
A
img/cancel.svg
@@ -0,0 +1,1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M12 2C6.47 2 2 6.47 2 12s4.47 10 10 10 10-4.47 10-10S17.53 2 12 2zm5 13.59L15.59 17 12 13.41 8.41 17 7 15.59 10.59 12 7 8.41 8.41 7 12 10.59 15.59 7 17 8.41 13.41 12 17 15.59z"/><path d="M0 0h24v24H0z" fill="none"/></svg>
A
img/cc.svg
@@ -0,0 +1,14 @@
+<?xml version="1.0" encoding="utf-8"?> +<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="64px" height="64px"> +<path d="M31.957,0.311c-8.682,0-16.322,3.213-22.226,9.203 + C3.653,15.678,0.354,23.666,0.354,32c0,8.422,3.212,16.236,9.29,22.313c6.078,6.078,13.978,9.377,22.313,9.377 + c8.334,0,16.409-3.299,22.66-9.463c5.904-5.817,9.029-13.544,9.029-22.227c0-8.595-3.125-16.408-9.116-22.399 + C48.453,3.523,40.639,0.311,31.957,0.311z M32.043,6.041c7.12,0,13.458,2.691,18.406,7.641c4.862,4.861,7.466,11.286,7.466,18.318 + c0,7.119-2.518,13.371-7.379,18.146c-5.123,5.035-11.721,7.727-18.493,7.727c-6.858,0-13.283-2.691-18.232-7.641 + C8.862,45.283,6.084,38.772,6.084,32c0-6.858,2.778-13.369,7.727-18.406C18.673,8.646,24.924,6.041,32.043,6.041z"/> +<path id="c" d="M31.635,26.734c-1.79-3.264-4.844-4.563-8.389-4.563 + c-5.16,0-9.267,3.65-9.267,9.828c0,6.283,3.861,9.829,9.442,9.829c3.581,0,6.635-1.966,8.319-4.949l-3.931-2.001 + c-0.878,2.105-2.212,2.738-3.896,2.738c-2.914,0-4.248-2.422-4.248-5.617c0-3.193,1.124-5.616,4.248-5.616 + c0.842,0,2.527,0.456,3.51,2.563L31.635,26.734z"/> +<use xlink:href="#c" transform="translate(18.281)"/> +</svg>
A
img/dribbble.svg
@@ -0,0 +1,1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="white"><title>Dribbble icon</title><path d="M12 24C5.385 24 0 18.615 0 12S5.385 0 12 0s12 5.385 12 12-5.385 12-12 12zm10.12-10.358c-.35-.11-3.17-.953-6.384-.438 1.34 3.684 1.887 6.684 1.992 7.308 2.3-1.555 3.936-4.02 4.395-6.87zm-6.115 7.808c-.153-.9-.75-4.032-2.19-7.77l-.066.02c-5.79 2.015-7.86 6.025-8.04 6.4 1.73 1.358 3.92 2.166 6.29 2.166 1.42 0 2.77-.29 4-.814zm-11.62-2.58c.232-.4 3.045-5.055 8.332-6.765.135-.045.27-.084.405-.12-.26-.585-.54-1.167-.832-1.74C7.17 11.775 2.206 11.71 1.756 11.7l-.004.312c0 2.633.998 5.037 2.634 6.855zm-2.42-8.955c.46.008 4.683.026 9.477-1.248-1.698-3.018-3.53-5.558-3.8-5.928-2.868 1.35-5.01 3.99-5.676 7.17zM9.6 2.052c.282.38 2.145 2.914 3.822 6 3.645-1.365 5.19-3.44 5.373-3.702-1.81-1.61-4.19-2.586-6.795-2.586-.825 0-1.63.1-2.4.285zm10.335 3.483c-.218.29-1.935 2.493-5.724 4.04.24.49.47.985.68 1.486.08.18.15.36.22.53 3.41-.43 6.8.26 7.14.33-.02-2.42-.88-4.64-2.31-6.38z"/></svg>
A
img/github.svg
@@ -0,0 +1,1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="white"><title>GitHub icon</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"/></svg>
A
img/key.svg
@@ -0,0 +1,1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path d="M0 0h24v24H0z" fill="none"/><path d="M12.65 10C11.83 7.67 9.61 6 7 6c-3.31 0-6 2.69-6 6s2.69 6 6 6c2.61 0 4.83-1.67 5.65-4H17v4h4v-4h2v-4H12.65zM7 14c-1.1 0-2-.9-2-2s.9-2 2-2 2 .9 2 2-.9 2-2 2z"/></svg>
A
img/mail.svg
@@ -0,0 +1,1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="white"><path d="M20 4H4c-1.1 0-1.99.9-1.99 2L2 18c0 1.1.9 2 2 2h16c1.1 0 2-.9 2-2V6c0-1.1-.9-2-2-2zm0 4l-8 5-8-5V6l8 5 8-5v2z"/><path d="M0 0h24v24H0z" fill="none"/></svg>
A
img/twitter.svg
@@ -0,0 +1,1 @@
+<svg role="img" viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg" fill="white"><title>Twitter icon</title><path d="M23.954 4.569c-.885.389-1.83.654-2.825.775 1.014-.611 1.794-1.574 2.163-2.723-.951.555-2.005.959-3.127 1.184-.896-.959-2.173-1.559-3.591-1.559-2.717 0-4.92 2.203-4.92 4.917 0 .39.045.765.127 1.124C7.691 8.094 4.066 6.13 1.64 3.161c-.427.722-.666 1.561-.666 2.475 0 1.71.87 3.213 2.188 4.096-.807-.026-1.566-.248-2.228-.616v.061c0 2.385 1.693 4.374 3.946 4.827-.413.111-.849.171-1.296.171-.314 0-.615-.03-.916-.086.631 1.953 2.445 3.377 4.604 3.417-1.68 1.319-3.809 2.105-6.102 2.105-.39 0-.779-.023-1.17-.067 2.189 1.394 4.768 2.209 7.557 2.209 9.054 0 13.999-7.496 13.999-13.986 0-.209 0-.42-.015-.63.961-.689 1.8-1.56 2.46-2.548l-.047-.02z"/></svg>
A
img/uc.svg
@@ -0,0 +1,1 @@
+<svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24"><path opacity=".3" d="M4.47 19h15.06L12 5.99 4.47 19zM13 18h-2v-2h2v2zm0-4h-2v-4h2v4z"/><path d="M1 21h22L12 2 1 21zm3.47-2L12 5.99 19.53 19H4.47zM11 16h2v2h-2zm0-6h2v4h-2z"/></svg>
A
index.html
@@ -0,0 +1,106 @@
+<!DOCTYPE html> +<html lang="en"> +<head> + + <meta charset="utf-8"> + <title>Prithu Goswami</title> + <meta name="description" content="Prithu Goswami's personal website"> + <meta name="author" content="Prithu Goswami"> + <!-- <meta name="viewport" content="width=device-width, initial-scale=1"> --> + + <link href="https://fonts.googleapis.com/css?family=Roboto+Mono:300,400,700" rel="stylesheet"> + <link rel="stylesheet" href="/css/main.css"> + <link rel="icon" type="img/png" href="/img/favicon.png"> + +</head> + +<body> + <nav> + <ul> + <li><a href="/">About me</a></li> + <li><a href="/projects">Projects</a></li> + <li><a href="/blog.html">Blog</a></li> + <li><a href="/links">Links</a></li> + </ul> + </nav> + + <section id="intro"> + <div class="container"> + <svg id="stripes-green" width="237" xmlns="http://www.w3.org/2000/svg" + viewBox="0 0 237 209" preserveAspectRatio="xMidYMid meet"> + <rect x="21" y="16" width="162" height="13" rx="6" transform="rotate(39 21 16)" fill="#8BEF89"/> + <rect x="52" y="68" width="205" height="13" rx="6" transform="rotate(39 52 68)" fill="#8BEF89"/> + <rect x="44" y="8" width="189" height="13" rx="6" transform="rotate(39 44 8)" fill="#8BEF89"/> + <circle cx="152" cy="132" r="6" transform="rotate(39 152 132)" fill="#8BEF89"/> + <circle cx="38" cy="65" r="6" transform="rotate(39 38 65)" fill="#8BEF89"/> + </svg> + <svg id="stripes-purp"width="204" xmlns="http://www.w3.org/2000/svg" + viewBox="0 0 204 182" preserveAspectRatio="xMidYMid meet"> + <rect x="21" y="16" width="162" height="13" rx="6" transform="rotate(39 21 16)" fill="#B554E3"/> + <rect x="52" y="68" width="162" height="13" rx="6" transform="rotate(39 52 68)" fill="#B554E3"/> + <rect x="44" y="8" width="162" height="13" rx="6" transform="rotate(39 44 8)" fill="#B554E3"/> + <circle cx="152" cy="132" r="6" transform="rotate(39 152 132)" fill="#B554E3"/> + <circle cx="38" cy="65" r="6" transform="rotate(39 38 65)" fill="#B554E3"/> + </svg> + + <div class="shadow-box"> + <div class="head-text"> + <h1>Prithu Goswami</h1> + <h2>Developer + Designer</h2> + </div> + + <div class="intro-text"> + <p> + Hey there, I am Prithu Goswami. I am currently studying at PES + University South Campus, Bangalore(PESIT-BSC) where I am persuing + a Bachelor's degree in Computer Science and Engineering. + </p> + <p> + I love to build new things and design solutions to problems. + I have been fascinated by computers and technology since a very + young age. + </p> + </div> + <!-- #b554e3 --> + + <img id="profile-pic" src="./img/duotone-profile-small.jpeg"> + + <svg id="triangle" xmlns="http://www.w3.org/2000/svg" + viewBox="0 0 128 59" preserveAspectRatio="xMidYMid meet"> + <path d="M34 0l47 9 47 10L0 59z" /> + </svg> + + <svg id="circle" xmlns="http://www.w3.org/2000/svg" + viewBox="0 0 74 74" preserveAspectRatio="xMidYMid meet"> + <circle cx="37" cy="37" r="37" /> + </svg> + + <div id="socials"> + <a href="mailto:prithugoswami524@gmail.com"> + <div class="sb mail"> + <img src="/img/mail.svg"> + </div> + </a> + <a href="https://github.com/prithugoswami" target="_blank"> + <div class="sb github"> + <img src="/img/github.svg"> + </div> + </a> + <a href="https://dribbble.com/prithugoswami" target="_blank"> + <div class="sb dribbble"> + <img src="/img/dribbble.svg"> + </div> + </a> + <a href="https://twitter.com/prithu524" target="_blank"> + <div class="sb twitter"> + <img src="/img/twitter.svg"> + </div> + </a> + </div> + + </div> + </div> + </section> + +</body> +</html>