質問編集履歴

3

修正

2019/05/23 17:11

投稿

avicii
avicii

スコア49

test CHANGED
File without changes
test CHANGED
@@ -10,6 +10,156 @@
10
10
 
11
11
 
12
12
 
13
+ app/views/plans/application.html.erb
14
+
15
+ ```html
16
+
17
+ <!DOCTYPE html>
18
+
19
+ <html lang="ja">
20
+
21
+ <head>
22
+
23
+ <title>Chance to Chance</title>
24
+
25
+ <meta name="viewpoint" content="width=devise-width,initial-scale=1.0">
26
+
27
+ <%= stylesheet_link_tag 'application', media: 'all', 'data-turbolinks-track' => true %>
28
+
29
+ <link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.6.3/css/all.css" integrity="sha384-UHRtZLI+pbxtHCWp1t77Bi1L4ZtiqrqD80Kn4Z8NTSRyMA2Fd33n5dQ8lWUE00s/" crossorigin="anonymous">
30
+
31
+ <%= javascript_include_tag 'application', 'data-turbolinks-track' => true %>
32
+
33
+ <%= csrf_meta_tags %>
34
+
35
+ <script type="text/javascript">
36
+
37
+ WebFontConfig = {
38
+
39
+ google: { families: [ 'Unica+One::latin' ] }
40
+
41
+ };
42
+
43
+ (function() {
44
+
45
+ var wf = document.createElement('script');
46
+
47
+ wf.src = ('https:' == document.location.protocol ? 'https' : 'http') +
48
+
49
+ '://ajax.googleapis.com/ajax/libs/webfont/1/webfont.js';
50
+
51
+ wf.type = 'text/javascript';
52
+
53
+ wf.async = 'true';
54
+
55
+ var s = document.getElementsByTagName('script')[0];
56
+
57
+ s.parentNode.insertBefore(wf, s);
58
+
59
+ })();
60
+
61
+ </script>
62
+
63
+ </head>
64
+
65
+ <body class="photo">
66
+
67
+ <header>
68
+
69
+ <div>
70
+
71
+ <div class="head-container">
72
+
73
+ <nav class="headed">
74
+
75
+ <li class="left"><a class="home" href="/plans">Chance to Chance</a></li>
76
+
77
+
78
+
79
+ <% if guider_signed_in? %>
80
+
81
+ <div class="guider_nav">
82
+
83
+ <span><%= current_guider.nickname %>
84
+
85
+ <ul>
86
+
87
+ <li class="category">
88
+
89
+ <a class="guider-category", href="/guiders/<%= current_guider.id %>">マイページ</a>
90
+
91
+ <a class="guider-category", href="/guiders/<%= current_guider.id %>/go">プロブレム</a>
92
+
93
+ <%= link_to "ログアウト", destroy_guider_session_path, method: :delete, class: 'guider-category' %>
94
+
95
+ </li>
96
+
97
+ </ul>
98
+
99
+ </span>
100
+
101
+ <a class="plan" href="/plans/new">プラン</a>
102
+
103
+ </div>
104
+
105
+
106
+
107
+ <% end %>
108
+
109
+
110
+
111
+ <% if tourist_signed_in? %>
112
+
113
+ <li class="first">
114
+
115
+ <%= link_to "Logout", destroy_tourist_session_path, method: :delete, class: 'logout' %>
116
+
117
+ </li>
118
+
119
+ <li class="second">
120
+
121
+ <a class='post' href="/tourists/show">Contact</a>
122
+
123
+ </li>
124
+
125
+
126
+
127
+ <% end %>
128
+
129
+ </nav>
130
+
131
+ <hr class="bar">
132
+
133
+ </div>
134
+
135
+ </div>
136
+
137
+ </header>
138
+
139
+
140
+
141
+ <%= yield %>
142
+
143
+
144
+
145
+ <footer>
146
+
147
+ <p>
148
+
149
+ Copyright © 2018 Chance to Chance. All rights reserved.
150
+
151
+ </p>
152
+
153
+ </footer>
154
+
155
+ </body>
156
+
157
+ </html>
158
+
159
+ ```
160
+
161
+
162
+
13
163
  app/views/plans/index.html.erb
14
164
 
