diff --git a/2.css b/2.css deleted file mode 100644 index f7b1351..0000000 --- a/2.css +++ /dev/null @@ -1,10 +0,0 @@ -body{border:dashed 3px #deb887; -min-height: 98vh; -} -body{background-color: #f5deb3;} -h1{color: #ffa500;} - -.photo{position: absolute; - top: 25px; - right: 25px} - diff --git a/3-new.css b/3-new.css deleted file mode 100644 index 775a4af..0000000 --- a/3-new.css +++ /dev/null @@ -1,116 +0,0 @@ -*, *:before, *:after { - box-sizing: border-box; -} - -body{ - background-color: #f5deb3; - min-height: 98vh; - margin: 3ex; -} - -.nakami{ - margin-left: 200px; -} - -.itiran ul li{ - list-style-image: url("umiushi/umiushi-white.jpg"); -} - -.itiran ul li:hover{ - list-style-image: url("umiushi/umiushi-blue.jpg"); -} -.itiran ul li:active{ - list-style-image: url("umiushi/umiushi-pink.jpg"); -} - -.hyou table tr td { - border: 1px solid; empty-cells: show -} - -.cp_cont { - height: 65vh; -} - -.cp_offcm04 { - position: absolute; - top: 20px; - left: 20px; - display: inline-block; -} - -/* menu */ -.cp_offcm04 .cp_menu { - position: fixed; - top: 0; - left: -100vw; - width: 200px; - height: 100%; - cursor: pointer; - -webkit-transition: 0.53s transform; - transition: 0.53s transform; - -webkit-transition-timing-function: cubic-bezier(.38,.52,.23,.99); - transition-timing-function: cubic-bezier(.38,.52,.23,.99); - background-color: #ffa500; -} - -.cp_offcm04 .cp_menu ul { - margin: 0; - padding: 0; -} - -.cp_offcm04 .cp_menu li { - list-style: none; -} - -.cp_offcm04 .cp_menu li a { - display: block; - padding: 20px; - text-decoration: none; - color: #f5deb3; - border-bottom: 1px solid #f5deb3; -} - -.cp_offcm04 #cp_toggle04 { - position: absolute; - display: none; - opacity: 0; -} -.cp_offcm04 #cp_toggle04:checked ~ .cp_menu { - -webkit-transform: translateX(100vw); - transform: translateX(100vw); -} - -/* menu toggle */ -.cp_offcm04 #cp_toggle04 ~ label { - display: block; - padding: 0.5em; - cursor: pointer; - -webkit-transition: 0.5s transform; - transition: 0.5s transform; - -webkit-transition-timing-function: cubic-bezier(.61,-0.38,.37,1.27); - transition-timing-function: cubic-bezier(.61,-0.38,.37,1.27); - text-align: center; - color: #8b4513; -} - -.cp_offcm04 #cp_toggle04:checked ~ label { - -webkit-transform: translateX(250px); - transform: translateX(250px); -} - -.cp_offcm04 #cp_toggle04 ~ label::before { - font-family: 'FontAwesome'; - content: 'でてくる'; - font-size: 1em -} - -.cp_offcm04 #cp_toggle04:checked ~ label::before { - content: 'とじる'; -} - -/* contents */ -.cp_contents { - color: #8b4513; - text-align: center; -} - diff --git a/3.css b/3.css deleted file mode 100644 index 42f6ec3..0000000 --- a/3.css +++ /dev/null @@ -1,106 +0,0 @@ -*, *:before, *:after { - margin: 2em 30em; - box-sizing: border-box; -} - -body{ - background-color: #f5deb3; - min-height: 98vh; - margin: 3ex; -} - -nakami{ - margn-left: 215ex; -} - -a { - text-decoration: none; - color: inherit; -} - -.cp_cont { - height: 65vh; -} - -.cp_offcm04 { - position: absolute; - top: 20px; - left: 20px; - display: inline-block; -} - -/* menu */ -.cp_offcm04 .cp_menu { - position: fixed; - top: 0; - left: -100vw; - width: 200px; - height: 100%; - cursor: pointer; - -webkit-transition: 0.53s transform; - transition: 0.53s transform; - -webkit-transition-timing-function: cubic-bezier(.38,.52,.23,.99); - transition-timing-function: cubic-bezier(.38,.52,.23,.99); - background-color: #ffa500; -} - -.cp_offcm04 .cp_menu ul { - margin: 0; - padding: 0; -} - -.cp_offcm04 .cp_menu li { - list-style: none; -} - -.cp_offcm04 .cp_menu li a { - display: block; - padding: 20px; - text-decoration: none; - color: #f5deb3; - border-bottom: 1px solid #f5deb3; -} - -.cp_offcm04 #cp_toggle04 { - position: absolute; - display: none; - opacity: 0; -} -.cp_offcm04 #cp_toggle04:checked ~ .cp_menu { - -webkit-transform: translateX(100vw); - transform: translateX(100vw); -} - -/* menu toggle */ -.cp_offcm04 #cp_toggle04 ~ label { - display: block; - padding: 0.5em; - cursor: pointer; - -webkit-transition: 0.5s transform; - transition: 0.5s transform; - -webkit-transition-timing-function: cubic-bezier(.61,-0.38,.37,1.27); - transition-timing-function: cubic-bezier(.61,-0.38,.37,1.27); - text-align: center; - color: #8b4513; -} - -.cp_offcm04 #cp_toggle04:checked ~ label { - -webkit-transform: translateX(250px); - transform: translateX(250px); -} - -.cp_offcm04 #cp_toggle04 ~ label::before { - font-family: 'FontAwesome'; - content: 'でてくる'; - font-size: 1em -} - -.cp_offcm04 #cp_toggle04:checked ~ label::before { - content: 'とじる'; -} - -/* contents */ -.cp_contents { - color: #8b4513; - text-align: center; -} diff --git a/4.css b/4.css deleted file mode 100644 index dac4e59..0000000 --- a/4.css +++ /dev/null @@ -1,41 +0,0 @@ -body { -margin: 0; -} - -nav{ -border-top: 8px solid #e5197f; -background: #ee82ee; -} - -nav ul{ -overflow: hidden; -list-style: none; -margin: 0 auto; -padding: 0; -max-width: 1000px; -} - -nav li{ -box-sizing: border-box; -float: left; -border-right: 1px solid #e5197f; -width: 20%; -} - -nav li:last-child{ -border-right: none; -} - -nav li a{ -display: block; -padding: 0; -width: 100%; -text-decoration: none; -text-align: center; -font-size: 14px; -color: #ffffff; -} - -nav li a:hover{ -background: #e5197f; -} diff --git a/5.css b/5.css deleted file mode 100644 index 3c45e07..0000000 --- a/5.css +++ /dev/null @@ -1,32 +0,0 @@ -body{background-color: #f5deb3; - min-height: 98vh; - } - -.zentai{background-image: url("ahiru-09-13.png") - transpent: 0.7; - } - -nav{text-align: center; - font-size: 2ex; - line-height: 3em; - } - -nav ul{margin: 0 ; - padding: 0 ; - } - -nav ul li{list-style: none; - display: inline-block; - width: 18%; - min-width: 90px; - } - -nav ul li a{text-decoration: none; - color: #8b4513; - } - -nav ul li.current a{color: #F33135; - } - -nav ul li a:hover{color: #ff8c00; - } diff --git a/cafe-date-2.csv b/cafe-date-2.csv deleted file mode 100644 index e26d845..0000000 --- a/cafe-date-2.csv +++ /dev/null @@ -1,54 +0,0 @@ -店名,日付,map,住所,電話番号,営業時間,定休日,駐車場,Instagram,Facebook,HP,Twitter,ブログ -808Mountain　(エイト・オー・エイト マウンテン),2021/7/23,○,〒997-0057山形県鶴岡市安丹村上5-1,0234-64-8860,13:00～21:00,火曜日,12台,https://www.instagram.com/808mountain/,https://ja-jp.facebook.com/808mountain/,http://808mountain.com/,無,無 -Baby Chu Chu(ベビーチュチュ),2021/7/1,○,〒998-0045山形県酒田市二番町10-13,0234-42-2253,11:00～17:00,不定休,3台,https://www.instagram.com/babychuchu3/,無,無,無,無 -Baby Chu Chu(ベビーチュチュ),2020/10/28,○,〒998-0045山形県酒田市二番町10-13,0234-42-2253,11:00～17:00,不定休,3台,https://www.instagram.com/babychuchu3/,無,無,無,無 -Black bird,2022/2/22,○,〒997-0022 山形県鶴岡市切添町22-44,0235-26-7355,12:00～22：00,月曜日,そこそこ,https://www.instagram.com/blackbirdmarket2018/,https://ja-jp.facebook.com/BlackbirdMarket2018/,https://blackbirdmarket.stores.jp/,https://twitter.com/blackbirdmarke,無 -Café BELL,2021/8/30,○,〒997-0029山形県鶴岡市日吉町3-37,0234-23-6236,,,,https://www.instagram.com/cafe_bell_/,無,無,無,無 -café ENBLISS,2021/7/2,○,〒998-0044山形県酒田市中町1-7-5,0234-43-1106,,,,https://www.instagram.com/cafe_enbliss/,https://www.facebook.com/Cafe-Enbliss-100770671399264/,https://www.enbliss.jp/,https://mobile.twitter.com/Cenbliss,無 -café ENBLISS,2022/1/31,○,〒997-0032 山形県鶴岡市上畑町８－５０,0234-43-1106,,,,https://www.instagram.com/cafe_enbliss/,https://www.facebook.com/Cafe-Enbliss-100770671399264/,https://www.enbliss.jp/,https://mobile.twitter.com/Cenbliss,無 -cafe H&P by Heart&Peace,2021/9/15,○,〒997-0816山形県鶴岡市分園町1-2,0235-64-1328,,,,無,https://ja-jp.facebook.com/hpcrape/,無,無,https://ameblo.jp/hp-crape/ -cafe Pamplemousse(パンプルムゥス)仙台店,2021/9/13,○,〒980-0021宮城県仙台市青葉区中央1丁目7-18 日吉第一ビル3F,022-208-8899,,,,https://www.instagram.com/pamplemoussesendai/,https://www.facebook.com/%E3%83%91%E3%83%B3%E3%83%97%E3%83%AB%E3%83%A0%E3%82%A5%E3%82%B9-%E4%BB%99%E5%8F%B0%E5%BA%97-435979823274936/,https://akashia-mitsubachi-youhoujou.com/pamplemousse-sendai/info/,https://mobile.twitter.com/pample_sendai,無 -Café 赤居文庫 -本と珈琲とインクの匂い-,2021/7/3,○,〒010-0001秋田県秋田市中通4-6-16 M’s Birudjingu 1F,018-801-5001,,,,https://www.instagram.com/cafe_akaibunko/,無,https://green-coffee-farm.com/akaibunko/,https://twitter.com/akaibunko,無 -Café 赤居文庫 -本と珈琲とインクの匂い-,2021/10/10,○,〒010-0001秋田県秋田市中通4-6-16 M’s Birudjingu 1F,018-801-5001,,,,https://www.instagram.com/cafe_akaibunko/,無,https://green-coffee-farm.com/akaibunko/,https://twitter.com/akaibunko,無 -CAFÉ&DINING EAST,2022/3/28,○,〒997-0801山形県鶴岡市東原町17-7,0235-24-4639,,,,https://www.instagram.com/eastelsun/,https://ja-jp.facebook.com/lejolichapeau,https://cafe-east.net/,https://mobile.twitter.com/lejooli,無 -cafe&Dining K-Dining,2021/6/24,○,〒999-97781山形県東田川郡庄内町余目上朝丸78-2,0234-42-2253,,,,https://www.instagram.com/kdining_shonai/,無,http://k-dining.net/k-dining.html,無,無 -cafestudio CINQ(カフェスタジオ サンク),2022/2/24,○,〒997-1117山形県鶴岡市湯野浜字浜泉444-38,080-0800-5806,,,,https://www.instagram.com/cafestudio_cinq/,https://ja-jp.facebook.com/Cafe-studio-Cinq%E3%82%AB%E3%83%95%E3%82%A7%E3%82%B9%E3%82%BF%E3%82%B8%E3%82%AA-%E3%82%B5%E3%83%B3%E3%82%AF-982446165128832/,https://cafestudio-cinq.com/,無,無 -COFFEE山椒小路,2021/9/17,○,〒998-0043山形県酒田市本町2丁目3-2,0234-23-3838,,,,https://www.instagram.com/coffee_sansyokouji/,無,https://sansyokouji.com/,無,https://sansyokouji.hatenablog.com/ -COFFEE山椒小路,2021/9/2,○,〒998-0043山形県酒田市本町2丁目3-2,0234-23-3838,,,,https://www.instagram.com/coffee_sansyokouji/,無,https://sansyokouji.com/,無,https://sansyokouji.hatenablog.com/ -EN/ME,2022/1/15,○,〒997-0032 山形県鶴岡市上畑町8-50,0235-26-0034,,,,https://www.instagram.com/enme_tsuruoka/,無,無,無,無 -EN/ME,2021/12/25,○,〒997-0032 山形県鶴岡市上畑町8-50,0235-26-0034,,,,https://www.instagram.com/enme_tsuruoka/,無,無,無,無 -futaba café ふたばカフェ,2021/9/19,○,〒990-2492 山形県山形市鉄砲町3丁目4-22,0236-09-9242,,,,https://www.instagram.com/futaba_cafe/,無,http://futaba-cafe.com/,無,無 -LOTSU coffee stand×創作BAL 食楽-KURA-,2021/10/1,○,〒999-7781山形県東田川郡庄内町余目土堤38-1 C棟,090-1996-0509,,,,https://www.instagram.com/lotuscoffeestand/,https://www.instagram.com/lotuscoffeestand/,https://www.lotus-kura.com/shop,無,無 -MILK,2021/9/27,○,〒997-0022 山形県鶴岡市切添町20-24,0235-24-8730,,,,無,無,無,無,無 -MILK,2021/10/15,○,〒997-0022 山形県鶴岡市切添町20-24,0235-24-8730,,,,無,無,無,無,無 -TsukiCafe山形駅前店,2021/9/18,○,〒990-0039山形県香澄町3-3,023-600-7030,,,,https://www.instagram.com/tsukicafe_tsukicoffee/?hl=ja,https://ja-jp.facebook.com/tsukicoffee.tsukicafe/,https://www.tsukicoffee-tsukicafe.com/,無,無 -いつもの場所 七日町店,2021/3/15,○,〒990-0042山形県山形市七日町2丁目7-6,0236-35-1230,,,,無,無,http://www.itumonotokoro.jp/,無,無 -インドカレーのやかたナーランダ,2020/8/14,○,〒998-0828 山形県酒田市あきほ町658-2,0234-24-9456,,,,無,無,https://nalanda-carry.jp/index.html,無,無 -お茶の尾川園 みゆき通り店,2021/4/2,○,〒997-0034山形県鶴岡市本町1丁目6-18,0235-22-1819,,,,https://www.instagram.com/ogawaen0610/,https://ja-jp.facebook.com/%E5%B0%BE%E5%B7%9D%E5%9C%92-121589581263737/,https://ogawaen.com/,無,無 -お茶の尾川園 みゆき通り店,2021/5/3,○,〒997-0034山形県鶴岡市本町1丁目6-18,0235-22-1819,,,,https://www.instagram.com/ogawaen0610/,https://ja-jp.facebook.com/%E5%B0%BE%E5%B7%9D%E5%9C%92-121589581263737/,https://ogawaen.com/,無,無 -お茶の尾川園 みゆき通り店,2021/8/18,○,〒997-0034山形県鶴岡市本町1丁目6-18,0235-22-1819,,,,https://www.instagram.com/ogawaen0610/,https://ja-jp.facebook.com/%E5%B0%BE%E5%B7%9D%E5%9C%92-121589581263737/,https://ogawaen.com/,無,無 -カフェeジェラート　モアレ,2021/7/28,○,〒998-0044山形県酒田市中町1丁目7-18,0234-22-5280,,,,https://www.instagram.com/moare_official/,https://www.facebook.com/moare/,https://gelatomoire.net/,https://twitter.com/moare_official,無 -カフェeジェラート　モアレ,2021/10/22,○,〒998-0044山形県酒田市中町1丁目7-18,0234-22-5280,,,,https://www.instagram.com/moare_official/,https://www.facebook.com/moare/,https://gelatomoire.net/,https://twitter.com/moare_official,　 -カフェアフタヌーンティ(Cafe Afternoon Tea),2021/5/17,○,〒998-0112山形県酒田市浜中字八間山167-28,0234-92-4180,,,,無,無,無,無,無 -グリーンストア,2021/7/3,○,〒999-8301山形県飽海郡遊佐町遊佐字京田90-1,0234-72-3111,,,,https://www.instagram.com/greenstore3111/,https://www.facebook.com/greenstore.KK/,https://greenstore-mammyskitchen.business.site/,無,無 -珈琲専科道,2021/3/14,○,〒990-2492 山形県山形市鉄砲町3丁目1-63,0236-31-2483,,,,https://www.instagram.com/cafe_michi/,無,http://cafe-michi.jp/,https://mobile.twitter.com/cafemichi_5,無 -古今cocon,2021/3/11,○,〒9970028 山形県鶴岡市山王町8-18,080-5422-1086,,,,https://www.instagram.com/cocon.tsuruoka/,https://www.facebook.com/%E5%8F%A4%E4%BB%8Acocon-372039560064248/,https://conconcocon.shopinfo.jp/,無,無 -小松や,2021/8/22,○,〒999-8301 山形県飽海郡遊佐町遊佐京田21-5,0234-72-2264,,,,無,無,無,無,無 -四季,2021/8/23,○,〒998-0833山形県酒田市若原町2-5,0234-23-9877,,,,無,無,無,無,無 -ナノカフェ(nano café),2021/7/1,○,〒998-0852 山形県酒田市こがね町1丁目24-4,0234-68-0398,,,,https://www.instagram.com/nano_cafe_sakata/,https://ja-jp.facebook.com/nanocafe.sakata/,無,無,無 -ヒヨリベーカリー＆カフェ,2022/1/7,○,〒998-0037 山形県酒田市日吉町2丁目9-37,050-5570-8500,,,,https://www.instagram.com/hiyoriyama_obatarou/,無,https://obatarou.jp/,無,無 -ファリナモーレ・ドルチェ(farinamore dolce),2022/3/25,○,〒997-0015 山形県鶴岡市末広町3-1,0235-64-0510,,,,https://www.instagram.com/farinamoredolce/,https://ja-jp.facebook.com/farinamoredolce/,無,無,無 -フルーツショップ青森屋,2022/3/24,○,〒997-0015 山形県鶴岡市末広町7-24,0235-22-03441,,,,無,無,http://www.aomoriya0235220341.co.jp/index.html,無,無 -ブレーメン　mamma cafe Bremen,2021/9/5,○,〒999-0851山形県酒田市東大町2-5-5,0234--28-8678,,,,無,https://www.facebook.com/people/ブレーメン-mamma-cafe-Bremen/100063622028156/,http://www.bremen-mammacafe.com/,無,無 -ぼんじゅーる,2021/4/8,○,〒997-0047 山形県鶴岡市大塚町16-31,0235-24-3564,,,,無,無,無,無,無 -龍鳳,2021/7/22,○,〒998-0114 山形県酒田市十里塚字村東山南356-3,0234-31-1671,,,,https://www.instagram.com/sakata_ryuhooo/,https://www.facebook.com/sakataryuhooo/,無,無,無 -ル・モンド,2021/3/11,○,〒998-0865 山形県酒田市北新橋2丁目11-8,0234-23-0373,,,,無,https://ja-jp.facebook.com/LeMonde.1980/,無,無,無 -ル・モンド,2021/8/28,○,〒998-0865 山形県酒田市北新橋2丁目11-8,0234-23-0373,,,,無,https://ja-jp.facebook.com/LeMonde.1980/,無,無,無 -レストラン ピノキオ,2021/6/29,○,〒998-0843 山形県酒田市千石町1丁目10-25,0234-31-8212,,,,無,無,無,無,無 -若葉旅館,2020/8/19,○,〒998-0043 山形県酒田市本町2丁目3-9,0234-24-8111,,,,無,無,無,無,無 -喫茶 CLOAK(キッサ クローク),2021/9/9,○,〒998-0018 山形県酒田市泉町5-35,090-3534-0341,,,,https://www.instagram.com/cloakedmonks/,https://www.facebook.com/cloakedmonks,無,https://twitter.com/cloakedmonks,https://profile.ameba.jp/ameba/kissacloak/ -喫茶Riant,2021/8/25,○,〒999-0874山形県酒田市四ツ興野1-6,0234-24-2080,,,,https://www.instagram.com/riantchapeco/,無,無,無,http://riantchiaki717.n-da.jp/ -東屋カフェふぅ,2021/9/10,○,〒997-0006山形県鶴岡市福田甲41,0234-25-8694,,,,https://www.instagram.com/azumayacafe.fuu/,https://www.facebook.com/azumayahuu8694/,https://www.e-naa.com/fuu/,無,無 -東屋カフェふぅ,2021/9/21,○,〒997-0006山形県鶴岡市福田甲41,0234-25-8694,,,,https://www.instagram.com/azumayacafe.fuu/,https://www.facebook.com/azumayahuu8694/,https://www.e-naa.com/fuu/,無,無 -風の森のログハウスカフェオルファ,2021/9/22,○,〒997-0756山形県鶴岡市大机,090-9030-1579,,,,https://www.instagram.com/cafealfaalfa/,https://www.facebook.com/logcafealfa/,無,無,https://ameblo.jp/cafealfa/ -風の森のログハウスカフェオルファ,2021/11/24,○,〒997-0756山形県鶴岡市大机,090-9030-1579,,,,https://www.instagram.com/cafealfaalfa/,https://www.facebook.com/logcafealfa/,無,無,https://ameblo.jp/cafealfa/ diff --git a/cafe.html b/cafe.html deleted file mode 100644 index 4903003..0000000 --- a/cafe.html +++ /dev/null @@ -1,24 +0,0 @@ - - - -カフェだ - - - - - - -

新着情報

-
-

メモ))))youtubeのホーム的な感じでクリックするといろんな記事に飛べるの作りたい

