Skip to content

Instantly share code, notes, and snippets.

@e9t
Last active December 11, 2015 18:38
Show Gist options
  • Save e9t/4642804 to your computer and use it in GitHub Desktop.
Save e9t/4642804 to your computer and use it in GitHub Desktop.
SNUIE labs

SNUIE labs

  • date: 2012-10-10
  • author: @echojuliett
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<link href="style.css" rel="stylesheet" type="text/css">
</head>
<body>
<svg version="1.1"
xmlns="http://www.w3.org/2000/svg"
xmlns:xlink="http://www.w3.org/1999/xlink"
x="0px" y="0px"
width="920px" height="572px"
viewBox="-8 -8 920 572"
enable-background="new -8 -8 920 572"
xml:space="preserve">
<g id="commonrooms">
<g id="TA">
<rect x="91" y="88" width="70" height="73"/>
<text transform="matrix(1 0 0 1 107.7139 130.9399)" class="roomname">조교실</text>
</g>
<g id="deptoffice">
<rect x="752" y="94" width="63" height="73"/>
<text transform="matrix(1 0 0 1 770.8662 137.7598)" class="roomname">과사</text>
</g>
<g id="meetingroom">
<rect x="91" y="15" width="70" height="73"/>
<text transform="matrix(1 0 0 1 96.8203 57.252)" class="roomname">교수회의실</text>
</g>
<g id="proflounge">
<rect x="752" y="20" width="63" height="73"/>
<text transform="matrix(1 0 0 1 765 62)" class="roomname">휴게실</text>
</g>
<g id="309">
<rect id="309" x="16" y="293" width="78" height="71"/>
<text transform="matrix(1 0 0 1 25.3281 322.7891)">
<tspan x="0" y="0" class="roomnumber">309</tspan>
<tspan x="0" y="16" class="roomname">세미나실</tspan>
</text>
</g>
<g id="310">
<rect x="16" y="365" width="78" height="71"/>
<text transform="matrix(1 0 0 1 22.6045 408.125)">
<tspan x="0" y="0" class="roomnumber">310</tspan>
</text>
</g>
<g id="316">
<rect id="316" x="301" y="310" width="78" height="35"/>
<text transform="matrix(1 0 0 1 307.2017 325.5117)">
<tspan x="0" y="0" class="roomnumber">316</tspan>
<tspan x="0" y="16" class="roomname">향수방</tspan>
</text>
</g>
<g id="321">
<rect id="321" x="531" y="316" width="160" height="101"/>
<text transform="matrix(1 0 0 1 537.3301 365.0762)">
<tspan x="0" y="0" class="roomnumber">321</tspan>
<tspan x="0" y="16" class="roomname">인간공학 실험실</tspan>
</text>
</g>
<g id="325">
<rect id="325" x="807" y="436" width="78" height="102"/>
<text transform="matrix(1 0 0 1 815.8027 488.1553)">
<tspan x="0" y="0" class="roomnumber">325</tspan>
<tspan x="0" y="16" class="roomname">과전</tspan>
</text>
</g>
<g id="326">
<rect x="807" y="365" width="78" height="71"/>
<text transform="matrix(1 0 0 1 815.8018 395.8711)">
<tspan x="0" y="0" class="roomnumber">326</tspan>
<tspan x="0" y="16" class="roomname">과방</tspan>
</text>
</g>
<g id="327">
<rect id="327" x="807" y="293" width="78" height="71"/>
<text transform="matrix(1 0 0 1 815.8018 326.4229)">
<tspan x="0" y="0" class="roomnumber">327</tspan>
<tspan x="0" y="16" class="roomname">세미나실</tspan>
</text>
</g>
</g>
<g id="facilities">
<rect x="301" y="225" width="29" height="37"/>
<rect x="571" y="271" width="29" height="37"/>
<rect x="661" y="234" width="29" height="37"/>
<rect x="331" y="225" width="49" height="37"/>
</g>
<g id="restrooms">
<rect x="16" y="236" width="58" height="27"/>
<rect x="828" y="236" width="58" height="27"/>
<rect x="301" y="262" width="78" height="48"/>
<rect x="601" y="271" width="89" height="37"/>
</g>
<g id="labs">
<a id="311" xlink:href='http://slcf.snu.ac.kr/' target='_blank'>
<rect x="16" y="436" width="78" height="102"/>
<text transform="matrix(1 0 0 1 22.6045 475.5303)">
<tspan x="0" y="0" class="roomnumber">311</tspan>
<tspan x="0" y="16" class="roomname">계산방</tspan>
<tspan x="0" y="29" class="profname">이재욱 교수님</tspan>
</text>
</a>
<a id="312" xlink:href='http://his.snu.ac.kr/' target='_blank'>
<rect id="312" x="143" y="436" width="78" height="102"/>
<text transform="matrix(1 0 0 1 151.2891 476.2109)">
<tspan x="0" y="0" class="roomnumber">312</tspan>
<tspan x="0" y="16" class="roomname">HIS방</tspan>
<tspan x="0" y="29" class="profname">윤명환 교수님</tspan>
</text>
</a>
<a id="313" xlink:href='#'>
<rect id="313" x="222" y="436" width="78" height="102"/>
<text transform="matrix(1 0 0 1 230.9482 476.8916)">
<tspan x="0" y="0" class="roomnumber">313</tspan>
<tspan x="0" y="16" class="roomname">삶향상</tspan>
<tspan x="0" y="29" class="profname">박우진 교수님</tspan>
</text>
</a>
<a id="314" xlink:href='http://imlab.snu.ac.kr/' target='_blank'>
<rect id="314" x="301" y="436" width="78" height="102"/>
<text transform="matrix(1 0 0 1 307.5439 477.5723)">
<tspan x="0" y="0" class="roomnumber">314</tspan>
<tspan x="0" y="16" class="roomname">정보방</tspan>
<tspan x="0" y="29" class="profname">박종헌 교수님</tspan>
</text>
</a>
<a id="315" xlink:href='http://fre.snu.ac.kr/' target='_blank'>
<rect id="315" x="301" y="346" width="78" height="71"/>
<text transform="matrix(1 0 0 1 307.2017 372.7207)">
<tspan x="0" y="0" class="roomnumber">315</tspan>
<tspan x="0" y="16" class="roomname">금융방</tspan>
<tspan x="0" y="29" class="profname">장우진 교수님</tspan>
</text>
</a>
<a xid="317" link:href='http://ultra.snu.ac.kr/' target='_blank'>
<rect id="317" x="454" y="436" width="78" height="102"/>
<text transform="matrix(1 0 0 1 462.0981 478.2539)">
<tspan x="0" y="0" class="roomnumber">317</tspan>
<tspan x="0" y="16" class="roomname">제조방</tspan>
<tspan x="0" y="29" class="profname">박진우 교수님</tspan>
</text>
</a>
<a id="318" xlink:href='http://product.snu.ac.kr/' target='_blank'>
<rect id="318" x="533" y="436" width="78" height="102"/>
<text transform="matrix(1 0 0 1 541.3398 478.9346)">
<tspan x="0" y="0" class="roomnumber">318</tspan>
<tspan x="0" y="16" class="roomname">제품방</tspan>
<tspan x="0" y="29" class="profname">홍유석 교수님</tspan>
</text>
</a>
<a id="319" xlink:href="#">
<rect id="319" x="612" y="436" width="78" height="102"/>
<text transform="matrix(1 0 0 1 618.2764 479.6152)">
<tspan x="0" y="0" class="roomnumber">319</tspan>
</text>
</a>
<a id="336" xlink:href='http://inno.snu.ac.kr/' target='_blank'>
<rect id="336" x="533" y="94" width="157" height="73"/>
<text transform="matrix(1 0 0 1 550.8721 125.5708)">
<tspan x="0" y="0" class="roomnumber">336</tspan>
<tspan x="0" y="16" class="roomname">기경방</tspan>
<tspan x="0" y="29" class="profname">박용태 교수님</tspan>
</text>
</a>
<a id="337" xlink:href='http://kiruda.snu.ac.kr/' target='_blank'>
<rect x="533" y="20" width="157" height="73"/>
<text transform="matrix(1 0 0 1 550.8721 52.0386)">
<tspan x="0" y="0" class="roomnumber">337</tspan>
<tspan x="0" y="16" class="roomname">투자방</tspan>
<tspan x="0" y="29" class="profname">오형식 교수님</tspan>
</text>
</a>
<a id="338" xlink:href='http://optima.snu.ac.kr/' target='_blank'>
<rect x="261" y="94" width="126" height="73"/>
<text transform="matrix(1 0 0 1 271.1191 125.5708)">
<tspan x="0" y="0" class="roomnumber">338</tspan>
<tspan x="0" y="16" class="roomname">
수리방 / <a xlink:href='http://polytope.snu.ac.kr/' target='_blank'>최적화방</a>
</tspan>
<tspan x="0" y="29" class="profname">정성진/홍성필 교수님</tspan>
</text>
</a>
<a id="339" xlink:href='http://dmlab.snu.ac.kr' target='_blank'>
<rect x="261" y="20" width="126" height="73"/>
<text transform="matrix(1 0 0 1 271.1191 51.8838)">
<tspan x="0" y="0" class="roomnumber">339</tspan>
<tspan x="0" y="16" class="roomname">데마랩</tspan>
<tspan x="0" y="29" class="profname">조성준 교수님</tspan>
</text>
</a>
</g>
<g id="offices">
<rect id="301" x="16" y="15" width="58" height="36"/>
<rect id="302" x="16" y="51" width="58" height="36"/>
<rect id="303" x="16" y="88" width="58" height="36"/>
<rect id="304" x="16" y="125" width="58" height="36"/>
<rect id="305" x="16" y="162" width="58" height="36"/>
<rect id="306" x="16" y="198" width="58" height="36"/>
<rect id="328" x="828" y="15" width="58" height="36"/>
<rect id="329" x="828" y="52" width="58" height="36"/>
<rect id="330" x="828" y="88" width="58" height="36"/>
<rect id="331" x="828" y="125" width="58" height="36"/>
<rect id="332" x="828" y="162" width="58" height="36"/>
<rect id="333" x="828" y="199" width="58" height="36"/>
<text transform="matrix(1 0 0 1 18.5186 33.6553)">
<tspan x="0" y="0" class="roomnumber">301</tspan>
</text>
<text transform="matrix(1 0 0 1 18.0527 68.9043)">
<tspan x="0" y="0" class="roomnumber">302</tspan>
<tspan x="0" y="11" class="profname_s">조성준 교수님</tspan>
</text>
<text transform="matrix(1 0 0 1 18.5195 215.9688)">
<tspan x="0" y="0" class="roomnumber">306</tspan>
<tspan x="0" y="11" class="profname_s">박종헌 교수님</tspan>
</text>
<text transform="matrix(1 0 0 1 17.8413 104.3086)">
<tspan x="0" y="0" class="roomnumber">303</tspan>
<tspan x="0" y="11" class="profname_s">윤명환 교수님</tspan>
</text>
<text transform="matrix(1 0 0 1 18.3799 143.7983)">
<tspan x="0" y="0" class="roomnumber">304</tspan>
<tspan x="0" y="11" class="profname_s">홍유석 교수님</tspan>
</text>
<text transform="matrix(1 0 0 1 18.1685 180.5645)">
<tspan x="0" y="0" class="roomnumber">305</tspan>
<tspan x="0" y="11" class="profname_s">장우진 교수님</tspan>
</text>
<text transform="matrix(1 0 0 1 829.9717 69.585)">
<tspan x="0" y="0" class="roomnumber">329</tspan>
<tspan x="0" y="11" class="profname_s">오형식 교수님</tspan>
</text>
<text transform="matrix(1 0 0 1 830.4385 216.6504)">
<tspan x="0" y="0" class="roomnumber">333</tspan>
<tspan x="0" y="11" class="profname_s">강석호 교수님</tspan>
</text>
<text transform="matrix(1 0 0 1 829.7598 104.9902)">
<tspan x="0" y="0" class="roomnumber">330</tspan>
<tspan x="0" y="11" class="profname_s">이창훈 교수님</tspan>
</text>
<text transform="matrix(1 0 0 1 830.2988 144.4795)">
<tspan x="0" y="0" class="roomnumber">331</tspan>
<tspan x="0" y="11" class="profname_s">박용태 교수님</tspan>
</text>
<text transform="matrix(1 0 0 1 830.0869 181.2451)">
<tspan x="0" y="0" class="roomnumber">332</tspan>
<tspan x="0" y="11" class="profname_s">박진우 교수님</tspan>
</text>
<text transform="matrix(1 0 0 1 830.4375 34.3364)">
<tspan x="0" y="0" class="roomnumber">328</tspan>
<tspan x="0" y="11" class="profname_s">정성진 교수님</tspan>
</text>
</g>
<g id="borders">
<path d="M0,1.5c0,26.874,0,53.748,0,80.622c0,60.137,0,120.273,0,180.41c0,62.672,0,125.344,0,188.016
c0,34.479,0,68.958,0,103.438c0,0.848,0,1.696,0,2.544c0,1.935,3,1.935,3,0c0-26.874,0-53.748,0-80.622
c0-60.137,0-120.273,0-180.41c0-62.672,0-125.344,0-188.016C3,73.002,3,38.523,3,4.044C3,3.196,3,2.348,3,1.5
C3-0.435,0-0.435,0,1.5L0,1.5z"/>
<path d="M181.927,0C132.006,0,82.085,0,32.165,0C21.943,0,11.722,0,1.5,0c-1.935,0-1.935,3,0,3
c49.921,0,99.842,0,149.763,0c10.222,0,20.443,0,30.665,0C183.862,3,183.862,0,181.927,0L181.927,0z"/>
<path d="M411.375,0c-49.313,0-98.626,0-147.939,0c-16.729,0-33.459,0-50.188,0c-1.935,0-1.935,3,0,3
c49.313,0,98.626,0,147.939,0c16.729,0,33.459,0,50.188,0C413.309,3,413.309,0,411.375,0L411.375,0z"/>
<path d="M709.588,0c-48.438,0-96.875,0-145.313,0c-23.278,0-46.557,0-69.836,0c-1.935,0-1.935,3,0,3
c48.438,0,96.875,0,145.313,0c23.278,0,46.558,0,69.836,0C711.522,3,711.522,0,709.588,0L709.588,0z"/>
<path d="M901.59,0c-49.204,0-98.407,0-147.611,0c-3.449,0-6.898,0-10.348,0c-1.935,0-1.935,3,0,3
c49.204,0,98.407,0,147.611,0c3.449,0,6.898,0,10.348,0C903.524,3,903.524,0,901.59,0L901.59,0z"/>
<path d="M900.09,2.088c0,26.904,0,53.808,0,80.712c0,60.174,0,120.349,0,180.523c0,62.639,0,125.278,0,187.917
c0,34.298,0,68.595,0,102.893c0,0.799,0,1.599,0,2.397c0,1.935,3,1.935,3,0c0-26.904,0-53.808,0-80.712
c0-60.175,0-120.349,0-180.523c0-62.639,0-125.278,0-187.917c0-34.297,0-68.595,0-102.892c0-0.799,0-1.598,0-2.397
C903.09,0.153,900.09,0.153,900.09,2.088L900.09,2.088z"/>
<path d="M901.59,555.029c-17.779,0-35.558,0-53.337,0c-45.55,0-91.101,0-136.65,0c-61.64,0-123.28,0-184.92,0
c-66.05,0-132.1,0-198.149,0c-58.779,0-117.557,0-176.335,0c-39.826,0-79.653,0-119.479,0c-10.406,0-20.813,0-31.219,0
c-1.935,0-1.935,3,0,3c17.779,0,35.558,0,53.337,0c45.55,0,91.1,0,136.65,0c61.64,0,123.28,0,184.92,0c66.05,0,132.1,0,198.149,0
c58.778,0,117.557,0,176.335,0c39.826,0,79.652,0,119.479,0c10.406,0,20.813,0,31.219,0
C903.524,558.029,903.524,555.029,901.59,555.029L901.59,555.029z"/>
<path d="M180.427,1.5c0,46.851,0,93.702,0,140.553c0,0.583,0,1.165,0,1.748c0,1.935,3,1.935,3,0
c0-46.851,0-93.702,0-140.553c0-0.583,0-1.165,0-1.748C183.427-0.435,180.427-0.435,180.427,1.5L180.427,1.5z"/>
<path d="M211.747,1.5c0,46.851,0,93.701,0,140.552c0,0.583,0,1.165,0,1.748c0,1.935,3,1.935,3,0
c0-46.851,0-93.701,0-140.552c0-0.583,0-1.165,0-1.748C214.747-0.435,211.747-0.435,211.747,1.5L211.747,1.5z"/>
<path d="M409.875,1.5c0,46.413,0,92.827,0,139.24c0,0.368,0,0.736,0,1.104c0,1.935,3,1.935,3,0
c0-46.413,0-92.827,0-139.24c0-0.368,0-0.736,0-1.104C412.875-0.435,409.875-0.435,409.875,1.5L409.875,1.5z"/>
<path d="M492.938,1.5c0,46.85,0,93.701,0,140.551c0,0.583,0,1.165,0,1.748c0,1.935,3,1.935,3,0
c0-46.85,0-93.701,0-140.551c0-0.583,0-1.165,0-1.748C495.938-0.435,492.938-0.435,492.938,1.5L492.938,1.5z"/>
<path d="M708.088,1.5c0,46.414,0,92.827,0,139.241c0,0.368,0,0.736,0,1.104c0,1.935,3,1.935,3,0
c0-46.414,0-92.827,0-139.241c0-0.368,0-0.736,0-1.104C711.088-0.435,708.088-0.435,708.088,1.5L708.088,1.5z"/>
<path d="M742.131,1.5c0,46.414,0,92.827,0,139.241c0,0.368,0,0.736,0,1.104c0,1.935,3,1.935,3,0
c0-46.414,0-92.827,0-139.241c0-0.368,0-0.736,0-1.104C745.131-0.435,742.131-0.435,742.131,1.5L742.131,1.5z"/>
<path d="M213.247,142.454c-10.44,0-20.879,0-31.319,0c-1.935,0-1.935,3,0,3c10.44,0,20.879,0,31.319,0
C215.181,145.454,215.181,142.454,213.247,142.454L213.247,142.454z"/>
<path d="M494.438,142.298c-27.688,0-55.376,0-83.064,0c-1.935,0-1.935,3,0,3c27.688,0,55.376,0,83.064,0
C496.372,145.298,496.372,142.298,494.438,142.298L494.438,142.298z"/>
<path d="M743.631,140.346c-11.348,0-22.695,0-34.043,0c-1.935,0-1.935,3,0,3c11.348,0,22.695,0,34.043,0
C745.565,143.346,745.565,140.346,743.631,140.346L743.631,140.346z"/>
</g>
<g id="staircases">
<g class="staircase">
<rect x="16.479" y="264" width="58" height="28"/>
<rect x="19.88" y="267" width="5" height="23"/>
<rect x="25.328" y="267" width="5" height="23"/>
<rect x="30.775" y="267" width="5" height="23"/>
<rect x="36.223" y="267" width="5" height="23"/>
<rect x="41.67" y="267" width="5" height="23"/>
<rect x="47.118" y="267" width="5" height="23"/>
<rect x="52.565" y="267" width="5" height="23"/>
<rect x="58.013" y="267" width="5" height="23"/>
<rect x="63.46" y="267" width="5" height="23"/>
<rect x="68.908" y="267" width="5" height="23"/>
</g>
<g class="staircase">
<rect x="227" y="225.292" width="40" height="78"/>
<rect x="230" y="247.325" width="33" height="5"/>
<rect x="230" y="252.772" width="33" height="5"/>
<rect x="230" y="258.22" width="33" height="5"/>
<rect x="230" y="263.667" width="33" height="5"/>
<rect x="230" y="269.115" width="33" height="5"/>
<rect x="230" y="274.562" width="33" height="5"/>
<rect x="230" y="280.01" width="33" height="5"/>
<rect x="230" y="285.457" width="33" height="5"/>
<rect x="230" y="290.905" width="33" height="5"/>
<rect x="230" y="296.352" width="33" height="5"/>
<rect x="230" y="230.982" width="33" height="5"/>
<rect x="230" y="236.43" width="33" height="5"/>
<rect x="230" y="241.877" width="33" height="5"/>
</g>
<g class="staircase">
<rect x="529" y="229.984" width="40" height="78"/>
<rect x="533" y="252.019" width="33" height="5"/>
<rect x="533" y="257.465" width="33" height="5"/>
<rect x="533" y="262.912" width="33" height="5"/>
<rect x="533" y="268.359" width="33" height="5"/>
<rect x="533" y="273.809" width="33" height="5"/>
<rect x="533" y="279.255" width="33" height="5"/>
<rect x="533" y="284.702" width="33" height="5"/>
<rect x="533" y="290.149" width="33" height="5"/>
<rect x="533" y="295.599" width="33" height="5"/>
<rect x="533" y="301.045" width="33" height="5"/>
<rect x="533" y="235.675" width="33" height="5"/>
<rect x="533" y="241.122" width="33" height="5"/>
<rect x="533" y="246.569" width="33" height="5"/>
</g>
<g class="staircase">
<rect x="168.31" y="147.862" width="58" height="28"/>
<rect x="168.988" y="150" width="5" height="23"/>
<rect x="174.436" y="150" width="5" height="23"/>
<rect x="179.883" y="150" width="5" height="23"/>
<rect x="185.331" y="150" width="5" height="23"/>
<rect x="190.778" y="150" width="5" height="23"/>
<rect x="196.226" y="150" width="5" height="23"/>
<rect x="201.673" y="150" width="5" height="23"/>
<rect x="207.121" y="150" width="5" height="23"/>
<rect x="212.568" y="150" width="5" height="23"/>
<rect x="218.016" y="150" width="5" height="23"/>
</g>
<g class="staircase">
<rect x="534.288" y="167.628" width="78" height="40"/>
<rect x="556.321" y="171" width="5" height="33"/>
<rect x="561.768" y="171" width="5" height="33"/>
<rect x="567.215" y="171" width="5" height="33"/>
<rect x="572.662" y="171" width="5" height="33"/>
<rect x="578.111" y="171" width="5" height="33"/>
<rect x="583.558" y="171" width="5" height="33"/>
<rect x="589.005" y="171" width="5" height="33"/>
<rect x="594.452" y="171" width="5" height="33"/>
<rect x="599.901" y="171" width="5" height="33"/>
<rect x="605.348" y="171" width="5" height="33"/>
<rect x="539.979" y="171" width="5" height="33"/>
<rect x="545.425" y="171" width="5" height="33"/>
<rect x="550.872" y="171" width="5" height="33"/>
</g>
<g class="staircase">
<rect x="828.058" y="264.173" width="58" height="28"/>
<rect x="828.735" y="267" width="5" height="23"/>
<rect x="834.184" y="267" width="5" height="23"/>
<rect x="839.632" y="267" width="5" height="23"/>
<rect x="845.078" y="267" width="5" height="23"/>
<rect x="850.525" y="267" width="5" height="23"/>
<rect x="855.974" y="267" width="5" height="23"/>
<rect x="861.422" y="267" width="5" height="23"/>
<rect x="866.868" y="267" width="5" height="23"/>
<rect x="872.315" y="267" width="5" height="23"/>
<rect x="877.764" y="267" width="5" height="23"/>
</g>
</g>
</svg>
</body>
</html>
rect {
stroke: black;
stroke-width: 1px;
}
a, rect {
opacity: 0.9;
}
a:hover {
opacity: 1;
}
.roomnumber {
fill: #F15A29;
}
.roomname {
font-size: 13px;
}
.profname {
font-size: 10px;
fill: #808285;
}
.profname_s {
font-size: 9px;
}
#staircases rect { fill: white; }
#labs rect { fill: #E6FCFB; }
#commonrooms rect { fill: #FFFFFF; }
#facilities rect { fill: #E0F7CD; }
#restrooms rect { fill: #FFD4F0; }
#offices rect { fill: #F9F6D2; }
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment