pipeline/forum-thread.html at master · dmd-program/pipeline · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
---
layout: default
title: Thread
---
<h2 class="thin blue-text center">Reading Discussion</h2>


<div class="card-title center-align"><h2 class="thin blue-text">Discussion Thread</h2></div>
<div class="divider"></div>
<div class="col s12">
  <ul class="pagination ">
  <li class=""><a href="/pipeline/forum-topics"><i class="material-icons left">chevron_left</i>Topics</a></li>
  </ul>
</div>
<div class="divider"></div>
<div class="row">
</div>
<div class="row">
  <div class="col s12 m4 l3">

        <ul class="forum-people collection">
        <li class="collection-item avatar">
          <img src="https://unsplash.it/200" alt="" class="circle">
          <span class="title">Bob Boberson</span>
          <p>Student</p>
        </li>
        <li class="collection-item avatar">
          <img src="https://unsplash.it/200" alt="" class="circle">
          <span class="title">Wendy Wenderson</span>
          <p>Student</p>
        </li>
        <li class="collection-item avatar">
          <img src="https://unsplash.it/200" alt="" class="circle">
          <span class="title">Jill Jillerson</span>
          <p>Student</p>
        </li>
        <li class="collection-item avatar">
          <img src="https://unsplash.it/200" alt="" class="circle">
          <span class="title">Ben Benerson</span>
          <p>Student</p>
        </li>
        <li class="collection-item avatar">
          <img src="https://unsplash.it/200" alt="" class="circle">
          <span class="title">Dr. Rob Roberson</span>
          <p>Instructor</p>
        </li>
      </ul>

  </div>
  <div class="col s12 m8 l9">
    <div class="row">

      <div id="" class="col s12">
        <ul class="collapsible z-depth-0" data-collapsible="accordion">
          <li>
            <div class="collapsible-header active"><i class="material-icons">info_outline</i>Description</div>
            <div class="collapsible-body">
              <p>This text could be directions or some useful information related to this topic. Maybe a link to some content. Maybe a picture of a cat. Who knows!</p>
            </div>
          </li>

        </ul>
      </div>

      <div class="col s12">
        <h5 class="uppercase center" href="#">Discussion Thread</h6>
        <ul class="collapsible z-depth-0" data-collapsible="accordion">
         <li>
            <div class="collapsible-header active"><i class="material-icons">comment</i>Comment</div>
            <div class="collapsible-body">
              <div class="input-field col s12">
                <i class="material-icons prefix">mode_edit</i>
                <textarea id="icon_prefix2" class="materialize-textarea"></textarea>
                <label for="icon_prefix2">Write</label>
              </div>
              <a class="waves-effect btn-large btn-flat black white-text"><i class="right material-icons">send</i>Submit</a>
            </div>
          </li>
        </ul>
        <ul class="collection">
          <li class="collection-item avatar">
            <img src="https://unsplash.it/50?image=230" alt="" class="circle">
            <span class="title">Robert Roberson</span>
            <p><span class="date">Date: 11/11/2011</span><br>It should be added that the reductive quality of the purity of line visually and conceptually activates the remarkable handling of light.</p>
             <p class="reply"><button class="btn waves-effect waves-light btn-flat right" type="submit" name="action">Reply<i class="material-icons right"><i class="material-icons">trending_flat</i></i></button></p>
            <a href="#!" class="secondary-content"><i class="material-icons blue-text">thumb_up</i></a>
          </li>
          <li class="indent collection-item avatar">
            <img src="https://unsplash.it/50?image=400" alt="" class="circle">
           <span class="title">Robert Roberson</span>
            <p><span class="date">Date: 11/11/2011</span><br>Although I am not a painter, I think that the reductive quality of the Egyptian motifs contextualize a participation in the critical dialogue of the 90s.</p>
            <p class="reply"><button class="btn waves-effect waves-light btn-flat right" type="submit" name="action">Relpy<i class="material-icons right"><i class="material-icons">trending_flat</i></i></button></p>

            <a href="#!" class="secondary-content"><i class="material-icons grey-text">thumb_up</i></a>
          </li>
          <li class="indent-indent collection-item avatar">
            <img src="https://unsplash.it/50?image=500" alt="" class="circle">
            <span class="title">Robert Roberson</span>
            <p><span class="date">Date: 11/11/2011</span><br>I'm troubled by how the metaphorical resonance of the purity of line notates the essentially transitional quality.</p>
             <p class="reply"><button class="btn waves-effect waves-light btn-flat right" type="submit" name="action">Relpy<i class="material-icons right"><i class="material-icons">trending_flat</i></i></button></p>
            <a href="#!" class="secondary-content"><i class="material-icons grey-text">thumb_up</i></a>
          </li>
          <li class="collection-item avatar">
            <img src="https://unsplash.it/50?image=100" alt="" class="circle">
            <span class="title">Robert Roberson</span>
            <p><span class="date">Date: 11/11/2011</span><br>Although I am not a painter, I think that the iconicity of the purity of line visually and conceptually activates the distinctive formal juxtapositions.</p>
             <p class="reply"><button class="btn waves-effect waves-light btn-flat right" type="submit" name="action">Relpy<i class="material-icons right"><i class="material-icons">trending_flat</i></i></button></p>
            <a href="#!" class="secondary-content"><i class="material-icons grey-text">thumb_up</i></a>
          </li>
        </ul>
        <div class="">
          <ul class="pagination">
            <li class="disabled"><a href="#!"><i class="material-icons">chevron_left</i></a></li>
            <li class="active"><a href="#!">1</a></li>
            <li class="waves-effect"><a href="#!">2</a></li>
            <li class="waves-effect"><a href="#!">3</a></li>
            <li class="waves-effect"><a href="#!">4</a></li>
            <li class="waves-effect"><a href="#!">5</a></li>
            <li class="waves-effect"><a href="#!"><i class="material-icons">chevron_right</i></a></li>
          </ul>
        </div>
      </div>
    </div>
  </div>
</div>