diff --git a/about.html b/about.html new file mode 100644 index 000000000..89a7afd11 --- /dev/null +++ b/about.html @@ -0,0 +1,77 @@ + + + + + About + + + + + + + +
+ +

About Me

+ + +
+ +
+

+ This is Mariana +

+ + +

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris dictum, risus tristique consectetur sodales, metus mi consequat est, in dignissim tellus quam eget eros. Vivamus lacinia egestas libero eu vulputate. Phasellus leo leo, ornare vitae lectus a, interdum iaculis augue. Etiam efficitur fringilla pellentesque. Suspendisse potenti. Nunc lorem nibh, pharetra at orci quis, commodo porttitor risus. Vestibulum sed arcu quis sapien maximus luctus nec et massa. + +Cras semper vestibulum ornare. Mauris laoreet nisi id nulla scelerisque, et porttitor est suscipit. Aenean lobortis ex tellus. Praesent nisi risus, dignissim in auctor in, tristique id lorem. Sed vel euismod sapien. Nunc eleifend vitae libero vel posuere. Cras volutpat, justo vel auctor consequat, libero lacus tincidunt ligula, at posuere urna mauris in orci. Donec in urna nec libero tincidunt placerat. Nulla sit amet neque laoreet, porttitor est ac, finibus metus. Sed non orci sed purus pellentesque facilisis. Nunc in lacus eleifend, lacinia ipsum at, cursus nunc. Integer pretium orci non pretium dictum. Curabitur condimentum id orci a lobortis. Integer consectetur egestas arcu, vitae iaculis ligula. + +Aenean vel faucibus urna. Nulla a elit id risus pharetra pulvinar in ut nibh. Curabitur mattis, nunc a vulputate vehicula, sapien nibh placerat velit, vel iaculis nulla urna finibus sem. Pellentesque scelerisque vestibulum quam nec commodo. Aenean vestibulum orci in augue vulputate, sit amet pulvinar ante ullamcorper. Suspendisse magna urna, molestie ut lacus quis, venenatis pretium turpis. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Aliquam gravida eros est, vel molestie orci vehicula ut. Sed congue mattis felis convallis tristique. Aenean ullamcorper varius urna, vitae fringilla ligula vehicula id. Nam varius arcu in dolor bibendum faucibus. Nam quis est ac magna condimentum tincidunt non a nisl. Quisque sed aliquet dolor. Sed tincidunt nunc ac lorem tempor, nec semper purus accumsan. Quisque diam ligula, mattis a egestas id, mollis et metus. +

+ + + +

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin quis vulputate tortor. Nullam dapibus, lacus eu placerat volutpat, massa dui lacinia erat, eu pulvinar augue ante mollis diam. Vivamus at mi quis ligula blandit laoreet vel id nibh. Proin consectetur faucibus rhoncus. Sed eget lectus sagittis, cursus arcu at, tincidunt orci. Quisque nibh orci, molestie at euismod eget, scelerisque eu sem. Praesent porttitor purus et velit tristique scelerisque. Suspendisse accumsan lacus in eros varius pretium. Cras accumsan facilisis tempus. Duis non dolor quis sem auctor gravida id vitae quam. + + Nam at quam venenatis, aliquet diam eu, dictum turpis. Praesent semper nunc in sem semper efficitur quis vitae nulla. Curabitur mauris justo, aliquet sed malesuada sed, elementum vel nisi. Mauris a auctor diam. Morbi placerat, nisl vel malesuada porta, velit erat accumsan neque, condimentum consectetur arcu mi sed nisl. Pellentesque commodo nibh ante, quis malesuada dui suscipit eu. Etiam at nulla sed magna semper pellentesque. Proin in mauris augue. Praesent consequat augue id justo cursus auctor. Morbi sit amet mi lobortis, consequat lorem a, ullamcorper velit. Proin id tempus urna. +

+ +
+ + + + + + + + + + diff --git a/code-journal.html b/code-journal.html new file mode 100644 index 000000000..e69de29bb diff --git a/hobby.html b/hobby.html new file mode 100644 index 000000000..779b16ee7 --- /dev/null +++ b/hobby.html @@ -0,0 +1,121 @@ + + + + + Math News + + + + + + +
+ +

Math News

+ + +
+ + +
+ + +
+ +
+

+ Maryam Mirzakhani, Only Woman to Win a Fields Medal, Dies at 40 +

+ + + + + +
+ +
+

+ Lady Matemáticas +

+ + + + +
+ +
+

+ The Math Behind Online Dating +

+ + + + +
+ +
+

+ How Close is Tinder so a Stable Marriage Problem? +

+ + + + +
+ +
+

+ The Most Romantic Mathematician and His Language of Symmetry +

+ + + + +
+ +
+

+ 1 Solved. 6 Millennium Prize Math Problems Remain +

+ + + + +
+
+
+ + + + + + + + + + diff --git a/index.html b/index.html new file mode 100644 index 000000000..5aab43cdb --- /dev/null +++ b/index.html @@ -0,0 +1,65 @@ + + + + + Home + + + + + + + + +
+ +

