RecoveryAPP.github.io/ASPCorrespondence.html at master · RecoveryAPP/RecoveryAPP.github.io · 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
<!DOCTYPE html>
<html lang="en">

<head>

  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
  <meta name="description" content="">
  <meta name="author" content="">

  <title>Alonso S. Perales Correspondence</title>

  <!-- Bootstrap core CSS -->
  <link href="vendor/bootstrap/css/bootstrap.min.css" rel="stylesheet">

  <!-- Custom styles for this template -->
  <link href="css/full-width-pics.css" rel="stylesheet">

</head>

<body>

  <!-- Navigation -->
  <nav class="navbar navbar-expand-lg navbar-dark bg-dark fixed-top">
    <div class="container">
      <a class="navbar-brand" href="ASPCorrespondence.html">Recovering the US Hispanic Literary Heritage</a>
      <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbarResponsive" aria-controls="navbarResponsive" aria-expanded="false" aria-label="Toggle navigation">
        <span class="navbar-toggler-icon"></span>
      </button>
      <div class="collapse navbar-collapse" id="navbarResponsive">
        <ul class="navbar-nav ml-auto">
          <li class="nav-item active">
            <a class="nav-link" href="ASPCorrespondence.html">Home
              <span class="sr-only">(current)</span>
            </a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="ASPabout.html">About</a>
          </li>
         <li class="nav-item">
            <a class="nav-link" href="ASPresources.html">Resources</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="ASPprotocols.html">Protocols</a>
          </li>
          <li class="nav-item">
            <a class="nav-link" href="ASPcontact.html">Contact</a>
          </li>
        </ul>
      </div>
    </div>
  </nav>

  <!-- Header - set the background image for the header in the line below -->
  <header class="py-5 bg-image-full" style="background-image: url('https://recoveryapp.github.io/envelopes2.jpg');">

  </header>

  <!-- Content section -->
   <section class="py-5">
    <div class="container">
      <h1>Alonso S. Perales Correspondence</h1>
      <p>This map visualizes a selection of correspondence received by the Mexican American civil rights leader, Alonso S. Perales (1898-1960). Perales was a co-founder of the League of United Latin American Citizens (LULAC) and one of the most prominent US civil rights leaders of the twentieth century.</p>


      <p><b>How to Browse</b></p>
      <p>Mouse over a point on the map and click to view information about the envelop related to this point. A pop-up box will display the item metadata (photograph identifier, link to image, title, name of sender, and name of receiver). Click on the map and then use mouse scroll function to zoom in and out of the map. </p>

      <p><b>How to Cite this Project</b></p>

<p>This digital project is a product of decades of collaboration in its two forms (print bibliography and digital map) at Recovering the US Hispanic Literary Heritage. To cite the digital project, we suggest the following citation:</p>

      <p><i>Alonso S. Perales Correspondence.</i> Recovering the US Hispanic Literary Heritage. https://recoveryapp.github.io/ASPCorrespondence.html. Accessed [DATE].</p>

 </div>
  </section>


<div class="embed-responsive embed-responsive-16by9">
  <iframe class="embed-responsive-item" src="https://kepler.gl/demo/map?mapUrl=https://dl.dropboxusercontent.com/scl/fi/wt2vz3luquaojzys29sz0/keplergl_y5ujv0i.json?rlkey=liqyyzyoexfde8jw61aczfepx&dl=0" allowfullscreen><p>Your browser does not support iframes.</p>
                                                                                                                         </iframe></div>

  <!-- Footer -->
  <footer class="py-5 bg-dark">
    <div class="container">
      <p class="m-0 text-center text-white">Copyright &copy; Arte Público Press 2019
        <br><a href="https://artepublicopress.com">artepublicopress.com</a></p>
    </div>
    <!-- /.container -->
  </footer>

  <!-- Bootstrap core JavaScript -->
  <script src="vendor/jquery/jquery.min.js"></script>
  <script src="vendor/bootstrap/js/bootstrap.bundle.min.js"></script>

</body>

</html>