viithiisys / spotlight-frontend

Blame view

src/components/SingleAuthor.vue 5.1 KB
edit raw normal view history
921970bb2   Gurvinder Singh   new files 
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
 
  <template>
    <main class="landing-page">
     
      <div class="container-fluid episode-intro">
      <nav class="navbar navbar-expand-sm spotLight-nav">
          <a class="navbar-brand" href="#"><img src="../assets/images/logo.png"></a>
          <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarsExample03" aria-controls="navbarsExample03" aria-expanded="false" aria-label="Toggle navigation">
            <span class="navbar-toggler-icon"></span>
            <span class="navbar-toggler-icon"></span>
            <span class="navbar-toggler-icon"></span>
          </button>
          <div class="user-profile-photo insights-profile">
            <a href="#"><img src="../assets/images/lock.svg"></a>
          </div>
        </nav>
        <!-- menu wrapper -->
      <div class="intro-startup">
      <div class="single-author-comments">
          <img class="s-user-comments" src="../assets/images/u-info.png" />
          <div class="comments-a-wrp">
          <div class="single-author-li-comments">
              <div class="a-intro-comments">
                 <p> Before I dive in to showcase my observations and userflows that stood out to me in the app, I want to call out that the situation or time-frame in which I was using the app is extremely important for what I am about to show as well.</p>
                 <ul class="rly-comment-set">
                     <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
                        <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
                 </ul>
                  </div><!-- comments box -->
              </div><!-- single author comments -->
                 <div class="single-author-li-comments">
              <div class="a-intro-comments">
                 <p> Before I dive in to showcase my observations and userflows that stood out to me in the app, I want to call out that the situation or time-frame in which I was using the app is extremely important for what I am about to show as well.</p>
                 <ul class="rly-comment-set">
                     <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
                        <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
                 </ul>
                  </div><!-- comments box -->
              </div><!-- single author comments -->
                 <div class="single-author-li-comments">
              <div class="a-intro-comments">
                 <p> Before I dive in to showcase my observations and userflows that stood out to me in the app, I want to call out that the situation or time-frame in which I was using the app is extremely important for what I am about to show as well.</p>
                 <ul class="rly-comment-set">
                     <li><img src="../assets/images/color-heart.svg" /> <a href="#">4</a></li>
                        <li><img src="../assets/images/rply.svg" /> <a href="#">Reply</a></li>
                 </ul>
                  </div><!-- comments box -->
              </div><!-- single author comments -->
              </div>
          </div><!-- single author comments -->
        <div class="footer-nav">
          <div class="footer-top white-bg">
                <ul class="top-intro-bt">
              <li><a href="#"><img src="../assets/images/skip-prev.svg"> Prev</a></li>
               <li><a href="#"><img src="../assets/images/skip-next.svg"> Skip to next slide</a></li>
            </ul>
            <div class="ft-comments-group">
                <span class="count-comments">16+ Comments</span><!-- count commets -->
                <ul class="comments-photos">
                    <li><img src="../assets/images/c-photo-1.png" /></li>
                    <li><img src="../assets/images/c-photo-2.png" /></li>
                    <li><img src="../assets/images/c-photo-3.png" /></li>
                    </ul><!-- comment photos -->
                    <div class="comments-detail">
                        <span>Saudrika commented <a href="#">View All</a></span>
                        <p>I wonder what the difference between “Dunzo Assistant” and “Pickup and Drop...</p>
                        </div><!-- comments detail -->
                    
                </div><!-- comments Group -->
                    <div class="comment-frm">
                             <div class="form-group frm-wdth">
      <input type="text" class="form-control" placeholder="Kathy, Something on your mind?" id="">
    </div>
    <a href="#" class="add-comment"><img src="../assets/images/add-comment.svg" /> Comment</a>
                            </div><!-- comment from -->
            </div><!-- footer top -->
          <div class="footer-bottom">
            <ul>
              <li class="active"></li>
               <li></li>
            </ul>
            </div><!-- footer top -->
          </div><!-- footer -->
      
      </div>
        <!-- body wrapper -->
      </div>
      <!-- main wrapper -->
    </main>
  </template>
  
  <script>
  import Vue from "vue";
  import router from "../router";
  
  export default {
    name: "SingleAuthor",
  
    data() {
      return {};
    },
    mounted() {},
    methods: {
      goToLogin() {
        this.$router.push("/");
      },
      goToSignUp() {
        this.$router.push("/signup");
      },
      
    },
  };
  </script>