Mariana Alper

+ + +
+ + +
+

+ Welcome! +

+ +

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

+ +

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed luctus nisl a dolor rhoncus auctor. Donec accumsan massa sed nibh rutrum elementum. Curabitur et luctus nulla. Aliquam dictum rutrum est, ut cursus diam varius a. Sed tincidunt eleifend erat vitae tempus. Ut ultrices faucibus nunc. Mauris posuere nulla sit amet odio ultrices, eu vehicula velit fermentum. Proin lacinia, ante non pellentesque laoreet, nunc neque efficitur turpis, pulvinar venenatis diam tellus vel erat. Duis aliquet ac felis et tristique. Aliquam eget est porttitor, ullamcorper mauris quis, egestas lorem. Maecenas eget nisl et purus sodales faucibus. Pellentesque egestas massa tellus, in malesuada elit posuere at. +

+
+ + + + + + diff --git a/pictures/aboutme.jpg b/pictures/aboutme.jpg new file mode 100644 index 000000000..bd0d8e1d3 Binary files /dev/null and b/pictures/aboutme.jpg differ diff --git a/pictures/catarinas.jpg b/pictures/catarinas.jpg new file mode 100644 index 000000000..b5775d5d8 Binary files /dev/null and b/pictures/catarinas.jpg differ diff --git a/pictures/github.png b/pictures/github.png new file mode 100644 index 000000000..f4dda5ea4 Binary files /dev/null and b/pictures/github.png differ diff --git a/pictures/home.htm b/pictures/home.htm new file mode 100644 index 000000000..17d065a0b --- /dev/null +++ b/pictures/home.htm @@ -0,0 +1,70 @@ + + + + + home + + + + + + + + +
+ +

Mariana Alper

+ + +
+ + +
+

+ Mariana Alper +

+ Profile Picture +

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