15
165
  ```html

2

修正

2019/05/23 17:11

投稿

avicii
avicii

スコア49

test CHANGED
File without changes
test CHANGED
@@ -607,3 +607,45 @@
607
607
  // You can use Sass (SCSS) here: http://sass-lang.com/
608
608
 
609
609
  ```
610
+
611
+
612
+
613
+ ```gemfile
614
+
615
+ gem 'pry-rails'
616
+
617
+ gem 'compass-rails','~> 2.0'
618
+
619
+ gem 'sprockets', '2.11.0'
620
+
621
+ #pagenation
622
+
623
+ gem 'kaminari'
624
+
625
+ #login_logout
626
+
627
+ gem 'devise'
628
+
629
+ gem 'paperclip'
630
+
631
+
632
+
633
+ #chat
634
+
635
+ gem 'websocket-rails'
636
+
637
+ gem 'faye-websocket', '0.10.0'
638
+
639
+ #image
640
+
641
+ gem 'carrierwave'
642
+
643
+ gem 'rmagick'
644
+
645
+ #date
646
+
647
+ gem 'momentjs-rails'
648
+
649
+ gem 'bootstrap3-datetimepicker-rails'
650
+
651
+ ```

1

修正

2019/05/23 17:04

投稿

avicii
avicii

スコア49

test CHANGED
File without changes
test CHANGED
@@ -10,6 +10,68 @@
10
10
 
11
11
 
12
12
 
13
+ app/views/plans/index.html.erb
14
+
15
+ ```html
16
+
17
+ <div class="contents row">
18
+
19
+ <% @plans.each do |plan| %>
20
+
21
+ <div class="content_post" style="background-image: url(<%= plan.image %>);">
22
+
23
+ <div class="more">
24
+
25
+ <span><%= image_tag 'arrow_top.png' %></span>
26
+
27
+ <ul class="more_list">
28
+
29
+ <li>
30
+
31
+ <%= link_to 'detail', "/plans/#{plan.id}", method: :get %>
32
+
33
+ </li>
34
+
35
+ <% if guider_signed_in? && current_guider.id == plan.guider_id %>
36
+
37
+ <li>
38
+
39
+ <%= link_to '編集', "/plans/#{plan.id}/edit", method: :get %>
40
+
41
+ </li>
42
+
43
+ <li>
44
+
45
+ <%= link_to '削除', "/plans/#{plan.id}", method: :delete %>
46
+
47
+ </li>
48
+
49
+ <% end %>
50
+
51
+ </ul>
52
+
53
+ </div>
54
+
55
+ <%= simple_format(plan.title) %>
56
+
57
+ <span class="name">
58
+
59
+ <a href="/guiders/<%= plan.guider_id %>">
60
+
61
+ <span>guider</span><%= plan.guider.nickname %>
62
+
63
+ </a>
64
+
65
+ </span>
66
+
67
+ </div>
68
+
69
+ <% end %>
70
+
71
+ ```
72
+
73
+
74
+
13
75
  app/assets/stylesheets/setting.css
14
76
 
15
77
  ```css
@@ -291,3 +353,257 @@
291
353
  */
292
354
 
293
355
  ```