-
- diff --git a/itiran.html b/itiran.html deleted file mode 100644 index f9496e3..0000000 --- a/itiran.html +++ /dev/null @@ -1,80 +0,0 @@ - - - -itiran - - - - -
- -
-

いろいろ

-
- -

一覧

-

メモ))))))降順、昇順、おすすめとかで並び方変更できるようにしたい

- -
- -
- - -
- - - - - - - - - - - - - - - - - - - - - - - - - - -
店名場所ひとこと
ヒヨリベーカリー＆カフェ酒田パンケーキ
EN/ME鶴岡おしゃん
フルーツショップ青森屋鶴岡いちご美味しかった
cafe Panplemousse仙台店仙台アヒル
-
-
- -
-
- - -
- - - -
-
-
- - - - diff --git a/renshu/2.css b/renshu/2.css new file mode 100644 index 0000000..f7b1351 --- /dev/null +++ b/renshu/2.css @@ -0,0 +1,10 @@ +body{border:dashed 3px #deb887; +min-height: 98vh; +} +body{background-color: #f5deb3;} +h1{color: #ffa500;} + +.photo{position: absolute; + top: 25px; + right: 25px} + diff --git a/renshu/3-new.css b/renshu/3-new.css new file mode 100644 index 0000000..775a4af --- /dev/null +++ b/renshu/3-new.css @@ -0,0 +1,116 @@ +*, *:before, *:after { + box-sizing: border-box; +} + +body{ + background-color: #f5deb3; + min-height: 98vh; + margin: 3ex; +} + +.nakami{ + margin-left: 200px; +} + +.itiran ul li{ + list-style-image: url("umiushi/umiushi-white.jpg"); +} + +.itiran ul li:hover{ + list-style-image: url("umiushi/umiushi-blue.jpg"); +} +.itiran ul li:active{ + list-style-image: url("umiushi/umiushi-pink.jpg"); +} + +.hyou table tr td { + border: 1px solid; empty-cells: show +} + +.cp_cont { + height: 65vh; +} + +.cp_offcm04 { + position: absolute; + top: 20px; + left: 20px; + display: inline-block; +} + +/* menu */ +.cp_offcm04 .cp_menu { + position: fixed; + top: 0; + left: -100vw; + width: 200px; + height: 100%; + cursor: pointer; + -webkit-transition: 0.53s transform; + transition: 0.53s transform; + -webkit-transition-timing-function: cubic-bezier(.38,.52,.23,.99); + transition-timing-function: cubic-bezier(.38,.52,.23,.99); + background-color: #ffa500; +} + +.cp_offcm04 .cp_menu ul { + margin: 0; + padding: 0; +} + +.cp_offcm04 .cp_menu li { + list-style: none; +} + +.cp_offcm04 .cp_menu li a { + display: block; + padding: 20px; + text-decoration: none; + color: #f5deb3; + border-bottom: 1px solid #f5deb3; +} + +.cp_offcm04 #cp_toggle04 { + position: absolute; + display: none; + opacity: 0; +} +.cp_offcm04 #cp_toggle04:checked ~ .cp_menu { + -webkit-transform: translateX(100vw); + transform: translateX(100vw); +} + +/* menu toggle */ +.cp_offcm04 #cp_toggle04 ~ label { + display: block; + padding: 0.5em; + cursor: pointer; + -webkit-transition: 0.5s transform; + transition: 0.5s transform; + -webkit-transition-timing-function: cubic-bezier(.61,-0.38,.37,1.27); + transition-timing-function: cubic-bezier(.61,-0.38,.37,1.27); + text-align: center; + color: #8b4513; +} + +.cp_offcm04 #cp_toggle04:checked ~ label { + -webkit-transform: translateX(250px); + transform: translateX(250px); +} + +.cp_offcm04 #cp_toggle04 ~ label::before { + font-family: 'FontAwesome'; + content: 'でてくる'; + font-size: 1em +} + +.cp_offcm04 #cp_toggle04:checked ~ label::before { + content: 'とじる'; +} + +/* contents */ +.cp_contents { + color: #8b4513; + text-align: center; +} + diff --git a/renshu/3.css b/renshu/3.css new file mode 100644 index 0000000..42f6ec3 --- /dev/null +++ b/renshu/3.css @@ -0,0 +1,106 @@ +*, *:before, *:after { + margin: 2em 30em; + box-sizing: border-box; +} + +body{ + background-color: #f5deb3; + min-height: 98vh; + margin: 3ex; +} + +nakami{ + margn-left: 215ex; +} + +a { + text-decoration: none; + color: inherit; +} + +.cp_cont { + height: 65vh; +} + +.cp_offcm04 { + position: absolute; + top: 20px; + left: 20px; + display: inline-block; +} + +/* menu */ +.cp_offcm04 .cp_menu { + position: fixed; + top: 0; + left: -100vw; + width: 200px; + height: 100%; + cursor: pointer; + -webkit-transition: 0.53s transform; + transition: 0.53s transform; + -webkit-transition-timing-function: cubic-bezier(.38,.52,.23,.99); + transition-timing-function: cubic-bezier(.38,.52,.23,.99); + background-color: #ffa500; +} + +.cp_offcm04 .cp_menu ul { + margin: 0; + padding: 0; +} + +.cp_offcm04 .cp_menu li { + list-style: none; +} + +.cp_offcm04 .cp_menu li a { + display: block; + padding: 20px; + text-decoration: none; + color: #f5deb3; + border-bottom: 1px solid #f5deb3; +} + +.cp_offcm04 #cp_toggle04 { + position: absolute; + display: none; + opacity: 0; +} +.cp_offcm04 #cp_toggle04:checked ~ .cp_menu { + -webkit-transform: translateX(100vw); + transform: translateX(100vw); +} + +/* menu toggle */ +.cp_offcm04 #cp_toggle04 ~ label { + display: block; + padding: 0.5em; + cursor: pointer; + -webkit-transition: 0.5s transform; + transition: 0.5s transform; + -webkit-transition-timing-function: cubic-bezier(.61,-0.38,.37,1.27); + transition-timing-function: cubic-bezier(.61,-0.38,.37,1.27); + text-align: center; + color: #8b4513; +} + +.cp_offcm04 #cp_toggle04:checked ~ label { + -webkit-transform: translateX(250px); + transform: translateX(250px); +} + +.cp_offcm04 #cp_toggle04 ~ label::before { + font-family: 'FontAwesome'; + content: 'でてくる'; + font-size: 1em +} + +.cp_offcm04 #cp_toggle04:checked ~ label::before { + content: 'とじる'; +} + +/* contents */ +.cp_contents { + color: #8b4513; + text-align: center; +} diff --git a/renshu/4.css b/renshu/4.css new file mode 100644 index 0000000..dac4e59 --- /dev/null +++ b/renshu/4.css @@ -0,0 +1,41 @@ +body { +margin: 0; +} + +nav{ +border-top: 8px solid #e5197f; +background: #ee82ee; +} + +nav ul{ +overflow: hidden; +list-style: none; +margin: 0 auto; +padding: 0; +max-width: 1000px; +} + +nav li{ +box-sizing: border-box; +float: left; +border-right: 1px solid #e5197f; +width: 20%; +} + +nav li:last-child{ +border-right: none; +} + +nav li a{ +display: block; +padding: 0; +width: 100%; +text-decoration: none; +text-align: center; +font-size: 14px; +color: #ffffff; +} + +nav li a:hover{ +background: #e5197f; +} diff --git a/renshu/5.css b/renshu/5.css new file mode 100644 index 0000000..3c45e07 --- /dev/null +++ b/renshu/5.css @@ -0,0 +1,32 @@ +body{background-color: #f5deb3; + min-height: 98vh; + } + +.zentai{background-image: url("ahiru-09-13.png") + transpent: 0.7; + } + +nav{text-align: center; + font-size: 2ex; + line-height: 3em; + } + +nav ul{margin: 0 ; + padding: 0 ; + } + +nav ul li{list-style: none; + display: inline-block; + width: 18%; + min-width: 90px; + } + +nav ul li a{text-decoration: none; + color: #8b4513; + } + +nav ul li.current a{color: #F33135; + } + +nav ul li a:hover{color: #ff8c00; + } diff --git a/renshu/cafe.html b/renshu/cafe.html new file mode 100644 index 0000000..4903003 --- /dev/null +++ b/renshu/cafe.html @@ -0,0 +1,24 @@ + + + +カフェだ + + + + + + +

新着情報

+
+

メモ))))youtubeのホーム的な感じでクリックするといろんな記事に飛べるの作りたい