+
+ + + + + + + + + \ No newline at end of file diff --git a/pictures/home_files/github.png b/pictures/home_files/github.png new file mode 100644 index 000000000..f4dda5ea4 Binary files /dev/null and b/pictures/home_files/github.png differ diff --git a/pictures/home_files/linkedin.png b/pictures/home_files/linkedin.png new file mode 100644 index 000000000..4a1918d27 Binary files /dev/null and b/pictures/home_files/linkedin.png differ diff --git a/pictures/home_files/normalize.css b/pictures/home_files/normalize.css new file mode 100644 index 000000000..fa4e73dd4 --- /dev/null +++ b/pictures/home_files/normalize.css @@ -0,0 +1,447 @@ +/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ + +/* Document + ========================================================================== */ + +/** + * 1. Correct the line height in all browsers. + * 2. Prevent adjustments of font size after orientation changes in + * IE on Windows Phone and in iOS. + */ + +html { + line-height: 1.15; /* 1 */ + -ms-text-size-adjust: 100%; /* 2 */ + -webkit-text-size-adjust: 100%; /* 2 */ +} + +/* Sections + ========================================================================== */ + +/** + * Remove the margin in all browsers (opinionated). + */ + +body { + margin: 0; +} + +/** + * Add the correct display in IE 9-. + */ + +article, +aside, +footer, +header, +nav, +section { + display: block; +} + +/** + * Correct the font size and margin on `h1` elements within `section` and + * `article` contexts in Chrome, Firefox, and Safari. + */ + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +/* Grouping content + ========================================================================== */ + +/** + * Add the correct display in IE 9-. + * 1. Add the correct display in IE. + */ + +figcaption, +figure, +main { /* 1 */ + display: block; +} + +/** + * Add the correct margin in IE 8. + */ + +figure { + margin: 1em 40px; +} + +/** + * 1. Add the correct box sizing in Firefox. + * 2. Show the overflow in Edge and IE. + */ + +hr { + box-sizing: content-box; /* 1 */ + height: 0; /* 1 */ + overflow: visible; /* 2 */ +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +pre { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/* Text-level semantics + ========================================================================== */ + +/** + * 1. Remove the gray background on active links in IE 10. + * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. + */ + +a { + background-color: transparent; /* 1 */ + -webkit-text-decoration-skip: objects; /* 2 */ +} + +/** + * 1. Remove the bottom border in Chrome 57- and Firefox 39-. + * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. + */ + +abbr[title] { + border-bottom: none; /* 1 */ + text-decoration: underline; /* 2 */ + text-decoration: underline dotted; /* 2 */ +} + +/** + * Prevent the duplicate application of `bolder` by the next rule in Safari 6. + */ + +b, +strong { + font-weight: inherit; +} + +/** + * Add the correct font weight in Chrome, Edge, and Safari. + */ + +b, +strong { + font-weight: bolder; +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +code, +kbd, +samp { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/** + * Add the correct font style in Android 4.3-. + */ + +dfn { + font-style: italic; +} + +/** + * Add the correct background and color in IE 9-. + */ + +mark { + background-color: #ff0; + color: #000; +} + +/** + * Add the correct font size in all browsers. + */ + +small { + font-size: 80%; +} + +/** + * Prevent `sub` and `sup` elements from affecting the line height in + * all browsers. + */ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +/* Embedded content + ========================================================================== */ + +/** + * Add the correct display in IE 9-. + */ + +audio, +video { + display: inline-block; +} + +/** + * Add the correct display in iOS 4-7. + */ + +audio:not([controls]) { + display: none; + height: 0; +} + +/** + * Remove the border on images inside links in IE 10-. + */ + +img { + border-style: none; +} + +/** + * Hide the overflow in IE. + */ + +svg:not(:root) { + overflow: hidden; +} + +/* Forms + ========================================================================== */ + +/** + * 1. Change the font styles in all browsers (opinionated). + * 2. Remove the margin in Firefox and Safari. + */ + +button, +input, +optgroup, +select, +textarea { + font-family: sans-serif; /* 1 */ + font-size: 100%; /* 1 */ + line-height: 1.15; /* 1 */ + margin: 0; /* 2 */ +} + +/** + * Show the overflow in IE. + * 1. Show the overflow in Edge. + */ + +button, +input { /* 1 */ + overflow: visible; +} + +/** + * Remove the inheritance of text transform in Edge, Firefox, and IE. + * 1. Remove the inheritance of text transform in Firefox. + */ + +button, +select { /* 1 */ + text-transform: none; +} + +/** + * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` + * controls in Android 4. + * 2. Correct the inability to style clickable types in iOS and Safari. + */ + +button, +html [type="button"], /* 1 */ +[type="reset"], +[type="submit"] { + -webkit-appearance: button; /* 2 */ +} + +/** + * Remove the inner border and padding in Firefox. + */ + +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + border-style: none; + padding: 0; +} + +/** + * Restore the focus styles unset by the previous rule. + */ + +button:-moz-focusring, +[type="button"]:-moz-focusring, +[type="reset"]:-moz-focusring, +[type="submit"]:-moz-focusring { + outline: 1px dotted ButtonText; +} + +/** + * Correct the padding in Firefox. + */ + +fieldset { + padding: 0.35em 0.75em 0.625em; +} + +/** + * 1. Correct the text wrapping in Edge and IE. + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove the padding so developers are not caught out when they zero out + * `fieldset` elements in all browsers. + */ + +legend { + box-sizing: border-box; /* 1 */ + color: inherit; /* 2 */ + display: table; /* 1 */ + max-width: 100%; /* 1 */ + padding: 0; /* 3 */ + white-space: normal; /* 1 */ +} + +/** + * 1. Add the correct display in IE 9-. + * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. + */ + +progress { + display: inline-block; /* 1 */ + vertical-align: baseline; /* 2 */ +} + +/** + * Remove the default vertical scrollbar in IE. + */ + +textarea { + overflow: auto; +} + +/** + * 1. Add the correct box sizing in IE 10-. + * 2. Remove the padding in IE 10-. + */ + +[type="checkbox"], +[type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * Correct the cursor style of increment and decrement buttons in Chrome. + */ + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +/** + * 1. Correct the odd appearance in Chrome and Safari. + * 2. Correct the outline style in Safari. + */ + +[type="search"] { + -webkit-appearance: textfield; /* 1 */ + outline-offset: -2px; /* 2 */ +} + +/** + * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. + */ + +[type="search"]::-webkit-search-cancel-button, +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * 1. Correct the inability to style clickable types in iOS and Safari. + * 2. Change font properties to `inherit` in Safari. + */ + +::-webkit-file-upload-button { + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ +} + +/* Interactive + ========================================================================== */ + +/* + * Add the correct display in IE 9-. + * 1. Add the correct display in Edge, IE, and Firefox. + */ + +details, /* 1 */ +menu { + display: block; +} + +/* + * Add the correct display in all browsers. + */ + +summary { + display: list-item; +} + +/* Scripting + ========================================================================== */ + +/** + * Add the correct display in IE 9-. + */ + +canvas { + display: inline-block; +} + +/** + * Add the correct display in IE. + */ + +template { + display: none; +} + +/* Hidden + ========================================================================== */ + +/** + * Add the correct display in IE 10-. + */ + +[hidden] { + display: none; +} diff --git a/pictures/home_files/portada.jpg b/pictures/home_files/portada.jpg new file mode 100644 index 000000000..ca2d0fa5c Binary files /dev/null and b/pictures/home_files/portada.jpg differ diff --git a/pictures/home_files/style.css b/pictures/home_files/style.css new file mode 100644 index 000000000..22136192d --- /dev/null +++ b/pictures/home_files/style.css @@ -0,0 +1,88 @@ +/*header { + background-color: #F298FA; + padding: 2em; +}*/ + +/*header h2 { + display: inline; +} +header nav { + float: right; + clear: right; +} + +/*nav { + padding: 0 0 1em 0; +}*/ + +/*nav ul { + list-style-type: none;*/ + /*margin: 0; + padding: 0;*/ +/*} + +nav li { + display: inline +}*/ + +/*nav a { + padding: 1em; +}*/ +/*html { box-sizing: border-box; } +*, *:before, *:after { box-sizing: inherit; } +html, body { height: 100%; } +body { + width: 100%; + font-size: 16px; + font-family: 'Open Sans', sans-serif; + color: #333; + display: flex; + flex-direction: column; +} + +h1, h2, h3, h4 { font-family: 'Josefin Sans', sans-serif; } +h1 { font-size: 8em; } +h2 { font-size: 3em; } +a { + color: #333; + text-decoration: none; +}*/ +a:hover { cursor: pointer; } +ul, ol { list-style: none; } +header { + position: fixed; + background: #f29c57; + width: 100%; + margin-top: 0; + display: flex; + justify-content: space-around; + align-items: center; +} +header h2 { + margin: 1.5% 0; + width: 30%; + text-align: right; + animation: fade-in 4s; +} +header nav { width: 60%; } +header nav ul { + width: 100%; + display: flex; + justify-content: center; + align-items: center; +} +header nav ul li { margin-right: 5%; } +header nav ul li a { + font-weight: 700; + text-transform: uppercase; + letter-spacing: -1px; +} + +nav a:hover { + background-color: white; + color: black; +} + +/*body { + clear: both; +}*/ diff --git a/pictures/home_files/twitter-wrap.png b/pictures/home_files/twitter-wrap.png new file mode 100644 index 000000000..215a5260a Binary files /dev/null and b/pictures/home_files/twitter-wrap.png differ diff --git a/pictures/linkedin.png b/pictures/linkedin.png new file mode 100644 index 000000000..4a1918d27 Binary files /dev/null and b/pictures/linkedin.png differ diff --git a/pictures/logo.png b/pictures/logo.png new file mode 100644 index 000000000..d4e9cf573 Binary files /dev/null and b/pictures/logo.png differ diff --git a/pictures/portada.jpg b/pictures/portada.jpg new file mode 100755 index 000000000..ca2d0fa5c Binary files /dev/null and b/pictures/portada.jpg differ diff --git a/pictures/twitter-wrap.png b/pictures/twitter-wrap.png new file mode 100644 index 000000000..215a5260a Binary files /dev/null and b/pictures/twitter-wrap.png differ diff --git a/portafolio.html b/portafolio.html new file mode 100644 index 000000000..b16cc24b9 --- /dev/null +++ b/portafolio.html @@ -0,0 +1,151 @@ + + + + + Portafolio + + + + + + + + +
+

Portafolio

+ + +
+ +
+
+ + + +

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vivamus imperdiet malesuada libero, vel porttitor orci cursus nec. Pellentesque bibendum lectus sollicitudin arcu ultrices, eu consectetur metus vehicula. Aenean vitae condimentum leo, vel convallis nibh. Donec convallis eu nibh at sollicitudin. Nulla sit amet felis eu nunc facilisis cursus. Nunc quis tincidunt ex. Nullam a molestie est, eget euismod justo. Nam at scelerisque erat, non ornare nunc. Vestibulum et erat arcu. Donec et semper tortor, at elementum orci. +

+ +
+ +
+
+

+ Meow Space +

+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum. +

+ + See Repository + +
+ +
+

+ Restricted Arrays +

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Vestibulum luctus facilisis semper. Nullam vel ligula scelerisque, lobortis erat sit amet, sollicitudin arcu. Curabitur eget condimentum nulla. Nulla rhoncus neque pulvinar, semper purus eu, pellentesque tellus. Donec ullamcorper pharetra vulputate. Sed accumsan maximus elit. Donec eget enim nec libero tempus rutrum. Ut arcu purus, vehicula et magna vitae, ultrices condimentum ipsum. +

+ + See Repository + +
+ +
+

+ Hotel +

+

+ Mauris maximus semper sapien in aliquam. Aliquam augue ante, sagittis vitae odio et, varius accumsan ipsum. Morbi in ipsum lorem. Fusce arcu mi, porta vel sagittis nec, sodales ut nunc. Cras suscipit, ipsum eget suscipit ornare, purus orci ornare purus, sed fermentum mi augue eu nisl. Sed vulputate nulla purus, ac pharetra lorem consectetur id. Sed eget consectetur purus. Fusce a tincidunt lectus. +

+ + See Repository + +
+ +
+

+ Grocery Store +

+

+ Morbi quis lectus et elit efficitur bibendum. Integer tincidunt dolor elit, molestie aliquet erat interdum non. Cras fermentum, purus consequat faucibus luctus, eros velit maximus purus, sed ornare eros ex ut ex. Maecenas at orci rutrum, congue tellus a, euismod tortor. In nec condimentum nisl. Morbi ac sem ac justo porttitor congue eget non nibh. Curabitur gravida risus eget lacinia viverra. Sed commodo, ipsum nec fermentum aliquet, enim ex vestibulum sapien, nec malesuada risus risus quis neque. Praesent in justo orci. Sed et sollicitudin sem, sed euismod elit. Duis pulvinar, justo nec eleifend luctus, neque purus aliquet metus, quis gravida lacus purus quis libero. Maecenas congue pellentesque felis sit amet accumsan. Pellentesque euismod nulla a est ornare suscipit. Ut nisl velit, consequat eget malesuada eget, placerat non sem. +

+ + See Repository + +
+ +
+

+ Word Guess +

+

+ Ut eros ante, dapibus nec neque sed, euismod tempus nisl. In hac habitasse platea dictumst. Phasellus auctor fringilla leo, nec fermentum turpis. Etiam rutrum purus et odio ullamcorper, sed pulvinar eros tincidunt. Proin ac ex vestibulum, condimentum urna ut, accumsan lacus. Maecenas eget luctus massa. Sed consequat in sem et pulvinar. Mauris nec nisl non urna pharetra scelerisque. Morbi id augue quis sapien blandit posuere ac ac diam. Curabitur feugiat libero a ullamcorper auctor. Curabitur aliquet mauris in erat pharetra rhoncus. Mauris egestas purus consectetur risus pharetra auctor. Aenean molestie, leo ultricies commodo sollicitudin, nibh tellus dictum diam, at fringilla arcu arcu vel magna. +

+ + See Repository + +
+ +
+

+ Solar System +

+

+ Morbi non justo ut metus pharetra ultrices. Nunc non accumsan dui. Duis at est vel sem consectetur molestie sit amet nec mauris. Nunc tincidunt varius sagittis. Maecenas laoreet, leo at rhoncus elementum, quam velit ornare velit, aliquet mattis ipsum eros eu urna. Donec eget nibh id lorem posuere tincidunt. Ut condimentum risus ac laoreet efficitur. Suspendisse volutpat auctor facilisis. Sed dapibus sodales dapibus. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; +

+ + See Repository + +
+ +
+

+ Ride Share +

+

+ Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis tincidunt elementum nisl, eget lacinia ante consequat rhoncus. Donec sed nulla euismod, tempor erat vel, semper neque. Aliquam erat volutpat. Duis consectetur orci sed magna maximus eleifend. Class aptent taciti sociosqu ad litora torquent per conubia nostra, per inceptos himenaeos. Mauris ultrices sem nec felis laoreet, posuere mattis purus tempor. Vivamus at purus vehicula, semper ante a, mattis eros. Suspendisse sagittis ultricies tempus. Nulla gravida, felis sit amet congue sodales, diam enim congue quam, sed bibendum lacus leo ac metus. Ut ac nulla rhoncus, ullamcorper orci sed, tincidunt dolor. Nam faucibus metus quis lectus euismod, et convallis enim condimentum. Vestibulum non efficitur ipsum, eget ullamcorper mi. Nullam nibh nisi, interdum sit amet accumsan a, convallis et felis. Vivamus gravida bibendum condimentum. Mauris ac lacus euismod, molestie eros vitae, imperdiet ligula. +

+ + See Repository + +
+
+ + + + + + + + + + + diff --git a/styles/about.css b/styles/about.css new file mode 100644 index 000000000..f49395689 --- /dev/null +++ b/styles/about.css @@ -0,0 +1,105 @@ +@import url('https://fonts.googleapis.com/css?family=Pacifico'); + +html, body { + height: 100%; + width: 100% +} + +header { + background-color: #ffb3ff; + margin-top: 0; + width: 100%; + padding: 2%; + text-decoration: none; + position: absolute; + top: 0; +} + + +a { + text-decoration: none; + color: #e600e6; +} + +header h2 { + display: inline; + padding: 0.5em; + font-family: pacifico; + color: #e600e6; + font-size: 2em; +} + +header nav { + float: right; + clear: right; +} + +header nav a { + padding: 3em 3em 3em 0; +} + +header nav li { + display: inline; + list-style-type: none; +} + +header nav a:hover { + background-color: white; + color: black; + text-decoration: none; +} + + +main { + padding: 10% 3%; + +} + +main img { + width: 40%; + padding: 10px 10px 10px 0; + clear: both; +} + +img:nth-of-type(odd) { + float: left; + +} + +img:nth-of-type(even) { + float: right; +} + + +p { + padding: 10px; +} + +footer { + background-color: #ffb3ff; + padding: 10%; +} + +footer h4 { + max-width: 20%; + display: inline; + color: #e600e6; + float:left; + clear: left; + +} + +footer nav { + float: right; + /*position: absolute;*/ +} + + +footer nav a { + padding: 0 2em 2em 0; +} + +footer nav li { + display: inline; + list-style-type: none; +} diff --git a/styles/hobby.css b/styles/hobby.css new file mode 100644 index 000000000..ed5475a02 --- /dev/null +++ b/styles/hobby.css @@ -0,0 +1,94 @@ +@import url('https://fonts.googleapis.com/css?family=Pacifico'); + +html, body { + height: 100%; + width: 100% +} + +header { + background-color: #ffb3ff; + margin-top: 0; + width: 100%; + padding: 2%; + text-decoration: none; + position: absolute; + top: 0; +} + + +a { + text-decoration: none; + color: #e600e6; +} + +header h2 { + display: inline; + padding: 0.5em; + font-family: pacifico; + color: #e600e6; + font-size: 2em; +} + +header nav { + float: right; + clear: right; +} + +header nav a { + padding: 3em 3em 3em 0; +} + +header nav li { + display: inline; + list-style-type: none; +} + +header nav a:hover { + background-color: white; + color: black; + text-decoration: none; +} + + +main { + padding: 10% 3%; +} + +main img { + width: 30%; + /*height: 230px;*/ + +} + + + + + +footer { + background-color: #ffb3ff; + padding: 10%; +} + +footer h4 { + max-width: 20%; + display: inline; + color: #e600e6; + float:left; + clear: left; + +} + +footer nav { + float: right; + /*position: absolute;*/ +} + + +footer nav a { + padding: 0 2em 2em 0; +} + +footer nav li { + display: inline; + list-style-type: none; +} diff --git a/styles/normalize.css b/styles/normalize.css new file mode 100644 index 000000000..fa4e73dd4 --- /dev/null +++ b/styles/normalize.css @@ -0,0 +1,447 @@ +/*! normalize.css v7.0.0 | MIT License | github.com/necolas/normalize.css */ + +/* Document + ========================================================================== */ + +/** + * 1. Correct the line height in all browsers. + * 2. Prevent adjustments of font size after orientation changes in + * IE on Windows Phone and in iOS. + */ + +html { + line-height: 1.15; /* 1 */ + -ms-text-size-adjust: 100%; /* 2 */ + -webkit-text-size-adjust: 100%; /* 2 */ +} + +/* Sections + ========================================================================== */ + +/** + * Remove the margin in all browsers (opinionated). + */ + +body { + margin: 0; +} + +/** + * Add the correct display in IE 9-. + */ + +article, +aside, +footer, +header, +nav, +section { + display: block; +} + +/** + * Correct the font size and margin on `h1` elements within `section` and + * `article` contexts in Chrome, Firefox, and Safari. + */ + +h1 { + font-size: 2em; + margin: 0.67em 0; +} + +/* Grouping content + ========================================================================== */ + +/** + * Add the correct display in IE 9-. + * 1. Add the correct display in IE. + */ + +figcaption, +figure, +main { /* 1 */ + display: block; +} + +/** + * Add the correct margin in IE 8. + */ + +figure { + margin: 1em 40px; +} + +/** + * 1. Add the correct box sizing in Firefox. + * 2. Show the overflow in Edge and IE. + */ + +hr { + box-sizing: content-box; /* 1 */ + height: 0; /* 1 */ + overflow: visible; /* 2 */ +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +pre { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/* Text-level semantics + ========================================================================== */ + +/** + * 1. Remove the gray background on active links in IE 10. + * 2. Remove gaps in links underline in iOS 8+ and Safari 8+. + */ + +a { + background-color: transparent; /* 1 */ + -webkit-text-decoration-skip: objects; /* 2 */ +} + +/** + * 1. Remove the bottom border in Chrome 57- and Firefox 39-. + * 2. Add the correct text decoration in Chrome, Edge, IE, Opera, and Safari. + */ + +abbr[title] { + border-bottom: none; /* 1 */ + text-decoration: underline; /* 2 */ + text-decoration: underline dotted; /* 2 */ +} + +/** + * Prevent the duplicate application of `bolder` by the next rule in Safari 6. + */ + +b, +strong { + font-weight: inherit; +} + +/** + * Add the correct font weight in Chrome, Edge, and Safari. + */ + +b, +strong { + font-weight: bolder; +} + +/** + * 1. Correct the inheritance and scaling of font size in all browsers. + * 2. Correct the odd `em` font sizing in all browsers. + */ + +code, +kbd, +samp { + font-family: monospace, monospace; /* 1 */ + font-size: 1em; /* 2 */ +} + +/** + * Add the correct font style in Android 4.3-. + */ + +dfn { + font-style: italic; +} + +/** + * Add the correct background and color in IE 9-. + */ + +mark { + background-color: #ff0; + color: #000; +} + +/** + * Add the correct font size in all browsers. + */ + +small { + font-size: 80%; +} + +/** + * Prevent `sub` and `sup` elements from affecting the line height in + * all browsers. + */ + +sub, +sup { + font-size: 75%; + line-height: 0; + position: relative; + vertical-align: baseline; +} + +sub { + bottom: -0.25em; +} + +sup { + top: -0.5em; +} + +/* Embedded content + ========================================================================== */ + +/** + * Add the correct display in IE 9-. + */ + +audio, +video { + display: inline-block; +} + +/** + * Add the correct display in iOS 4-7. + */ + +audio:not([controls]) { + display: none; + height: 0; +} + +/** + * Remove the border on images inside links in IE 10-. + */ + +img { + border-style: none; +} + +/** + * Hide the overflow in IE. + */ + +svg:not(:root) { + overflow: hidden; +} + +/* Forms + ========================================================================== */ + +/** + * 1. Change the font styles in all browsers (opinionated). + * 2. Remove the margin in Firefox and Safari. + */ + +button, +input, +optgroup, +select, +textarea { + font-family: sans-serif; /* 1 */ + font-size: 100%; /* 1 */ + line-height: 1.15; /* 1 */ + margin: 0; /* 2 */ +} + +/** + * Show the overflow in IE. + * 1. Show the overflow in Edge. + */ + +button, +input { /* 1 */ + overflow: visible; +} + +/** + * Remove the inheritance of text transform in Edge, Firefox, and IE. + * 1. Remove the inheritance of text transform in Firefox. + */ + +button, +select { /* 1 */ + text-transform: none; +} + +/** + * 1. Prevent a WebKit bug where (2) destroys native `audio` and `video` + * controls in Android 4. + * 2. Correct the inability to style clickable types in iOS and Safari. + */ + +button, +html [type="button"], /* 1 */ +[type="reset"], +[type="submit"] { + -webkit-appearance: button; /* 2 */ +} + +/** + * Remove the inner border and padding in Firefox. + */ + +button::-moz-focus-inner, +[type="button"]::-moz-focus-inner, +[type="reset"]::-moz-focus-inner, +[type="submit"]::-moz-focus-inner { + border-style: none; + padding: 0; +} + +/** + * Restore the focus styles unset by the previous rule. + */ + +button:-moz-focusring, +[type="button"]:-moz-focusring, +[type="reset"]:-moz-focusring, +[type="submit"]:-moz-focusring { + outline: 1px dotted ButtonText; +} + +/** + * Correct the padding in Firefox. + */ + +fieldset { + padding: 0.35em 0.75em 0.625em; +} + +/** + * 1. Correct the text wrapping in Edge and IE. + * 2. Correct the color inheritance from `fieldset` elements in IE. + * 3. Remove the padding so developers are not caught out when they zero out + * `fieldset` elements in all browsers. + */ + +legend { + box-sizing: border-box; /* 1 */ + color: inherit; /* 2 */ + display: table; /* 1 */ + max-width: 100%; /* 1 */ + padding: 0; /* 3 */ + white-space: normal; /* 1 */ +} + +/** + * 1. Add the correct display in IE 9-. + * 2. Add the correct vertical alignment in Chrome, Firefox, and Opera. + */ + +progress { + display: inline-block; /* 1 */ + vertical-align: baseline; /* 2 */ +} + +/** + * Remove the default vertical scrollbar in IE. + */ + +textarea { + overflow: auto; +} + +/** + * 1. Add the correct box sizing in IE 10-. + * 2. Remove the padding in IE 10-. + */ + +[type="checkbox"], +[type="radio"] { + box-sizing: border-box; /* 1 */ + padding: 0; /* 2 */ +} + +/** + * Correct the cursor style of increment and decrement buttons in Chrome. + */ + +[type="number"]::-webkit-inner-spin-button, +[type="number"]::-webkit-outer-spin-button { + height: auto; +} + +/** + * 1. Correct the odd appearance in Chrome and Safari. + * 2. Correct the outline style in Safari. + */ + +[type="search"] { + -webkit-appearance: textfield; /* 1 */ + outline-offset: -2px; /* 2 */ +} + +/** + * Remove the inner padding and cancel buttons in Chrome and Safari on macOS. + */ + +[type="search"]::-webkit-search-cancel-button, +[type="search"]::-webkit-search-decoration { + -webkit-appearance: none; +} + +/** + * 1. Correct the inability to style clickable types in iOS and Safari. + * 2. Change font properties to `inherit` in Safari. + */ + +::-webkit-file-upload-button { + -webkit-appearance: button; /* 1 */ + font: inherit; /* 2 */ +} + +/* Interactive + ========================================================================== */ + +/* + * Add the correct display in IE 9-. + * 1. Add the correct display in Edge, IE, and Firefox. + */ + +details, /* 1 */ +menu { + display: block; +} + +/* + * Add the correct display in all browsers. + */ + +summary { + display: list-item; +} + +/* Scripting + ========================================================================== */ + +/** + * Add the correct display in IE 9-. + */ + +canvas { + display: inline-block; +} + +/** + * Add the correct display in IE. + */ + +template { + display: none; +} + +/* Hidden + ========================================================================== */ + +/** + * Add the correct display in IE 10-. + */ + +[hidden] { + display: none; +} diff --git a/styles/portafolio.css b/styles/portafolio.css new file mode 100644 index 000000000..cb37bd08a --- /dev/null +++ b/styles/portafolio.css @@ -0,0 +1,89 @@ +@import url('https://fonts.googleapis.com/css?family=Pacifico'); + +html, body { + height: 100%; + width: 100% +} + +header { + background-color: #ffb3ff; + margin-top: 0; + width: 100%; + padding: 2%; + text-decoration: none; + position: absolute; + top: 0; +} + + +a { + text-decoration: none; + color: #e600e6; +} + +header h2 { + display: inline; + padding: 0.5em; + font-family: pacifico; + color: #e600e6; + font-size: 2em; +} + +header nav { + float: right; + clear: right; +} + +header nav a { + padding: 3em 3em 3em 0; +} + +header nav li { + display: inline; + list-style-type: none; +} + +header nav a:hover { + background-color: white; + color: black; + text-decoration: none; +} + +section { + padding: 2%; +} + +h3 { + font-family: pacifico; +} + + + +footer { + background-color: #ffb3ff; + padding: 10%; +} + +footer h4 { + max-width: 20%; + display: inline; + color: #e600e6; + float:left; + clear: left; + +} + +footer nav { + float: right; + /*position: absolute;*/ +} + + +footer nav a { + padding: 0 2em 2em 0; +} + +footer nav li { + display: inline; + list-style-type: none; +} diff --git a/styles/style.css b/styles/style.css new file mode 100644 index 000000000..e21d99c5d --- /dev/null +++ b/styles/style.css @@ -0,0 +1,105 @@ +@import url('https://fonts.googleapis.com/css?family=Pacifico'); + +html, body { + height: 100%; + width: 100% +} + +header { + background-color: #ffb3ff; + margin-top: 0; + width: 100%; + padding: 2%; + text-decoration: none; + position: fixed; + top: 0; +} + +a { + text-decoration: none; +} + +header h2 { + display: inline; + padding: 0.5em; + font-family: pacifico; + color: #e600e6; + font-size: 2em; +} + +header nav { + float: right; + clear: right; +} + +header nav a { + padding: 3em 3em 3em 0; +} + +header nav li { + display: inline; + list-style-type: none; +} + +header nav a:hover { + background-color: white; + color: black; + text-decoration: none; +} + +body section{ + background: url("/Users/mariana/ada/projects/week6/Static-Site/pictures/portada.jpg"); + width: 100%; + height: 700px; + justify-content: center; + align-items: center; + background-attachment: fixed; + background-position: center; + background-repeat: no-repeat; + background-size: cover; + margin-top: 98px; + opacity: 0.8; +} + +h1 { + padding: 1em; + font-family: pacifico; + color: #e600e6; + font-size: 8em; + text-align: center; +} + +p { + font-size: 1em; + padding: 2% 2% 0% 2%; +} + + +footer { + background-color: #ffb3ff; + margin: 0%; + padding: 8%; + +} + +footer h4 { + max-width: 20%; + display: inline; + color: #e600e6; + float:left; + clear: left; +} + +footer nav { + float: right; + clear: right; +} + +footer nav a { + padding: 0 2em 2em 0; +} + +footer nav li { + display: inline; + list-style-type: none; +} diff --git a/styles/style1.css b/styles/style1.css new file mode 100644 index 000000000..5c61d5516 --- /dev/null +++ b/styles/style1.css @@ -0,0 +1,111 @@ +/*header { + background-color: #F298FA; + padding: 2em; +}*/ + +/*header h2 { + display: inline; +} +header nav { + float: right; + clear: right; +} + +/*nav { + padding: 0 0 1em 0; +}*/ + +/*nav ul { + list-style-type: none;*/ + /*margin: 0; + padding: 0;*/ +/*} +nav li { + display: inline +}*/ + +/*nav a { + padding: 1em; +}*/ +/*html { box-sizing: border-box; } +*, *:before, *:after { box-sizing: inherit; } +html, body { height: 100%; } +body { + width: 100%; + font-size: 16px; + font-family: 'Open Sans', sans-serif; + color: #333; + display: flex; + flex-direction: column; +} + +h1, h2, h3, h4 { font-family: 'Josefin Sans', sans-serif; } +h1 { font-size: 8em; } +h2 { font-size: 3em; } +a { + color: #333; + text-decoration: none; +}*/ +a:hover { + cursor: pointer; +} + +ul, ol { + list-style: none; +} + +header { + position: fixed; + background: #f29c57; + width: 100%; + margin-top: 0; + display: block; + /*justify-content: space-around;*/ + /*align-items: center;*/ +} + +/*header h2 { + margin: 1.5% 0; + /*width: 30%;*/ + float: left; + text-align: left; + /*animation: fade-in 4s;*/ +} + +header nav { + /*width: 70%;*/ + float: right; + display: inline; +} + +header nav ul { + /*width: 100%;*/ + /*display: flex;*/ + justify-content: center; + align-items: center; + float: right; + display: inline; +} + +head nav li { + display: inline; +} +header nav ul li { + margin-right: 10%; +} + +header nav ul li a { + font-weight: 700; + text-transform: uppercase; + display: inline; + /*letter-spacing: -1px;*/ +} + +nav a:hover { + background-color: white; + color: black; +} + +/*body { + clear: both; +}*/