diff --git a/css/nutmeg.css b/css/nutmeg.css index 68285d7..063eeec 100644 --- a/css/nutmeg.css +++ b/css/nutmeg.css @@ -75,6 +75,7 @@ display: flex; .gif{ max-width: 500px; max-height: 400px; + margin-left: 30px; } .box{ display: -webkit-box; @@ -107,7 +108,7 @@ display: flex; } @media(max-width:400px){ .gif{ - max-width: 500px; + max-width: 300px; max-height: 300px; } a{ diff --git a/css/style.css b/css/style.css index b024006..3f291f1 100644 --- a/css/style.css +++ b/css/style.css @@ -191,6 +191,20 @@ a.fab:hover{ typing 3.5s steps(30, end), blink-caret .5s step-end infinite; } + .typewriter .type { + color: black; + overflow: hidden; /* Ensures the content is not revealed until the animation */ + white-space: nowrap; /* Keeps the content on a single line */ + margin: 0 auto; /* Gives that scrolling effect as the typing happens */ + letter-spacing: .15em; /* Adjust as needed */ + -webkit-animation: + typing 3.5s steps(30, end), + blink-caret .5s step-end infinite; + animation: + typing 3.5s steps(30, end), + blink-caret .5s step-end infinite; + } + /* The typing effect */ @-webkit-keyframes typing { diff --git a/farmhouse.html b/farmhouse.html index 0553999..3b785fd 100644 --- a/farmhouse.html +++ b/farmhouse.html @@ -4,11 +4,25 @@ Farmhouse Cafe - + +
+
+ Home + Website +
+
+

Farmhouse Cafe Project

+

The farmhouse cafe project was the final project for my Web II course where we redesigned a website that had an old or outdated design. This website is fully responsive and features an elegant and modern design.

+
+
+
+ Nutmeg Magazine + Nutmeg Magazine +
\ No newline at end of file diff --git a/img/The Farmhouse Cafe.gif b/img/The Farmhouse Cafe.gif new file mode 100644 index 0000000..965c871 Binary files /dev/null and b/img/The Farmhouse Cafe.gif differ diff --git a/img/magspread.png b/img/magspread.png new file mode 100644 index 0000000..5e926af Binary files /dev/null and b/img/magspread.png differ diff --git a/img/responsive.gif b/img/responsive.gif new file mode 100644 index 0000000..d1f7491 Binary files /dev/null and b/img/responsive.gif differ diff --git a/index.html b/index.html index 0b1836c..fdde45f 100644 --- a/index.html +++ b/index.html @@ -46,13 +46,14 @@

Meira Tompkins

+

Designer // Coder // Artist

-

Designer // Coder // Artist

-
+ +
diff --git a/nutmeg.html b/nutmeg.html index 59607f5..c567c86 100644 --- a/nutmeg.html +++ b/nutmeg.html @@ -17,14 +17,16 @@

Nutmeg Magazine

Personal Role: Magazine Managing Editor

-

For the Fall 2019 semester, I had the opprotunity to create a magazine for UConn Nutmeg Publishing. I was in charge of everything from the content to the final designs and proofs. This health and wellness piece included a collaboration with UConn Project Fashion, our feature piece, as well as pieces on the topic of food insecurity and renovations to Whitney dining hall. sleek and simple design was chosen to attract the readers attention and highlight photographs chosen.

+

For the Fall 2019 semester, I had the opprotunity to create a magazine for UConn Nutmeg Publishing. I was in charge of everything from the content to the final designs and proofs. This health and wellness piece included a collaboration with UConn Project Fashion, our feature piece, as well as pieces on the topic of food insecurity and renovations to Whitney dining hall. A sleek and simple design was used to attract the readers attention and highlight photographs chosen.

Nutmeg Magazine -
+ Nutmeg Magazine + +