+
+ diff --git a/renshu/itiran.html b/renshu/itiran.html new file mode 100644 index 0000000..f9496e3 --- /dev/null +++ b/renshu/itiran.html @@ -0,0 +1,80 @@ + + + +itiran + + + + +
+ +
+

いろいろ

+
+ +

一覧

+

メモ))))))降順、昇順、おすすめとかで並び方変更できるようにしたい

+ +
+ +
+ + +
+ + + + + + + + + + + + + + + + + + + + + + + + + + +
店名場所ひとこと
ヒヨリベーカリー＆カフェ酒田パンケーキ
EN/ME鶴岡おしゃん
フルーツショップ青森屋鶴岡いちご美味しかった
cafe Panplemousse仙台店仙台アヒル
+
+
+ +
+
+ + +
+ + + +
+
+
+ + + + diff --git a/renshu/setsumei-enme.html b/renshu/setsumei-enme.html new file mode 100644 index 0000000..919d9a3 --- /dev/null +++ b/renshu/setsumei-enme.html @@ -0,0 +1,29 @@ + + + + setumei + + + +

EN/ME

+ + + + + +

メモ)))))))))csv データ読み込み表示 コメント(記事?) + +

+ 400x300(211486bytes) +
+ + + + diff --git a/renshu/setsumei.html b/renshu/setsumei.html new file mode 100644 index 0000000..66b0e90 --- /dev/null +++ b/renshu/setsumei.html @@ -0,0 +1,34 @@ + + + + setumei + + + +

