basic-layout.svg 8.2 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151152153154155156157158159160161162163164165166167168169170171172173174175176177178179180181182183184185186187188189190191192193194195196197198199200201202203204205206207208209
  1. <?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2. <!-- Created with Inkscape (http://www.inkscape.org/) -->
  3. <svg
  4. width="1366"
  5. height="768"
  6. viewBox="0 0 1366 768"
  7. version="1.1"
  8. id="svg5"
  9. inkscape:version="1.1.1 (3bf5ae0d25, 2021-09-20, custom)"
  10. sodipodi:docname="basic-layout.svg"
  11. inkscape:export-filename="/home/booh/Work/gnu-social-documentation/basic-layou.png"
  12. inkscape:export-xdpi="96"
  13. inkscape:export-ydpi="96"
  14. xmlns:inkscape="http://www.inkscape.org/namespaces/inkscape"
  15. xmlns:sodipodi="http://sodipodi.sourceforge.net/DTD/sodipodi-0.dtd"
  16. xmlns="http://www.w3.org/2000/svg"
  17. xmlns:svg="http://www.w3.org/2000/svg">
  18. <sodipodi:namedview
  19. id="namedview7"
  20. pagecolor="#070707"
  21. bordercolor="#eeeeee"
  22. borderopacity="1"
  23. inkscape:pageshadow="0"
  24. inkscape:pageopacity="0"
  25. inkscape:pagecheckerboard="0"
  26. inkscape:document-units="px"
  27. showgrid="false"
  28. showguides="true"
  29. inkscape:zoom="0.8125"
  30. inkscape:cx="667.07692"
  31. inkscape:cy="422.15385"
  32. inkscape:window-width="1920"
  33. inkscape:window-height="1007"
  34. inkscape:window-x="0"
  35. inkscape:window-y="0"
  36. inkscape:window-maximized="1"
  37. inkscape:current-layer="g138495" />
  38. <defs
  39. id="defs2" />
  40. <g
  41. inkscape:label="Layer 1"
  42. inkscape:groupmode="layer"
  43. id="layer1">
  44. <rect
  45. style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:bevel;stroke-dasharray:0.1,0.1;stroke-opacity:1;paint-order:stroke markers fill;stroke-miterlimit:4;stroke-dashoffset:0"
  46. id="rect918"
  47. width="1344.7627"
  48. height="46.717339"
  49. x="10.618625"
  50. y="10.618625" />
  51. <text
  52. xml:space="preserve"
  53. style="font-size:32px;line-height:1.25;font-family:'Mx437 IBM XGA-AI 12x20';-inkscape-font-specification:'Mx437 IBM XGA-AI 12x20';fill:#ffffff"
  54. x="626.19995"
  55. y="43.577293"
  56. id="text8019"><tspan
  57. sodipodi:role="line"
  58. id="tspan8017"
  59. x="626.19995"
  60. y="43.577293">Header</tspan></text>
  61. <rect
  62. style="fill:none;stroke:#ffffff;stroke-width:0.977782;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:0.0977782, 0.0977782;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke markers fill"
  63. id="rect16129"
  64. width="301.02222"
  65. height="700.70471"
  66. x="10.607515"
  67. y="57.478703" />
  68. <rect
  69. style="fill:none;stroke:#ffffff;stroke-width:0.977782;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:0.0977782, 0.0977782;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke markers fill"
  70. id="rect16129-3"
  71. width="301.02222"
  72. height="700.70471"
  73. x="1054.3591"
  74. y="57.335964" />
  75. <rect
  76. style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:0.1, 0.1;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke markers fill"
  77. id="rect49857"
  78. width="742.72937"
  79. height="700.56195"
  80. x="311.62973"
  81. y="57.478703" />
  82. <text
  83. xml:space="preserve"
  84. style="font-size:21.3333px;line-height:1.25;font-family:'Mx437 IBM XGA-AI 12x20';-inkscape-font-specification:'Mx437 IBM XGA-AI 12x20'"
  85. x="597.01569"
  86. y="412.55966"
  87. id="text57880"><tspan
  88. sodipodi:role="line"
  89. id="tspan57878"
  90. x="597.01569"
  91. y="412.55966"
  92. style="fill:#ffffff">Current page</tspan></text>
  93. <rect
  94. style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:0.1, 0.1;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke markers fill"
  95. id="rect62142-5"
  96. width="26"
  97. height="26"
  98. x="1319.381"
  99. y="21.461538" />
  100. <text
  101. xml:space="preserve"
  102. style="font-size:13.3333px;line-height:1.25;font-family:'Mx437 IBM XGA-AI 12x20';-inkscape-font-specification:'Mx437 IBM XGA-AI 12x20'"
  103. x="50.911686"
  104. y="36.977287"
  105. id="text68176"><tspan
  106. sodipodi:role="line"
  107. id="tspan68174"
  108. x="50.911686"
  109. y="36.977287"
  110. style="font-size:13.3333px;fill:#ffffff">-&gt; Opens Left panel</tspan></text>
  111. <text
  112. xml:space="preserve"
  113. style="font-size:13.3333px;line-height:1.25;font-family:'Mx437 IBM XGA-AI 12x20';-inkscape-font-specification:'Mx437 IBM XGA-AI 12x20'"
  114. x="1156.0417"
  115. y="36.977287"
  116. id="text88173"><tspan
  117. sodipodi:role="line"
  118. id="tspan88171"
  119. x="1156.0417"
  120. y="36.977287"
  121. style="font-size:13.3333px;fill:#ffffff">Opens Right panel &lt;-</tspan></text>
  122. <g
  123. id="g98259">
  124. <rect
  125. style="fill:none;stroke:#ffffff;stroke-width:1;stroke-linecap:round;stroke-linejoin:bevel;stroke-miterlimit:4;stroke-dasharray:0.1, 0.1;stroke-dashoffset:0;stroke-opacity:1;paint-order:stroke markers fill"
  126. id="rect62142"
  127. width="26"
  128. height="26"
  129. x="20.5"
  130. y="20.977295" />
  131. <path
  132. style="fill:#ffffff;stroke:#feffff;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1;fill-opacity:1"
  133. d="m 20.5,46.977295 c 26,-26 26,-26 26,-26 l -26,26 26,-26"
  134. id="path97234" />
  135. <path
  136. style="fill:#ffffff;fill-opacity:1;stroke:#feffff;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
  137. d="m 46.5,46.977295 c -26,-26 -26,-26 -26,-26 l 26,26 -26,-26"
  138. id="path97234-6" />
  139. </g>
  140. <g
  141. id="g98259-2"
  142. transform="translate(1060.3462,-63.208064)">
  143. <path
  144. style="fill:#ffffff;fill-opacity:1;stroke:#feffff;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
  145. d="m 259.03478,110.6696 c 26,-25.999998 26,-25.999998 26,-25.999998 l -26,25.999998 26,-25.999998"
  146. id="path97234-1" />
  147. <path
  148. style="fill:#ffffff;fill-opacity:1;stroke:#feffff;stroke-width:1px;stroke-linecap:butt;stroke-linejoin:miter;stroke-opacity:1"
  149. d="m 285.03478,110.6696 c -26,-25.999996 -26,-25.999996 -26,-25.999996 l 26,25.999996 -26,-25.999996"
  150. id="path97234-6-2" />
  151. <g
  152. id="g138454"
  153. transform="translate(0,-14.04183)">
  154. <text
  155. xml:space="preserve"
  156. style="font-size:21.3333px;line-height:1.25;font-family:'Mx437 IBM XGA-AI 12x20';-inkscape-font-specification:'Mx437 IBM XGA-AI 12x20'"
  157. x="98.718689"
  158. y="420.67288"
  159. id="text24170"
  160. transform="translate(-1060.3462,63.208064)"><tspan
  161. sodipodi:role="line"
  162. id="tspan24168"
  163. x="98.718689"
  164. y="420.67288"
  165. style="fill:#ffffff">Left panel</tspan></text>
  166. <text
  167. xml:space="preserve"
  168. style="font-size:16px;line-height:1.25;font-family:'Mx437 IBM XGA-AI 12x20';-inkscape-font-specification:'Mx437 IBM XGA-AI 12x20'"
  169. x="-1000.0276"
  170. y="496.68094"
  171. id="text110837"><tspan
  172. sodipodi:role="line"
  173. id="tspan110835"
  174. x="-1000.0276"
  175. y="496.68094"
  176. style="fill:#ffffff">[.section-panel-left]</tspan></text>
  177. </g>
  178. <g
  179. id="g138495"
  180. transform="translate(0,-19.454344)">
  181. <text
  182. xml:space="preserve"
  183. style="font-size:21.3333px;line-height:1.25;font-family:'Mx437 IBM XGA-AI 12x20';-inkscape-font-specification:'Mx437 IBM XGA-AI 12x20'"
  184. x="1136.0703"
  185. y="425.94266"
  186. id="text24170-6"
  187. transform="translate(-1060.3462,63.208064)"><tspan
  188. sodipodi:role="line"
  189. id="tspan24168-7"
  190. x="1136.0703"
  191. y="425.94266"
  192. style="fill:#ffffff">Right panel</tspan></text>
  193. <text
  194. xml:space="preserve"
  195. style="font-size:16px;line-height:1.25;font-family:'Mx437 IBM XGA-AI 12x20';-inkscape-font-specification:'Mx437 IBM XGA-AI 12x20'"
  196. x="38.923981"
  197. y="501.95071"
  198. id="text110837-7"><tspan
  199. sodipodi:role="line"
  200. id="tspan110835-0"
  201. x="38.923981"
  202. y="501.95071"
  203. style="fill:#ffffff">[.section-panel-right]</tspan></text>
  204. </g>
  205. </g>
  206. </g>
  207. </svg>