body
.mute_btn Mute Sound
div.container-fluid.toggle_bk_0
//audio(src="http://dyverse.studio/backmusic/Layer%201.mp3" autoplay loop)
.row.row_black.row_index
canvas#background_index
.index_center
svg(xmlns='http://www.w3.org/2000/svg', id='icon', viewbox='0 0 82.28 77.35')
defs
style.
.cls-1,.cls-2,.cls-3{fill:none;stroke:#c9a063;stroke-linejoin:round;}.cls-1,.cls-2{stroke-linecap:round;}.cls-1{stroke-linejoin:round;}.cls-2,.cls-3{stroke-miterlimit:10;}.cls-3{stroke-width:0.2px;}
clipPath(id="cut-off-bottom")
path(d='M14.63,59.53A24.16,24.16,0,1,0,27.86,13.05' style="transform: scale(1.1) translateX(-3px) translateY(-3px);")
g(clip-path="url(#cut-off-bottom)").cd_wave
g.cd_in
path#mainhalfcir.cls-1(d='M14.63,59.53A24.16,24.16,0,1,0,27.86,13.05Z')
path.cls-2(d='M27.4,37.93a6.44,6.44,0,0,1-8,4.43l1.76-6.19L23,30A6.44,6.44,0,0,1,27.4,37.93Z')
g.playline(clip-path="url(#cut-off-bottom)")
circle.cls-2(cx="0" cy="0" r="10")
g.pointerb
line.cls-1(x1='61.13', y1='59.53', x2='52.62', y2='36.76')
g.pointer
path.cls-2(d='M52.62 36.76 33.31 36.76')
line.cls-1(x1='33.31', y1='34.22', x2='33.31', y2='39.3')
path.drawing.cls-2(d='M70.86 25.35 67.74 36.29 61.13 59.53 ')
line.cls-1(x1='73.4', y1='25.35', x2='68.31', y2='25.35')
line.cls-1(x1='63.33', y1='59.53', x2='58.25', y2='59.53')
path.cls-3(d='M26.3,18.52a24.27,24.27,0,0,0-4.19-1.63L8.88,63.36A24.14,24.14,0,0,0,31.64,58.1')
.title.blingtext DYVERSE x STUDIO
.title.title2.blingtext 歧響音樂
.span_100vh.toggle_bk_1
.row.row_yellow.row_about
canvas#background_intro
div.container-fluid.min_div
.col-sm-4
.v_center
h1 About
h2 岐響-延展真實世界的無限可能
p.maintexts 創立於2016 年，承襲多元的音樂風格，<br>利用真實採樣、數位編輯及後製技術，<br>延展音樂的無限可能，使每一個作品<br>成為獨一無二的聽覺饗宴。
//- .row.row_black.row_service
.row.row_white.row_service
.container-fluid.min_div
.col-sm-12
h1 Service
.col-sm-12.col_service
.col-sm-3
svg#service_1.sv_icon.sv_icon1(data-name='圖層 1', xmlns='http://www.w3.org/2000/svg', viewbox='0 0 93.14 93.85')
defs
style.
.s1cls-1,.s1cls-2{fill:none;}.s1cls-1,.s1cls-2,.s1cls-3,.s1cls-5,.s1cls-6{stroke:#c9a063;}.s1cls-1,.s1cls-2,.s1cls-3,.s1cls-4,.s1cls-5{stroke-miterlimit:10;}.s1cls-1,.s1cls-3,.s1cls-6{stroke-width:1.5px;}.s1cls-4,.s1cls-5,.s1cls-6{fill:#eee;}.s1cls-3{fill:#c9a063;stroke:#eee;}
title 網站設計
rect.s1cls-1(x='7.49', y='28.25', width='41.49', height='53.25')
line.s1line.s1cls-2(x1='11.65', y1='45.74', x2='43.18', y2='45.74')
line.s1line.s1cls-2(x1='11.65', y1='50.59', x2='43.18', y2='50.59')
line.s1line.s1cls-2(x1='11.65', y1='55.43', x2='43.18', y2='55.43')
line.s1line.s1cls-2(x1='11.65', y1='60.28', x2='43.18', y2='60.28')
line.s1line.s1cls-2(x1='11.65', y1='65.12', x2='43.18', y2='65.12')
line.s1line.s1cls-2(x1='14.42', y1='69.97', x2='45.95', y2='69.97')
circle#s1bc.s1cls-3(cx='53.83', cy='44.16', r='31.82')
circle#s1mc.s1cls-4(cx='53.83', cy='44.62', r='11.73')
circle#s1sc.s1cls-5(cx='53.83', cy='44.62', r='3.56')
polygon#s1playbtn.s1cls-6(points='66.88 62.69 66.88 79.34 82.32 71.02 66.88 62.69')
h2 配樂與編曲
p.maintexts 原創音樂，Demo 製作，廣告、影視與遊戲配樂，編曲與樂曲重製
.col-sm-3
//- img.sv_icon.sv_icon2(src="http://dyverse.studio/img/service_2.svg")
svg.sv_icon.sv_icon2#service_2(data-name='圖層 1', xmlns='http://www.w3.org/2000/svg', viewbox='0 0 93.14 93.85')
defs
style.
.s2cls-1,.s2cls-5{fill:none;}.s2cls-1,.s2cls-3,.s2cls-5{stroke:#c9a063;}.s2cls-1,.s2cls-3,.s2cls-4,.s2cls-5{stroke-miterlimit:10;}.s2cls-1{stroke-width:1.5px;}.s2cls-2,.s2cls-4{fill:#c9a063;}.s2cls-3{fill:#eee;}.s2cls-4{stroke:#eee;}
title 網站設計
g#s2all
rect.s2cls-1(x='12.37', y='43.64', width='64.51', height='39.21')
g#s2boardtop
polygon.s2cls-1(points='74.4 22.98 13.19 43.64 9.86 32.87 71.08 12.21 74.4 22.98')
polygon.s2cls-2(points='16.04 30.79 22.23 40.59 29.4 38.17 23.37 28.31 16.04 30.79')
polygon.s2cls-2(points='30.82 25.8 37.01 35.6 44.17 33.19 38.14 23.33 30.82 25.8')
polygon.s2cls-2(points='45.05 21 51.24 30.8 58.41 28.38 52.38 18.52 45.05 21')
polygon.s2cls-2(points='59.83 16.01 66.02 25.81 73.18 23.4 67.15 13.54 59.83 16.01')
circle#s2cir1.s2cls-3(cx='30.77', cy='63.55', r='7.85')
circle#s2cir2.s2cls-4(cx='30.77', cy='63.55', r='3.91')
circle#s2cir3.s2cls-4(cx='57.88', cy='63.55', r='3.91')
polygon#s2musicbomb.s2cls-2(points='70.08 59 74.4 47.53 85.23 50.06 77.88 43.92 85.23 30.88 72.6 39.74 67.92 30.4 65.89 41.6 53.39 39.98 62.84 47.38 59.83 58.57 67.92 51.35 70.08 59')
line.s2cls-5(x1='12.37', y1='48.03', x2='76.88', y2='48.03')
h2 音效製作
p.maintexts LOGO 與企業形象音效，廣告、影視與遊戲音效，網站特效音，手機鈴聲
.col-sm-3
//- img.sv_icon.sv_icon3(src="http://dyverse.studio/img/service_3.svg")
svg.sv_icon.sv_icon3#service_3(data-name='圖層 1', xmlns='http://www.w3.org/2000/svg', viewbox='0 0 93.14 93.85')
defs
style.
.s3cls-1,.s3cls-2{fill:none;stroke:#c9a063;stroke-miterlimit:10;}.s3cls-1{stroke-width:1.5px;}.s3cls-3{fill:#c9a063;}
title 網站設計
rect.s3cls-1(x='11.34', y='12.34', width='62.88', height='8.77')
rect.s3cls-1(x='24', y='27.61', width='62.88', height='8.77')
rect.s3cls-1(x='6.26', y='43.57', width='62.88', height='8.77')
rect.s3cls-1(x='17.55', y='59.07', width='62.88', height='8.77')
rect.s3cls-1(x='17.55', y='74.41', width='62.88', height='8.77')
line.s3cls-2(x1='27.86', y1='9.72', x2='27.86', y2='87.12')
line.s3cls-2(x1='65.99', y1='6.72', x2='65.99', y2='84.12')
rect.s3cls-3(x='27.86', y='27.95', width='21.12', height='8.77')
rect.s3cls-3(x='65.99', y='59.07', width='14.43', height='8.77')
rect.s3cls-3(x='35.84', y='74.41', width='14.95', height='8.77')
rect.s3cls-3(x='39.83', y='43.57', width='5.73', height='8.77')
rect.s3cls-3(x='55.44', y='12.13', width='10.56', height='8.2')
g#s3per1
polygon.s3cls-3(points='30.49 12.23 28.23 21.21 29.43 21.21 31.82 12.23 30.49 12.23')
polygon.s3cls-3(points='33.01 12.23 30.75 21.21 31.95 21.21 34.34 12.23 33.01 12.23')
polygon.s3cls-3(points='35.72 12.23 33.46 21.21 34.66 21.21 37.05 12.23 35.72 12.23')
polygon.s3cls-3(points='38.24 12.23 35.99 21.21 37.18 21.21 39.57 12.23 38.24 12.23')
g#s3per2
polygon.s3cls-3(points='56.05 58.97 53.8 67.95 54.99 67.95 57.38 58.97 56.05 58.97')
polygon.s3cls-3(points='58.58 58.97 56.32 67.95 57.52 67.95 59.91 58.97 58.58 58.97')
polygon.s3cls-3(points='61.29 58.97 59.03 67.95 60.22 67.95 62.62 58.97 61.29 58.97')
polygon.s3cls-3(points='63.81 58.97 61.55 67.95 62.75 67.95 65.14 58.97 63.81 58.97')
polygon.s3cls-3(points='45.57 58.97 43.31 67.95 44.51 67.95 46.9 58.97 45.57 58.97')
polygon.s3cls-3(points='48.1 58.97 45.84 67.95 47.03 67.95 49.43 58.97 48.1 58.97')
polygon.s3cls-3(points='50.8 58.97 48.55 67.95 49.74 67.95 52.13 58.97 50.8 58.97')
polygon.s3cls-3(points='53.33 58.97 51.07 67.95 52.27 67.95 54.66 58.97 53.33 58.97')
h2 混音後製
p.maintexts 歌手與樂手錄音，旁白錄製，音樂會現場錄音，後製編輯，混音與母帶處理
.col-sm-3
svg#service_4.sv_icon.sv_icon4(data-name='圖層 1', xmlns='http://www.w3.org/2000/svg', viewbox='0 0 93.14 93.85')
defs
style.
.s4cls-1,.s4cls-2{fill:none;stroke:#c9a063;stroke-miterlimit:10;}.s4cls-1{stroke-width:1.5px;}.s4cls-3{fill:#c9a063;}
clipPath#cutscreen
rect.s4cls-2(x='20.35', y='19.61', width='52.44', height='40.26')
title 網站設計
rect.s4cls-1(x='9.57', y='13.16', width='73.99', height='53.17')
rect.s4cls-2(x='20.35', y='19.61', width='52.44', height='40.26')
rect.s4cls-3(x='35.78', y='77.18', width='21.58', height='6.47')
rect.s4cls-3(x='45.04', y='66.33', width='3.06', height='11.06')
line.s4cls-2(x1='20.35', y1='26.92', x2='72.79', y2='26.92')
line.s4cls-2(x1='20.35', y1='33.1', x2='72.79', y2='33.1')
line.s4cls-2(x1='20.35', y1='39.28', x2='72.79', y2='39.28')
line.s4cls-2(x1='20.35', y1='45.46', x2='72.79', y2='45.46')
line.s4cls-2(x1='20.35', y1='51.64', x2='72.79', y2='51.64')
g(clip-path="url(#cutscreen)")
circle#score_cir1.s4cls-3(cx='28.76', cy='26.72', r='3.07')
circle#score_cir2.s4cls-3(cx='37.91', cy='39.28', r='3.07')
circle#score_cir3.s4cls-3(cx='52.14', cy='33.1', r='3.07')
circle#score_cir4.s4cls-3(cx='64.96', cy='51.64', r='3.07')
//- img.sv_icon.sv_icon4(src="http://dyverse.studio/img/service_4.svg")
h2 數位製譜
p.maintexts 樂譜電子檔製作，流行音樂、樂團譜製作，現代音樂、室內樂、交響樂總譜與分譜打印
.row.row_black.row_works.toggle_bk_2
.container-fluid.min_div
.col-sm-12
h1 Works
.col-sm-12.col_tracks
.tracks#mainapp.container_fluid
.alltrack.container_fluid
.track(v-for="track in tracks" title="點擊前往soundcloud查看 {{track.title}} 系列作品")
.track_job ({{track.job}})
.track_title {{track.title}}
.track_description {{track.cooperation}}
.row.row_yellow.row_projects.toggle_bk_3
.container-fluid.min_div
.col-sm-12
h1 Projects
.col-sm-12.projs
.col-sm-12.proj
.col-sm-12.video_container
iframe.mainvideo(src="https://www.youtube.com/embed/WFaxF7Xsmyo" frameborder="0" width="100%" height="300px" allowfullscreen)
.col-sm-4.people_pic
img(src="https://scontent-lhr3-1.xx.fbcdn.net/v/t1.0-1/p320x320/13567147_1712503615638623_6907762446740795206_n.jpg?oh=53ce691f15598ab8bbfb970de17c3046&oe=582EAD2F")
h2.title Akira
p.maintexts 台灣彰化縣出身，忠實LoveLive愛好者，也因為μ's而有契機與團隊成員相遇。愛好是唱歌和放空，希望能藉著歌曲為大家帶來笑容。
.col-sm-8.introduction
h2.title Love Live-Medley
p.maintexts Akira的第一個作品終於和大家見面了喔喔喔！！！<br>由Akira用她獨特的方式詮釋她最愛的LoveLive組曲<br>「叶え、私たちの夢！」<br>謝謝18位女神讓我們看到的一切。<br>妳們所帶給我們的奇蹟，是我們一生的寶物。<br>μ's六週年生日快樂
.col-sm-12.proj
.col-sm-12.video_container
video.mainvideo(title="Coming soon!")
.col-sm-4.people_pic
img(src="http://dyverse.studio/img/Sato.jpg")
h2.title 佐藤 Sato
p.maintexts 嚮往著愛與勇氣<br>從家鄉魔界逃離來到人間界的屬性不明生物(?<br>以從事藝能活動來達到外交及傳遞幸福和希望的目的<br>希望能夠促進魔界和人間界的友好和合諧相處 ♥<br>不過有時說的是家鄉魔界的語言和文法<br>所以有時可能會和人類對不上拍(?<br>關於人類的一切不管是語言或是生活方式都還在學習中!
.col-sm-8.introduction
h2.title 敬請期待
p.maintexts 敬請期待
.row.row_white.row_contact
canvas#background_contact
.container-fluid.min_div
.col-sm-12
h1 Contact
.col-sm-12
.col-sm-2.col-lg-3
form.col-sm-8.col-lg-6.contactform
.fields.col-sm-12
h3 姓名
input(id="reg_name")
h3 聯絡信箱
input(id="reg_email")
h3 聯絡電話
input(id="reg_phone")
h3 委託內容
textarea(id="reg_content")
.submitbtn 送出
.col-sm-2.col-lg-3
footer.row.row_black.row_footer
div.container-fluid.min_div
.col-sm-12
.centerbox
img.icon_sm(src="http://dyverse.studio/img/icon-02.svg")
| Dyverse Studio 岐響音樂- [email protected]
//h1 Footer
!