356
+
357
+
358
+
359
+ app/assets/stylesheets/style.scss
360
+
361
+ ```scss
362
+
363
+ @import "compass";
364
+
365
+
366
+
367
+ /*
368
+
369
+ * "ほのか明朝" licensed under the IPA Font License Agreement v1.0
370
+
371
+ * http://fontfree.me/966(配布元のURL)
372
+
373
+ * http://ipafont.ipa.go.jp/(IPAフォントのURL)
374
+
375
+ * http://ipafont.ipa.go.jp/ipa_font_license_v1.html(IPAフォントライセンスv1.0のURL)
376
+
377
+ */
378
+
379
+ @font-face {
380
+
381
+ font-family: 'ほのか明朝';
382
+
383
+ src: url('font_1_honokamin.ttf') format('truetype');
384
+
385
+ font-weight: normal;
386
+
387
+ font-style: normal;
388
+
389
+ }
390
+
391
+
392
+
393
+ @import url(http://fonts.googleapis.com/css?family=Unica+One);
394
+
395
+
396
+
397
+ div.contents.row {
398
+
399
+ h2 {
400
+
401
+
402
+
403
+ @include boxBase(20px 0, 0);
404
+
405
+ font-weight: normal;
406
+
407
+
408
+
409
+ strong {
410
+
411
+ font-weight: bold;
412
+
413
+ padding-right: 5px;
414
+
415
+ font-size: 1.2em;
416
+
417
+ }
418
+
419
+ }
420
+
421
+
422
+
423
+ div.avicii {
424
+
425
+ top: 12%;
426
+
427
+ bottom: 0;
428
+
429
+ right: 0;
430
+
431
+ font-size: 15px;
432
+
433
+ padding: 0 auto;
434
+
435
+
436
+
437
+ }
438
+
439
+ div.martin.garrix {
440
+
441
+ top: 12%;
442
+
443
+ bottom: 0;
444
+
445
+ right: 0;
446
+
447
+ font-size: 15px;
448
+
449
+ padding: 0 auto;
450
+
451
+ .clear {
452
+
453
+ clear: left;
454
+
455
+ }
456
+
457
+ }
458
+
459
+
460
+
461
+ .new_user{
462
+
463
+ font-family: "游ゴシック", "YuGothic";
464
+
465
+ }
466
+
467
+
468
+
469
+ div.content_post, .edm_post {
470
+
471
+ @include boxBase(20px 0 ,30px);
472
+
473
+
474
+
475
+ position: relative;
476
+
477
+ height: 400px;
478
+
479
+ color: #fff;
480
+
481
+ background-size: cover;
482
+
483
+ background-position: center center;
484
+
485
+ border-radius: 3px;
486
+
487
+ box-shadow: 0 0 10px rgba($black,0.2);
488
+
489
+ display: inline-block;
490
+
491
+ width: 300px;
492
+
493
+ &:after {
494
+
495
+ content: '';
496
+
497
+ position: absolute;
498
+
499
+ top: 0;
500
+
501
+ bottom: 0;
502
+
503
+ left: 0;
504
+
505
+ right: 0;
506
+
507
+ @include filter-gradient(#000000, #a60000, vertical);
508
+
509
+ @include background-image(linear-gradient(top, rgba(0,0,0,0) 0%,rgba(0,0,0,0) 62%,rgba(0,0,0,0.85) 100%));
510
+
511
+ z-index: 1;
512
+
513
+ border-radius: 3px;
514
+
515
+ }
516
+
517
+ .more {
518
+
519
+ position: absolute;
520
+
521
+ cursor: pointer;
522
+
523
+ top: 20px;
524
+
525
+ right: 30px;
526
+
527
+ z-index: 2;
528
+
529
+ height: 100px;
530
+
531
+ width: 80px;
532
+
533
+ text-align: right;
534
+
535
+ &:hover ul.more_list {
536
+
537
+ display: block;
538
+
539
+ }
540
+
541
+ ul.more_list {
542
+
543
+ position: absolute;
544
+
545
+ text-align: left;
546
+
547
+ width: 80px;
548
+
549
+ right: 0;
550
+
551
+ font-size: 12px;
552
+
553
+ background-color: #fff;
554
+
555
+ border: 1px solid #ddd;
556
+
557
+ display: none;
558
+
559
+ box-shadow: 1px 1px 2px rgba(0,0,0,0.2);
560
+
561
+ border-radius: 3px;
562
+
563
+ li {
564
+
565
+ border-bottom: 1px solid #ddd;
566
+
567
+ &:last-child {
568
+
569
+ border-bottom: 0;
570
+
571
+ }
572
+
573
+ a {
574
+
575
+ display: block;
576
+
577
+ padding: 5px;
578
+
579
+ &:hover {
580
+
581
+ background-color: $accent;
582
+
583
+ color: #fff;
584
+
585
+ }
586
+
587
+ }
588
+
589
+ }
590
+
591
+ }
592
+
593
+ }
594
+
595
+ ```
596
+
597
+
598
+
599
+ app/assets/stylesheets/plans.css.scss
600
+
601
+ ```
602
+
603
+ // Place all the styles related to the plans controller here.
604
+
605
+ // They will automatically be included in application.css.
606
+
607
+ // You can use Sass (SCSS) here: http://sass-lang.com/
608
+
609
+ ```