ヒヨリベーカリー&カフェ

+ + + + +

なのだ

+ +

メモ)))))))))csv データ読み込み表示 コメント(記事?)

+

メモ)))))))))枠組み作る

+ + home + + +
+ 284x400(211486bytes) +
+ + + + diff --git a/setsumei-enme.html b/setsumei-enme.html deleted file mode 100644 index 919d9a3..0000000 --- a/setsumei-enme.html +++ /dev/null @@ -1,29 +0,0 @@ - - - - setumei - - - -

EN/ME

- - - - - -

メモ)))))))))csv データ読み込み表示 コメント(記事?) - -

- 400x300(211486bytes) -
- - - - diff --git a/setsumei.html b/setsumei.html deleted file mode 100644 index 66b0e90..0000000 --- a/setsumei.html +++ /dev/null @@ -1,34 +0,0 @@ - - - - setumei - - - -

ヒヨリベーカリー&カフェ

- - - - -

なのだ

- -

メモ)))))))))csv データ読み込み表示 コメント(記事?)

-

メモ)))))))))枠組み作る

- - home - - -
- 284x400(211486bytes) -
- - - - diff --git a/setsumei.js b/setsumei.js deleted file mode 100644 index d211449..0000000 --- a/setsumei.js +++ /dev/null @@ -1,15 +0,0 @@ -function init() { - var number = 0; // Current quiz Number - var aiu; // Questions read from "quiz.csv" - - function judge() { - var q = csvquestion[39]; - } - - fetch("./cafe-date-2.csv"). - then(function(resp) { - return resp.text().then(function(text) { - aiu = new CSV(text, {header: true}).parse(); - prepare(0); - }); - });