search

jaidTw / Opinionate

A voting site project for database course
0 stars 0 forks source link

Homepage Design #8

Closed RexYuan closed 8 years ago

RexYuan commented 8 years ago

I'm thinking about using a plain simple one

untitled diagram

jaidTw commented 8 years ago

You can just add some text first

RexYuan commented 8 years ago 
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="807px" height="1154px" version="1.1" content="&lt;mxfile userAgent=&quot;Mozilla/5.0 (Macintosh; Intel Mac OS X 10_11_5) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/50.0.2661.102 Safari/537.36&quot; version=&quot;5.5.1.6&quot; editor=&quot;www.draw.io&quot; type=&quot;device&quot;&gt;&lt;diagram&gt;1Zffb5swEMf/Gh4nBZzQ5LHJmvZl0qRM2rMHDlg1mDlmSfbX9wx3iVlomylUKjwk+HvnH3zui4GArYrDo+FV/k2nQgXRJD0E7GsQRfNZCL9OOLZCvJi0QmZk2kqY4YSN/CtQpLRapmLXSbRaKyurrpjoshSJ7WjcGL3vpm216s5a8YxmPAubhKtL9adMbY6XFcVn/UnILKeZw3jRRn7x5Dkzui5xviBi2+ZowwWnsfBCdzlP9d6T2ANgNVrDyO6sOKyEcmgJW9tv/Ur0tG4jSlzb2x0g5Dr84arGS8d12SOx2OfSik3FE9feQ7kDtsxtoaAVwunOGv0sVlpp0+SzSXNABIcWxgr0Rc/yGgnX9ih0Iaw5Qgp1QExoI2ruvZrAVI2We/WIUeNog+w08BkFnCCNfjKsh0ysYILlVsPifUTx79rVqwl82TVmvoeEKK4O5yCcZe7/SfBUGBoLVtEO1wYv4AM6p7/Ku9QlZC63Uql/JK5kVkIzAdQwH1u6Qkiw+D0GCpmmbpplX4E1ZG9V48wc8gR0GKKeLJy/V9CQtoqhCzodldWJwntWPyXegga3NQ/Nd5nY2ohP7Ud34+CjA65gmCKEeNuTP2mf9soQ95ZhOkAZ7nrKYJN8OJt+BLEuMHatb4e4o3Ev8XitBe+17ScmNiUSHrFohlboWIx2iFuQ4WvKyJCdNrm3mJE2ODMaY2TQZndXQKNta3houF4P2g/37BjRnRnPr30GE+mbgF2+iq/hM8C9Ko4H2aLHY/3ISPwPZNA8fxg1Me/jkz28AA==&lt;/diagram&gt;&lt;/mxfile&gt;" style="background-color: rgb(255, 255, 255);"><defs/><g transform="translate(0.5,0.5)"><rect x="1" y="1" width="800" height="60" fill="#ffffff" stroke="#000000" pointer-events="none"/><g transform="translate(361.5,16.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="85" height="29" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 12px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; overflow: hidden; max-height: 56px; max-width: 186px; width: 87px; white-space: normal; word-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;"><font style="font-size: 26px">Header</font></div></div></foreignObject><text x="43" y="21" fill="#000000" text-anchor="middle" font-size="12px" font-family="Helvetica">[Not supported by viewer]</text></switch></g><rect x="1" y="81" width="800" height="290" fill="#ffffff" stroke="#000000" pointer-events="none"/><g transform="translate(363.5,216.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="81" height="29" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 26px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; overflow: hidden; max-height: 236px; max-width: 596px; width: 81px; white-space: normal; word-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">Picture</div></div></foreignObject><text x="41" y="28" fill="#000000" text-anchor="middle" font-size="26px" font-family="Helvetica">Picture</text></switch></g><rect x="4" y="381" width="800" height="60" fill="#ffffff" stroke="#000000" pointer-events="none"/><g transform="translate(374.5,395.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="57" height="29" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 26px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 59px; white-space: nowrap; word-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">Pitch</div></div></foreignObject><text x="29" y="28" fill="#000000" text-anchor="middle" font-size="26px" font-family="Helvetica">Pitch</text></switch></g><rect x="4" y="451" width="257" height="210" fill="#ffffff" stroke="#000000" pointer-events="none"/><g transform="translate(86.5,540.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="90" height="29" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 26px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 90px; white-space: nowrap; word-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">Feature</div></div></foreignObject><text x="45" y="28" fill="#000000" text-anchor="middle" font-size="26px" font-family="Helvetica">Feature</text></switch></g><rect x="281" y="451" width="260" height="210" fill="#ffffff" stroke="#000000" pointer-events="none"/><g transform="translate(365.5,540.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="89" height="29" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 26px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 91px; white-space: nowrap; word-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">Feature</div></div></foreignObject><text x="45" y="28" fill="#000000" text-anchor="middle" font-size="26px" font-family="Helvetica">Feature</text></switch></g><rect x="561" y="451" width="240" height="210" fill="#ffffff" stroke="#000000" pointer-events="none"/><g transform="translate(635.5,540.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="89" height="29" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 26px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 91px; white-space: nowrap; word-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">Feature</div></div></foreignObject><text x="45" y="28" fill="#000000" text-anchor="middle" font-size="26px" font-family="Helvetica">Feature</text></switch></g><rect x="4" y="671" width="800" height="270" fill="#ffffff" stroke="#000000" pointer-events="none"/><g transform="translate(379.5,790.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="47" height="29" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 26px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 49px; white-space: nowrap; word-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">Text</div></div></foreignObject><text x="24" y="28" fill="#000000" text-anchor="middle" font-size="26px" font-family="Helvetica">Text</text></switch></g><rect x="4" y="951" width="800" height="200" fill="#ffffff" stroke="#000000" pointer-events="none"/><g transform="translate(365.5,1035.5)"><switch><foreignObject style="overflow:visible;" pointer-events="all" width="75" height="29" requiredFeatures="http://www.w3.org/TR/SVG11/feature#Extensibility"><div xmlns="http://www.w3.org/1999/xhtml" style="display: inline-block; font-size: 26px; font-family: Helvetica; color: rgb(0, 0, 0); line-height: 1.2; vertical-align: top; width: 77px; white-space: nowrap; word-wrap: normal; text-align: center;"><div xmlns="http://www.w3.org/1999/xhtml" style="display:inline-block;text-align:inherit;text-decoration:inherit;">Footer</div></div></foreignObject><text x="38" y="28" fill="#000000" text-anchor="middle" font-size="26px" font-family="Helvetica">Footer</text></switch></g></g></svg>

Here's the source of the wireframe

RexYuan commented 8 years ago

It looks something like this screen shot 2016-06-16 at 2 17 14 am